@extends('layouts.app')
@section('title', 'Laporan Status Pelunasan')

@section('content')
<div class="card">
    <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2 no-print">
        <span><i class="bi bi-clipboard-check text-hijau"></i> Laporan Status Pelunasan (1 Tahun)</span>
        <button onclick="window.print()" class="btn btn-sm btn-primary"><i class="bi bi-printer"></i> Cetak</button>
    </div>
    <div class="card-body">
        <form class="row g-2 mb-3 no-print" method="GET">
            <div class="col-md-4"><select name="kelas" class="form-select"><option value="">Semua Kelas</option>
                @foreach($daftarKelas as $k)<option value="{{ $k }}" @selected($kelas==$k)>{{ $k }}</option>@endforeach</select></div>
            <div class="col-md-4"><select name="status" class="form-select">
                <option value="">Semua Status</option>
                <option value="lunas" @selected($status=='lunas')>Lunas</option>
                <option value="belum" @selected($status=='belum')>Belum Lunas</option></select></div>
            <div class="col-md-4 d-flex gap-2"><button class="btn btn-primary flex-fill"><i class="bi bi-funnel"></i> Filter</button>
                <a href="{{ route('reports.pelunasan') }}" class="btn btn-outline-primary"><i class="bi bi-x-lg"></i></a></div>
        </form>

        <div class="d-none d-print-block text-center mb-2"><h5 class="mb-0">{{ $setting->nama_sekolah }}</h5><div>Laporan Status Pelunasan</div></div>

        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead><tr>
                    <th>No</th><th>No Induk</th><th>Nama</th><th>Kelas</th>
                    <th class="text-end">Kurang SPP</th><th class="text-end">Sisa Tunggakan</th><th class="text-end">Kurang Lainnya</th>
                    <th class="text-end">Total Kekurangan</th><th class="text-center">Status</th>
                </tr></thead>
                <tbody>
                @forelse($data as $i => $d)
                    <tr>
                        <td>{{ $i+1 }}</td>
                        <td>{{ $d['s']->no_induk }}</td>
                        <td>{{ $d['s']->nama }}</td>
                        <td>{{ $d['s']->kelas }}</td>
                        <td class="text-end">{{ rp($d['sppKurang']) }}</td>
                        <td class="text-end">{{ rp($d['sisaTunggakan']) }}</td>
                        <td class="text-end">{{ rp($d['lainKurang']) }}</td>
                        <td class="text-end fw-bold {{ $d['totalKurang']>0?'text-danger':'text-hijau' }}">{{ rp($d['totalKurang']) }}</td>
                        <td class="text-center">
                            @if($d['lunas'])<span class="badge badge-lunas">Lunas</span>
                            @else<span class="badge badge-belum">Belum Lunas</span>@endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="9" class="text-center text-muted py-4">Tidak ada data.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection