@extends('layouts.app')
@section('title', 'Laporan Pembayaran Lainnya')

@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-wallet2 text-hijau"></i> Laporan Pembayaran Lainnya</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 Semua</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.lainnya') }}" 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 Pembayaran Lainnya</div></div>

        <div class="table-responsive">
            <table class="table table-bordered align-middle" style="font-size:.85rem">
                <thead><tr>
                    <th>Nama</th><th>Kelas</th>
                    @foreach($lainnya as $l)<th class="text-end">{{ $l['nama'] }}<br><small class="text-muted fw-normal">{{ rp($l['tarif']) }}</small></th>@endforeach
                    <th class="text-end">Total Kurang</th><th class="text-center">Status</th>
                </tr></thead>
                <tbody>
                @forelse($data as $d)
                    <tr>
                        <td>{{ $d['s']->nama }}<br><small class="text-muted">{{ $d['s']->no_induk }}</small></td>
                        <td>{{ $d['s']->kelas }}</td>
                        @foreach($lainnya as $l)
                            @php $p = $d['perSlot'][$l['slot']]; @endphp
                            <td class="text-end {{ $p['kurang']>0?'text-danger':'text-hijau' }}">
                                @if($p['kurang']==0)<i class="bi bi-check-circle-fill"></i>@else{{ rp($p['kurang']) }}@endif
                            </td>
                        @endforeach
                        <td class="text-end fw-bold {{ $d['kurangTotal']>0?'text-danger':'text-hijau' }}">{{ rp($d['kurangTotal']) }}</td>
                        <td class="text-center">@if($d['lunas'])<span class="badge badge-lunas">Lunas</span>@else<span class="badge badge-belum">Belum</span>@endif</td>
                    </tr>
                @empty
                    <tr><td colspan="{{ 4+count($lainnya) }}" class="text-center text-muted py-4">Tidak ada data.</td></tr>
                @endforelse
                </tbody>
            </table>
            <small class="text-muted">Nilai merah = kekurangan; <i class="bi bi-check-circle-fill text-hijau"></i> = lunas.</small>
        </div>
    </div>
</div>
@endsection