@extends('layouts.app')

@section('title', 'Rekap Kehadiran')
@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 Kehadiran</h5>
                            <span>Laporan Kehadiran 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 Kehadiran</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>

        <div class="card">
            <!-- Filter Form -->
            <form method="GET" action="{{ route('laporankehadiran.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>Hadir</th>
                                        <th>Izin</th>
                                        <th>Sakit</th>
                                        <th>Alpha</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 == 'A'
                                                                    ? 'bg-danger text-white'
                                                                    : ($value == 'I'
                                                                        ? 'bg-warning'
                                                                        : ($value == 'S'
                                                                            ? 'bg-primary'
                                                                            : ''));
                                                        }
                                                    @endphp
                                                    <td class="{{ $cellClass }}">{{ $value }}</td>
                                                @endforeach
                                            @endif
                                            <td class="bg-biru text-black">{{ $data['total']['Hadir'] ?? 0 }}</td>
                                            <td class="bg-biru text-black">{{ $data['total']['Izin'] ?? 0 }}</td>
                                            <td class="bg-biru text-black">{{ $data['total']['Sakit'] ?? 0 }}</td>
                                            <td class="bg-biru text-black">{{ $data['total']['Alpha'] ?? 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('laporankehadiran.download') }}"
                            + "?tahun_ajaran_semester=" + tahunAjar
                            + "&kelas=" + kelas
                            + "&bulan=" + filter;
            @else
                // Wali => tidak perlu param kelas
                var url   = "{{ route('laporankehadiran.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