@extends('layouts.app')

@section('title', 'Rekap Keterlambatan')
@section('content')
    @php
        use Carbon\Carbon;
        // Mem-build daftar bulan yg valid untuk semester (jika mau)
        // Sesuai logic lama: $academicSemester, $tahunAjaranInput
        if (isset($academicSemester)) {
            if ($academicSemester === 'ganjil') {
                $year = substr($tahunAjaranInput, 0, 4); // ex: "2024"
                $fullStartDate = Carbon::createFromDate($year, 7, 1);
                $fullEndDate = Carbon::createFromDate($year, 12, 31);
            } else {
                $year = substr($tahunAjaranInput, 5, 4); // ex: "2025"
                $fullStartDate = Carbon::createFromDate($year, 1, 1);
                $fullEndDate = Carbon::createFromDate($year, 6, 30);
            }
            $allBulanList = [];
            $iterator = $fullStartDate->copy();
            while ($iterator <= $fullEndDate) {
                $allBulanList[] = $iterator->copy();
                $iterator->addMonth();
            }
        }
        // Dapetin filter bulan dari request (default: "semester")
        $bulanFilter = request()->get('bulan', 'semester');
    @endphp

    <div class="main-content">
        <div class="container-fluid">
            <!-- Page Header -->
            <div class="page-header">
                <div class="row align-items-end">
                    <div class="col-lg-8">
                        <div class="page-header-title">
                            <i class="ik ik-file-text bg-blue"></i>
                            <div class="d-inline">
                                <h5>Rekap Keterlambatan</h5>
                                <span>Laporan Keterlambatan Siswa</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <nav class="breadcrumb-container" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item">
                                    <a href="{{ route('dashboard') }}"><i class="ik ik-home"></i></a>
                                </li>
                                <li class="breadcrumb-item active" aria-current="page">Rekap Keterlambatan</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>

            <div class="card">
                <!-- Filter Form -->
                <form method="GET" action="{{ route('laporanketerlambatan.index') }}">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card-header d-flex justify-content-between">
                                <div class="row" style="width: 70%;">

                                    <!-- Tahun Ajaran & Semester -->
                                    <div class="col-sm-4">
                                        <select name="tahun_ajaran_semester" id="filterTahunAjaranSemester"
                                            class="form-control">
                                            <option value="">-- Pilih Tahun Ajaran--</option>
                                            @foreach ($tahunAjaranList as $ta)
                                                <option value="{{ $ta->id }}_ganjil"
                                                    {{ request()->get('tahun_ajaran_semester') == $ta->id . '_ganjil' ? 'selected' : '' }}>
                                                    {{ $ta->tahun }} - Ganjil
                                                </option>
                                                <option value="{{ $ta->id }}_genap"
                                                    {{ request()->get('tahun_ajaran_semester') == $ta->id . '_genap' ? 'selected' : '' }}>
                                                    {{ $ta->tahun }} - Genap
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>

                                    {{-- KELAS: Hanya jika role=admin --}}
                                    @if ($role === 'admin')
                                        <div class="col-sm-4">
                                            <select name="kelas" id="filterKelas" class="form-control">
                                                <option value="">-- Pilih Kelas --</option>
                                                @foreach ($kelasList as $kelasItem)
                                                    <option value="{{ $kelasItem->id }}"
                                                        {{ request()->get('kelas') == $kelasItem->id ? 'selected' : '' }}>
                                                        {{ $kelasItem->nama_kelas }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>
                                    @endif

                                    <!-- Filter Bulan -->
                                    <div class="@if ($role === 'admin') col-sm-4 @else col-sm-8 @endif">
                                        <select name="bulan" id="filterBulan" class="form-control">
                                            <option value="semester" {{ $bulanFilter == 'semester' ? 'selected' : '' }}>
                                                Semua Bulan (Semester)
                                            </option>
                                            @if (isset($allBulanList) && count($allBulanList))
                                                @foreach ($allBulanList as $bln)
                                                    <option value="{{ $bln->format('m') }}"
                                                        {{ $bulanFilter == $bln->format('m') ? 'selected' : '' }}>
                                                        {{ $bln->translatedFormat('F Y') }}
                                                    </option>
                                                @endforeach
                                            @else
                                                {{-- Fallback 1..12 --}}
                                                @for ($m = 1; $m <= 12; $m++)
                                                    @php $bulanValue = sprintf('%02d', $m); @endphp
                                                    <option value="{{ $bulanValue }}"
                                                        {{ $bulanFilter == $bulanValue ? 'selected' : '' }}>
                                                        {{ date('F', mktime(0, 0, 0, $m, 1)) }}
                                                    </option>
                                                @endfor
                                            @endif
                                        </select>
                                    </div>
                                </div>

                                <div>
                                    <button type="button" class="btn btn-primary" id="btnDownloadRekap">
                                        <i class="ik ik-download"></i> Download Rekap
                                    </button>
                                </div>
                            </div>

                            <div class="custom_cari col-sm-12">
                                <div class="custom-search-container col-sm-4" id="pencarian_custom">
                                    <input type="text" id="customSearch" placeholder="Cari..." class="form-control">
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
                <!-- Tabel Rekap Kehadiran -->
                <div class="row">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="table-responsive">
                                <table id="data_table" class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>No</th>
                                            <th>No Induk</th>
                                            <th>Nama</th>
                                            @if ($bulanFilter != 'semester' && isset($tanggalList))
                                                @foreach ($tanggalList as $tanggal)
                                                    <th>{{ date('d', strtotime($tanggal['tanggal'])) }}</th>
                                                @endforeach
                                            @endif
                                            <th>Tepat Waktu</th>
                                            <th>Terlambat</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($rekap as $index => $data)
                                            <tr>
                                                <td>{{ $index + 1 }}</td>
                                                <td>{{ $data['no_induk'] }}</td>
                                                <td>{{ $data['nama'] }}</td>
                                                @if ($bulanFilter != 'semester' && isset($tanggalList))
                                                    @foreach ($tanggalList as $tanggal)
                                                        @php
                                                            if ($tanggal['is_holiday']) {
                                                                $value = 'L';
                                                                $cellClass = 'bg-secondary text-white';
                                                            } else {
                                                                $value = $data['kehadiran'][$tanggal['tanggal']] ?? '-';
                                                                $cellClass =
                                                                    $value == 'TW'
                                                                        ? 'bg-success text-white'
                                                                        : ($value == 'TL'
                                                                            ? 'bg-danger'
                                                                            : '');
                                                            }
                                                        @endphp
                                                        <td class="{{ $cellClass }}">{{ $value }}</td>
                                                    @endforeach
                                                @endif
                                                <td class="bg-biru text-black">{{ $data['total']['Tepat Waktu'] ?? 0 }}
                                                </td>
                                                <td class="bg-biru text-black">{{ $data['total']['Terlambat'] ?? 0 }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div> <!-- /card -->
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            if ($.fn.DataTable.isDataTable('#data_table')) {
                $('#data_table').DataTable().destroy();
            }
            var table = $('#data_table').DataTable({
                paging: false,
                stateSave: true,
                searching: true,
                ordering: false,
                autoWidth: true,
                fixedHeader: true,
                scrollX: false,
            });

            $('#customSearch').on('keyup', function() {
                table.search(this.value).draw();
            });

            // Auto-submit filter
            $('#filterTahunAjaranSemester').on('change', function() {
                // Reset Kelas & Bulan => lalu submit
                @if ($role === 'admin')
                    $('#filterKelas').val('');
                @endif
                $('#filterBulan').val('semester');
                this.form.submit();
            });

            @if ($role === 'admin')
                $('#filterKelas').on('change', function() {
                    $('#filterBulan').val('semester');
                    this.form.submit();
                });
            @endif

            $('#filterBulan').on('change', function() {
                this.form.submit();
            });

            // Tombol Download Rekap
            $('#btnDownloadRekap').on('click', function() {
                var tahunAjar = $('#filterTahunAjaranSemester').val();
                var filter = $('#filterBulan').val();
                @if ($role === 'admin')
                    var kelas = $('#filterKelas').val();
                    var url = "{{ route('laporanketerlambatan.download') }}" +
                        "?tahun_ajaran_semester=" + tahunAjar +
                        "&kelas=" + kelas +
                        "&bulan=" + filter;
                @else
                    // Wali => tidak perlu param kelas
                    var url = "{{ route('laporanketerlambatan.download') }}" +
                        "?tahun_ajaran_semester=" + tahunAjar +
                        "&bulan=" + filter;
                @endif

                window.location.href = url;
            });
        });
    </script>

    <style>
        .table-responsive {
            overflow-x: auto;
            white-space: nowrap;
            max-width: 100%;
            margin-top: -8px;
            padding: 0 16px;
        }

        #data_table {
            font-size: 11px;
        }

        #data_table td {
            font-size: 11px;
        }

        #data_table th:nth-child(n+4),
        #data_table td:nth-child(n+4) {
            text-align: center !important;
        }

        .bg-danger {
            background-color: #ff6978 !important;
            color: #fff;
        }

        .bg-warning {
            background-color: #fdff69 !important;
            color: #000;
        }

        .bg-primary {
            background-color: #7bff69 !important;
            color: #000;
        }

        .bg-biru {
            background-color: #ffffff !important;
            color: #000;
        }

        .bg-secondary {
            background-color: #6c757d !important;
            color: #fff !important;
        }

        .dataTables_filter {
            display: none;
        }

        #pencarian_custom {
            margin-left: -10px;
            width: 100%;
            margin-top: 16px;
            margin-bottom: 16px;
        }
    </style>
@endsection