@extends('layouts.app')

@section('title', 'Penetapan Kelulusan')

@section('content')
<div class="pkbm-master-page mx-auto max-w-7xl space-y-5">
    <header class="pkbm-dashboard__heading">
        <div>
            <p class="pkbm-dashboard__breadcrumb"><span>Standar Kompetensi Lulusan</span><i class="bi bi-chevron-right" aria-hidden="true"></i>Manajemen Kelulusan</p>
            <h1 class="pkbm-dashboard__title">Penetapan Kelulusan</h1>
            <p class="pkbm-dashboard__subtitle">Tetapkan hasil untuk siswa jenjang akhir pada periode yang dipilih. Penetapan lulus akan tersimpan sebagai arsip alumni.</p>
        </div>
    </header>

    @include('pkbm.kelulusan.partials.navigation')
    @if (session('status'))
        <div role="status" class="settings-notice settings-notice--success"><i class="bi bi-check-circle-fill" aria-hidden="true"></i><span>{{ session('status') }}</span></div>
    @endif
    @if ($errors->any())
        <div role="alert" class="settings-notice settings-notice--error"><i class="bi bi-exclamation-circle-fill" aria-hidden="true"></i><div><p class="font-semibold">Penetapan belum dapat disimpan.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>
    @endif
    @include('pkbm.kelulusan.partials.filters')

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header">
            <h2 class="sp-section-title">Daftar penetapan</h2>
            <p class="mt-1 text-xs text-slate-500">Pilih siswa berstatus aktif atau tidak lulus. Status lulus yang sudah diarsipkan tidak dapat diubah dari halaman ini.</p>
        </div>
        <form method="POST" action="{{ route('pkbm.kelulusan.decisions.save') }}">
            @csrf
            <input type="hidden" name="tahun_pelajaran" value="{{ $period->tahun_pelajaran ?? '' }}">
            <input type="hidden" name="semester" value="{{ $period->semester ?? '' }}">
            <input type="hidden" name="tingkat" value="{{ $filters['tingkat'] ?? '' }}">
            <input type="hidden" name="q" value="{{ $filters['q'] ?? '' }}">
            <div class="grid gap-3 border-b border-slate-100 p-4 sm:grid-cols-2 sm:items-end xl:grid-cols-4">
                <label class="sp-form-label mb-0">Tanggal kelulusan
                    <input type="date" name="tgl_keluar" value="{{ old('tgl_keluar', now()->toDateString()) }}" class="sp-form-control mt-1 w-full px-3 py-2 text-sm">
                </label>
                <label class="sp-form-label mb-0">Keterangan arsip
                    <input type="text" name="keterangan" value="{{ old('keterangan') }}" maxlength="2000" placeholder="Opsional" class="sp-form-control mt-1 w-full px-3 py-2 text-sm">
                </label>
                <button type="submit" name="status" value="Lulus" class="sp-btn-primary w-full justify-center whitespace-nowrap"><i class="bi bi-mortarboard" aria-hidden="true"></i>Tetapkan lulus</button>
                <button type="submit" name="status" value="Tidak Lulus" class="sp-btn-secondary w-full justify-center whitespace-nowrap"><i class="bi bi-arrow-repeat" aria-hidden="true"></i>Tidak lulus</button>
            </div>
            <div class="overflow-x-auto">
                <table class="sp-table min-w-[62rem]">
                    <thead>
                        <tr>
                            <th scope="col" class="w-12 text-center"><span class="sr-only">Pilih</span></th>
                            <th scope="col" class="w-14 text-center">No.</th>
                            <th scope="col">Nama siswa</th>
                            <th scope="col" class="text-center">NIS / NISN</th>
                            <th scope="col" class="text-center">Jenjang</th>
                            <th scope="col" class="text-center">Kelas</th>
                            <th scope="col" class="text-center">Status saat ini</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($records as $record)
                            <tr>
                                <td class="text-center">
                                    @if ($record->status_siswa !== 'Lulus')
                                        <input type="checkbox" name="siswa_ids[]" value="{{ $record->id }}" class="size-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500" aria-label="Pilih {{ $record->nama_siswa }}">
                                    @else
                                        <i class="bi bi-lock-fill text-slate-400" aria-label="Sudah ditetapkan lulus"></i>
                                    @endif
                                </td>
                                <td class="text-center">{{ $records->firstItem() + $loop->index }}</td>
                                <th scope="row" class="font-semibold text-slate-800">{{ $record->nama_siswa }}</th>
                                <td class="text-center text-sm">{{ $record->nis ?: '-' }} / {{ $record->nisn ?: '-' }}</td>
                                <td class="text-center">{{ ['6' => 'Paket A', '9' => 'Paket B', '12' => 'Paket C'][$record->tingkatan] ?? 'Tingkat '.$record->tingkatan }}</td>
                                <td class="text-center">{{ $record->nama_kelas }}</td>
                                <td class="text-center">
                                    <span @class(['rounded-full px-3 py-1 text-xs font-semibold', 'bg-amber-50 text-amber-700' => in_array($record->status_siswa, ['Aktif', null], true), 'bg-rose-50 text-rose-700' => $record->status_siswa === 'Tidak Lulus', 'bg-emerald-50 text-emerald-700' => $record->status_siswa === 'Lulus'])>{{ $record->status_siswa ?: 'Aktif' }}</span>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="py-8 text-center text-sm text-slate-500">Tidak ada siswa yang dapat ditetapkan pada periode dan filter ini.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </form>
        @if ($records instanceof \Illuminate\Contracts\Pagination\Paginator)
            <div class="p-4">{{ $records->links() }}</div>
        @endif
    </section>
</div>
@endsection