@extends('pemerintah.main')

@section('content')
    <!-- Page Title -->
    <div class="page-title-area">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="container">
                    <div class="title-item">
                        <h2 class="text-wrap w-100">Program</h2> <!-- Tambahkan w-100 -->
                        <ul>
                            <li>
                                <a>Beranda</a>
                            </li>
                            <li>
                                <i class='bx bx-chevrons-right'></i>
                            </li>
                            <li>
                                <span>Program</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Page Title -->

    <!-- Services -->
    <section class="service-area two pt-100 pb-70">
        <div class="container">
            <div class="row">
                <!-- Search Bar -->
                <div class="search-bar mb-4">
                    <form action="{{ route('umkm.search') }}" method="GET">
                        <div class="input-group">
                            <input type="text" class="form-control" name="search" placeholder="Cari Program..."
                                aria-label="Cari Program" value="{{ request('search') }}">
                            <!-- Menampilkan kembali kata kunci pencarian -->
                            <div class="input-group-append">
                                <button class="btn btn-primary" type="submit">Cari</button>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- Projects Section -->
                <div class="col-md-15">
                    <div class="projects-area bg-white p-4 rounded" style="border: 1px solid #ccc">
                        <div class="section-title">
                            <span class="sub-title">Rekomendasi Program</span>
                            <h2>Berdasarkan Preferensi Masukan Anda</h2>
                        </div>
                        @if (isset($message))
                            <div class="alert alert-warning">
                                {{ $message }}
                            </div>
                        @endif
                        <div class="row" id="projects-container">
                            @if (isset($projects) && $projects->count())
                                @foreach ($projects as $project)
                                    <div class="col-sm-6 col-lg-4 mb-4 project-item"
                                        data-category="{{ $project->category }}">
                                        <div class="service-item"
                                            style="border: 1px solid #ccc; padding: 15px; border-radius: 5px;">
                                            <img src="{{ asset('storage/' . $project->foto_proyek) }}"
                                                class="rounded-circle" alt="{{ $project->judul_project }}"
                                                style="width: 50px; height: 50px; border: 2px solid #007bff; padding: 2px; margin-right: 10px;">
                                            <h3 class="mt-3">
                                                <a>{{ $project->judul_project }}</a>
                                            </h3>
                                            <p>{!! Str::words($project->deskripsi_project, 100) !!}</p>
                                            <a class="service-link"
                                                href="{{ $project->jenis_penawaran === 'pelatihan'
                                                    ? route('penawaranpelatihan.show', $project->id)
                                                    : ($project->jenis_penawaran === 'pendanaan'
                                                        ? route('penawaranpendanaan.show', $project->id)
                                                        : ($project->jenis_penawaran === 'riset'
                                                            ? route('penawaranriset.show', $project->id)
                                                            : '#')) }}">
                                                Selengkapnya
                                                <i class='bx bx-right-arrow-alt'></i>
                                            </a>


                                        </div>
                                    </div>
                                @endforeach
                            @else
                                <p>Tidak ada proyek yang tersedia.</p>
                            @endif
                        </div>

                    </div>
                    @if (isset($projects) && $projects->count())
                        <div class="pagination-wrapper mt-3">
                            {{ $projects->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection