@extends('layouts.app')

@section('title', 'Data Alumni')

@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">Data Alumni</h1>
            <p class="pkbm-dashboard__subtitle">Rekam lulusan dicari lintas tahun pelajaran; semester dan jenjang ditampilkan bila tercatat.</p>
        </div>
        @if ($year)
            <a href="{{ route('pkbm.kelulusan.alumni.print', request()->query()) }}" target="_blank" rel="noopener" class="sp-btn-primary">
                <i class="bi bi-printer" aria-hidden="true"></i>Cetak buku alumni
            </a>
        @endif
    </header>

    @include('pkbm.kelulusan.partials.navigation')
    @include('pkbm.kelulusan.partials.alumni-filters')

    <section class="sp-card overflow-hidden">
        <div class="sp-card-header">
            <h2 class="sp-section-title">Arsip alumni</h2>
            <p class="mt-1 text-xs text-slate-500">
                @if ($year)
                    Rekam alumni tahun pelajaran {{ $year }}. Semester yang tidak tersimpan dari data lama ditandai secara eksplisit.
                @else
                    Belum ada rekam kelulusan.
                @endif
            </p>
        </div>
        <div class="overflow-x-auto">
            <table class="sp-table min-w-[72rem]">
                <thead>
                    <tr>
                        <th scope="col" class="w-14 text-center">No.</th>
                        <th scope="col" class="text-center">Foto</th>
                        <th scope="col">Nama alumni</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 terakhir</th>
                        <th scope="col" class="text-center">Tahun / semester lulus</th>
                        <th scope="col" class="text-center">Tanggal kelulusan</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($records as $record)
                        <tr>
                            <td class="text-center">{{ $records->firstItem() + $loop->index }}</td>
                            <td class="text-center">
                                @if ($record->foto)
                                    <img src="{{ route('pkbm.siswa.photo', $record->id) }}" alt="Foto {{ $record->nama_siswa }}" loading="lazy" class="mx-auto h-16 w-12 rounded-md border border-slate-200 object-cover">
                                @else
                                    <span class="inline-flex h-16 w-12 items-center justify-center rounded-md border border-slate-200 bg-slate-50 text-[10px] text-slate-400">Tanpa foto</span>
                                @endif
                            </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">{{ $record->tingkatan ? (['6' => 'Paket A', '9' => 'Paket B', '12' => 'Paket C'][$record->tingkatan] ?? 'Tingkat '.$record->tingkatan) : 'Belum tercatat' }}</td>
                            <td class="text-center">{{ $record->nama_kelas ?: 'Belum tercatat' }}</td>
                            <td class="text-center">{{ $record->tahun_pelajaran }} · {{ $record->semester ?: 'Belum tercatat' }}</td>
                            <td class="text-center">{{ $record->tgl_keluar ? \Carbon\Carbon::parse($record->tgl_keluar)->format('d/m/Y') : 'Belum tercatat' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="py-8 text-center text-sm text-slate-500">Belum ada alumni pada periode dan filter ini.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($records instanceof \Illuminate\Contracts\Pagination\Paginator)
            <div class="p-4">{{ $records->links() }}</div>
        @endif
    </section>
</div>
@endsection