@extends('layouts.app')

@section('title', 'Cetak Rekap Absensi')

@section('content')
@php
    $printDate = $monthDate->copy()->endOfMonth();
    $statusSymbols = ['Hadir' => '✓', 'Terlambat' => 'T', 'Izin' => 'I', 'Sakit' => 'S', 'Alpha' => 'A', 'Alpa' => 'A'];
@endphp
<div class="attendance-print mx-auto max-w-full space-y-4 bg-white p-2 text-slate-900">
    <div class="attendance-print__actions flex justify-end gap-2">
        <a href="{{ route('pkbm.absensi.index', request()->query()) }}" class="sp-btn-secondary">Kembali</a>
        <button type="button" class="sp-btn-primary" onclick="window.print()"><i class="bi bi-printer" aria-hidden="true"></i>Cetak</button>
    </div>
    <header class="text-center">
        <h1 class="attendance-print__title">Rekapitulasi Absensi {{ ucfirst($kind) }}</h1>
        <p class="attendance-print__institution">{{ $institution->nama_pkbm ?? 'PKBM' }}</p>
    </header>
    <table class="w-full text-sm">
        <tbody>
            <tr>
                <th class="w-36 py-1 text-left font-normal">Bulan</th><td class="w-4">:</td><td>{{ $monthDate->translatedFormat('F Y') }}</td>
                <th class="w-36 py-1 text-left font-normal">Tahun Pelajaran</th><td class="w-4">:</td><td>{{ $period->tahun_pelajaran ?? '-' }}</td>
            </tr>
            <tr>
                <th class="py-1 text-left font-normal">{{ $kind === 'guru' ? 'Kategori' : 'Kelas' }}</th><td>:</td><td>{{ $kind === 'guru' ? 'Semua Guru' : ($className ?: 'Semua Kelas') }}</td>
                <th class="py-1 text-left font-normal">Semester</th><td>:</td><td>{{ $period->semester ?? '-' }}</td>
            </tr>
        </tbody>
    </table>
    <div class="overflow-x-auto">
        <table class="attendance-print__table w-full border-collapse text-center">
            <thead>
                <tr>
                    <th rowspan="2">No</th><th rowspan="2" class="attendance-print__name">Nama lengkap</th>
                    <th colspan="{{ $dayCount }}">Tanggal</th><th rowspan="2">Hadir</th>
                </tr>
                <tr>@foreach ($dates as $date)<th>{{ (int) substr($date, -2) }}</th>@endforeach</tr>
            </thead>
            <tbody>
                @forelse ($participants as $participant)
                    @php $presentCount = 0; @endphp
                    <tr>
                        <td>{{ $loop->iteration }}</td><td class="attendance-print__name">{{ $participant->name ?: '-' }}</td>
                        @foreach ($dates as $date)
                            @php
                                $status = $attendance[$participant->id][$date] ?? '';
                                $symbol = $statusSymbols[$status] ?? '-';
                                if ($status === 'Hadir') {
                                    $presentCount++;
                                }
                            @endphp
                            <td>{{ $symbol }}</td>
                        @endforeach
                        <td><strong>{{ $presentCount }}</strong></td>
                    </tr>
                @empty
                    <tr><td colspan="{{ $dayCount + 3 }}">Data tidak ditemukan.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="attendance-print__signature">
        <p>{{ $institution->kabupaten ?? '' }}, {{ $printDate->translatedFormat('d F Y') }}</p>
        <p class="attendance-print__signer-title">Kepala {{ $institution->nama_pkbm ?? 'PKBM' }}</p>
        <div class="attendance-print__signature-space" aria-hidden="true"></div>
        <p class="attendance-print__signer-name">{{ $principal ?: ' ' }}</p>
    </div>
</div>

<style>
    .attendance-print__table th,
    .attendance-print__table td { border: 1px solid #111; padding: 2px; font-size: 9px; }
    .attendance-print__table thead th { background: #f1f5f9; }
    .attendance-print__name { min-width: 180px; padding-left: 5px !important; text-align: left !important; }
    .attendance-print__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
    .attendance-print__institution { margin: 2px 0 0; font-size: 12px; font-weight: 600; text-transform: uppercase; }
    .attendance-print__signature { display: flex; width: 64mm; min-height: 36mm; flex-direction: column; margin: 8mm 0 0 auto; text-align: center; font-size: 11px; break-inside: avoid; page-break-inside: avoid; }
    .attendance-print__signature p { margin: 0; }
    .attendance-print__signer-title { margin-top: 3mm !important; }
    .attendance-print__signature-space { min-height: 20mm; flex: 1 1 auto; }
    .attendance-print__signer-name { font-weight: 700; text-decoration: underline; }
    @media print {
        @page { size: landscape; margin: 10mm; }
        body { background: #fff !important; }
        .app-sidebar, .app-header, .app-footer, .attendance-print__actions { display: none !important; }
        .app-main { margin-left: 0 !important; }
        .app-content { min-height: 0 !important; padding: 0 !important; }
        .attendance-print { max-width: none !important; padding: 0 !important; }
        .attendance-print__title { font-size: 15px !important; }
        .attendance-print__institution { font-size: 11px !important; }
    }
</style>
@endsection