@extends('layouts.app')

@section('title', 'Atur Tagihan')

@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">Manajemen SPP <i class="bi bi-chevron-right" aria-hidden="true"></i>Atur Tagihan</p>
            <h1 class="pkbm-dashboard__title">Atur Tagihan Siswa</h1>
            <p class="pkbm-dashboard__subtitle">Tentukan kategori tagihan untuk siswa pada kelas dan bulan tertentu di tahun ajaran {{ $period->tahun_pelajaran }}.</p>
        </div>
    </header>

    @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">Tagihan belum diperbarui.</p><ul class="mt-1 list-inside list-disc">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div></div>@endif

    <section class="sp-card">
        <div class="sp-card-header"><h2 class="sp-section-title">Pilih kelas dan bulan tagihan</h2></div>
        <form method="GET" action="{{ route('pkbm.spp.bills') }}" class="grid gap-4 p-5 sm:grid-cols-[1fr_1fr_auto] sm:items-end">
            <label class="block"><span class="sp-form-label">Kelas aktif</span><select name="id_kelas" required class="sp-form-control"><option value="">Pilih kelas</option>@foreach ($classes as $option)<option value="{{ $option->id }}" @selected($classId === (int) $option->id)>{{ $option->nama_kelas }}</option>@endforeach</select></label>
            <label class="block"><span class="sp-form-label">Bulan dalam tahun ajaran</span><select name="bulan" required class="sp-form-control"><option value="">Pilih bulan</option>@foreach (['Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember', 'Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni'] as $option)<option value="{{ $option }}" @selected($month === $option)>{{ $option }}</option>@endforeach</select></label>
            <button type="submit" class="sp-btn-primary"><i class="bi bi-funnel" aria-hidden="true"></i>Tampilkan siswa</button>
        </form>
    </section>

    @if ($class && $month)
        <section class="sp-card overflow-hidden">
            <div class="sp-card-header flex flex-wrap items-center justify-between gap-3">
                <div><h2 class="sp-section-title">{{ $class->nama_kelas }} <span class="font-normal text-slate-400">/</span> {{ $month }}</h2><p class="mt-1 text-xs text-slate-500">{{ $students->count() }} siswa aktif · {{ $categories->count() }} kategori berlaku · {{ $period->tahun_pelajaran }}</p></div>
                <form method="POST" action="{{ route('pkbm.spp.bills.copy') }}" onsubmit="return confirm('Ganti seluruh tagihan {{ $month }} kelas {{ $class->nama_kelas }} dengan tagihan dari bulan sebelumnya?')">
                    @csrf
                    <input type="hidden" name="id_kelas" value="{{ $classId }}"><input type="hidden" name="bulan" value="{{ $month }}">
                    <button type="submit" class="sp-btn-secondary"><i class="bi bi-arrow-left-right" aria-hidden="true"></i>Salin bulan sebelumnya</button>
                </form>
            </div>
            @if ($students->isEmpty())
                <div class="px-5 py-12 text-center"><i class="bi bi-people text-3xl text-slate-300" aria-hidden="true"></i><p class="mt-3 font-semibold text-slate-700">Belum ada siswa aktif pada kelas ini</p><p class="text-sm text-slate-500">Penagihan mengikuti penempatan kelas dan semester aktif tahun ajaran ini.</p></div>
            @elseif ($categories->isEmpty())
                <div class="px-5 py-12 text-center"><i class="bi bi-tags text-3xl text-slate-300" aria-hidden="true"></i><p class="mt-3 font-semibold text-slate-700">Belum ada kategori untuk kelas ini</p><p class="text-sm text-slate-500">Tambahkan kategori yang berlaku untuk kelas ini terlebih dahulu.</p></div>
            @else
                <form method="POST" action="{{ route('pkbm.spp.bills.save') }}">
                    @csrf
                    <input type="hidden" name="id_kelas" value="{{ $classId }}"><input type="hidden" name="bulan" value="{{ $month }}">
                    <div class="spp-bills-table-scroll overflow-x-auto">
                        <table class="sp-table min-w-full">
                            <thead><tr><th>Siswa</th>@foreach ($categories as $category)<th class="min-w-40"><span class="block">{{ $category->nama_pembayaran }}</span><span class="mt-1 block font-normal normal-case">Rp {{ number_format((int) $category->nominal, 0, ',', '.') }} · {{ $category->tipe === 'rutin' ? 'Rutin' : 'Sekali' }}</span></th>@endforeach</tr></thead>
                            <tbody>
                                @foreach ($students as $student)
                                    <tr>
                                        <td class="min-w-52">
                                            <p class="font-semibold text-slate-800">{{ $student->nama_siswa }}</p>
                                            <p class="text-xs text-slate-500">{{ $student->nis ?: $student->nisn ?: 'Nomor induk belum diisi' }}</p>
                                            <span class="mt-1 inline-flex items-center gap-1 rounded-full bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700"><i class="bi bi-calendar-check" aria-hidden="true"></i>Kehadiran {{ $month }}: {{ $student->jumlah_hadir }} kali</span>
                                        </td>
                                        @foreach ($categories as $category)
                                            <td class="text-center"><label class="inline-flex cursor-pointer items-center justify-center gap-2 rounded-lg px-3 py-2 text-sm hover:bg-blue-50"><input type="checkbox" name="tagihan[{{ $student->id }}][]" value="{{ $category->id }}" @checked(in_array((int) $category->id, $existing->get($student->id, []), true)) class="size-4 rounded border-slate-300 text-blue-600 focus:ring-blue-500"><span class="sr-only">Tagihkan {{ $category->nama_pembayaran }} kepada {{ $student->nama_siswa }}</span></label></td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="flex flex-wrap items-center justify-between gap-3 border-t border-slate-100 p-4">
                        <p class="text-xs text-slate-500"><i class="bi bi-info-circle mr-1" aria-hidden="true"></i>Simpan akan mengganti pilihan tagihan untuk semua siswa aktif di kelas dan bulan ini.</p>
                        <button type="submit" class="sp-btn-primary"><i class="bi bi-check2-circle" aria-hidden="true"></i>Simpan tagihan</button>
                    </div>
                </form>
            @endif
        </section>
    @endif
</div>
@endsection