@extends('landing.smp.layout')

@section('title')
    Cari Peserta
@endsection

@section('content')
    <div class="card shadow-sm">
        <div class="card-body p-lg-15">
            <div class="mb-13">
                <div class="mb-15">
                    <h4 class="fs-2x text-gray-800 w-bolder">Cari Peserta</h4>
                    <p class="fw-semibold fs-4 text-gray-600 mb-2">Periksa data siswa apabila sudah terdaftarkan di database</p>

                </div>

                <form class="d-flex flex-lg-row flex-column gap-6" action="">
                    <div class="w-lg-300px">
                        @php($columns = ['nama' => 'Nama Siswa', 'nisn' => 'NISN', 'nik' => 'NIK'])
                        <x-select name="column" :options="$columns" class="form-select" :value="$column" />
                    </div>
                    <div class="w-lg-300px">
                        <x-input name="value" caption="Pencarian" :value="$value" />
                    </div>
                    <div class="w-lg-150px">
                        <button class="btn w-100 btn-primary">Cari</button>
                    </div>
                </form>

                @if(count($list_siswa) == 0 && $value !== '')
                    <div class="my-10">
                        <h1 class="text-center">- Data Siswa Tidak Ditemukan -</h1>
                        <h5 class="text-center">- Hubungi pihak sekolah apabila data kamu seharusnya ada -</h5>
                    </div>
                @endif

                @if(count($list_siswa) > 0)
                    <div class="table-responsive mt-3">
                        <table class="table align-middle gs-0 gy-4">
                            <thead>
                            <tr class="fw-bolder text-muted bg-light">
                                <th class="ps-4 rounded-start w-30px">#</th>
                                <th>Nama</th>
                                <th class="text-center">Tgl. Lahir</th>
                                <th class="text-center">Nilai</th>
                                <th>Alamat</th>
                                <th>Status KK</th>
                                <th>Asal Sekolah</th>
                                <th>Keterangan</th>
                            </tr>
                            </thead>
                            <tbody>
                            @php($no = 1)
                            @foreach($list_siswa as $siswa)
                                <tr>
                                    <td class="text-end">{{ $no++ }}</td>
                                    <td>
                                        {{ $siswa->nama }} <i class="fa {{ $siswa->jenis_kelamin == 'L' ? 'fa-mars' : 'fa-venus' }} fs-3"></i>
                                        @if(!empty($siswa->miskin))
                                            <span class="badge badge-info ms-2">DTKS</span>
                                        @endif
                                    </td>
                                    <td class="text-center">{{ format_date($siswa->tanggal_lahir ?? '') }}</td>
                                    <td class="text-center">{{ $siswa->nilai }}</td>
                                    <td>{{ $siswa->lokasi }}</td>
                                    <td>{{ $siswa->keterangan_kk }}</td>
                                    <td>{{ $siswa->asal_sekolah->nama ?? '' }}</td>
                                    <td>{{ $siswa->alasan_blokir ?? '-' }}</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif

            </div>
        </div>
    </div>
@endsection