@extends('layouts.app')

@php
    $pageTitle = 'Reports';

    $currentReportType = $reportType ?? 'section_schedule';

    $selectedSchoolYear = $schoolYears->firstWhere('id', $selectedSchoolYearId ?? null);
    $selectedTerm = $terms->firstWhere('id', $selectedTermId ?? null);
    $selectedGradeLevel = $gradeLevels->firstWhere('id', $selectedGradeLevelId ?? null);
    $selectedSection = $sections->firstWhere('id', $selectedSectionId ?? null);
    $selectedTeacher = $teachers->firstWhere('id', $selectedTeacherId ?? null);
    $selectedRoom = $rooms->firstWhere('id', $selectedRoomId ?? null);

    $days = [
        'monday' => 'Monday',
        'tuesday' => 'Tuesday',
        'wednesday' => 'Wednesday',
        'thursday' => 'Thursday',
        'friday' => 'Friday',
    ];

    $reportMeta = [
        'section_schedule' => [
            'title' => 'Section Schedule Preview',
            'subtitle' => 'Preview of the weekly schedule for the selected section.',
            'badge' => 'Section Report',
        ],
        'teacher_schedule' => [
            'title' => 'Teacher Schedule Preview',
            'subtitle' => 'Preview of all assigned class entries for the selected teacher.',
            'badge' => 'Teacher Report',
        ],
        'room_utilization' => [
            'title' => 'Room Schedule Preview',
            'subtitle' => 'Preview of room usage across scheduled class entries.',
            'badge' => 'Room Report',
        ],
        'teacher_load' => [
            'title' => 'Teacher Load Preview',
            'subtitle' => 'Summary of assigned hours and load status per teacher.',
            'badge' => 'Teacher Load',
        ],
        'subject_hours_summary' => [
            'title' => 'Subject Hours Summary Preview',
            'subtitle' => 'Comparison of scheduled hours and expected subject hours.',
            'badge' => 'Subject Hours',
        ],
        'scheduling_readiness' => [
            'title' => 'Scheduling Readiness Preview',
            'subtitle' => 'Teacher, room, and grid feasibility check for the selected term.',
            'badge' => 'Scheduling Readiness',
        ],
    ];

    $activeMeta = $reportMeta[$currentReportType] ?? $reportMeta['section_schedule'];

    // Print/PDF/Excel only cover the two schedule programs, and only once a
    // section/teacher with a timetable is selected.
    $canExport = match ($currentReportType) {
        'section_schedule' => !empty($reportData['section']) && !empty($reportData['grid']),
        'teacher_schedule' => !empty($reportData['teacher']) && !empty($reportData['grid']),
        default => false,
    };

    // Every report can be printed once it has something to show.
    $canPrint = match ($currentReportType) {
        'room_utilization' => !empty($reportData['room']) && !empty($reportData['grid']),
        'teacher_load' => !empty($reportData['rows']) && count($reportData['rows']) > 0,
        'subject_hours_summary' => !empty($reportData['section']) && !empty($reportData['rows']) && count($reportData['rows']) > 0,
        'scheduling_readiness' => !empty($reportData['summary']),
        default => $canExport,
    };

    $buildRouteParams = function (array $extra = []) use (
        $selectedSchoolYearId,
        $selectedTermId,
        $selectedGradeLevelId,
        $selectedSectionId,
        $selectedTeacherId,
        $selectedRoomId,
        $currentReportType
    ) {
        return array_filter([
            'school_year_id' => $selectedSchoolYearId,
            'term_id' => $selectedTermId,
            'grade_level_id' => $selectedGradeLevelId,
            'section_id' => $selectedSectionId,
            'teacher_id' => $selectedTeacherId,
            'room_id' => $selectedRoomId,
            'report_type' => $currentReportType,
            ...$extra,
        ], fn ($value) => !is_null($value) && $value !== '');
    };
@endphp

@section('content')

<div class="report-tabs d-flex flex-wrap gap-1 mb-2 no-print" role="tablist" aria-label="Report type">
    @foreach ([
        'section_schedule' => ['Section Schedule', 'bi-grid-3x3-gap'],
        'teacher_schedule' => ['Teacher Schedule', 'bi-person-workspace'],
        'room_utilization' => ['Room Schedule', 'bi-door-open'],
        'teacher_load' => ['Teacher Load', 'bi-speedometer2'],
        'subject_hours_summary' => ['Subject Hours', 'bi-clock-history'],
        'scheduling_readiness' => ['Readiness', 'bi-clipboard-check'],
    ] as $tabKey => [$tabLabel, $tabIcon])
        <button type="button" role="tab" aria-selected="{{ $currentReportType === $tabKey ? 'true' : 'false' }}" class="btn btn-sm report-tab summary-switch {{ $currentReportType === $tabKey ? 'active' : '' }}" data-report="{{ $tabKey }}">
            <i class="bi {{ $tabIcon }} me-1"></i>{{ $tabLabel }}
        </button>
    @endforeach
</div>

<form method="GET" action="{{ route('reports.index') }}" id="reportFilterForm" class="no-print">
    <input type="hidden" name="report_type" id="reportTypeInput" value="{{ $currentReportType }}">

    <div class="card content-card mb-2">
        <div class="card-body p-2">
            <div class="d-flex flex-wrap align-items-end gap-2">
                <div class="report-filter">
                    <label class="form-label small fw-semibold mb-0" for="schoolYearSelect">School Year</label>
                    <select class="form-select form-select-sm" name="school_year_id" id="schoolYearSelect" onchange="document.getElementById('reportFilterForm').submit()">
                        @forelse ($schoolYears as $schoolYear)
                            <option value="{{ $schoolYear->id }}" {{ (int) $schoolYear->id === (int) $selectedSchoolYearId ? 'selected' : '' }}>
                                {{ $schoolYear->name }}
                            </option>
                        @empty
                            <option value="">No school year available</option>
                        @endforelse
                    </select>
                </div>

                <div class="report-filter">
                    <label class="form-label small fw-semibold mb-0" for="termSelect">Term</label>
                    <select class="form-select form-select-sm" name="term_id" id="termSelect" onchange="document.getElementById('reportFilterForm').submit()">
                        @forelse ($terms as $term)
                            <option value="{{ $term->id }}" {{ (int) $term->id === (int) $selectedTermId ? 'selected' : '' }}>
                                {{ $term->name }}
                            </option>
                        @empty
                            <option value="">No term available</option>
                        @endforelse
                    </select>
                </div>

                <div class="report-filter" id="gradeLevelFilterWrap">
                    <label class="form-label small fw-semibold mb-0" for="reportGradeLevel">Grade Level</label>
                    <select class="form-select form-select-sm" name="grade_level_id" id="reportGradeLevel" onchange="document.getElementById('reportFilterForm').submit()">
                        <option value="">All Grade Levels</option>
                        @foreach ($gradeLevels as $gradeLevel)
                            <option value="{{ $gradeLevel->id }}" {{ (int) $gradeLevel->id === (int) $selectedGradeLevelId ? 'selected' : '' }}>
                                {{ $gradeLevel->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="report-filter" id="sectionFilterWrap">
                    <label class="form-label small fw-semibold mb-0" for="sectionSelect">Section</label>
                    <select class="form-select form-select-sm" name="section_id" id="sectionSelect" onchange="document.getElementById('reportFilterForm').submit()">
                        <option value="">Select section</option>
                        @foreach ($sections as $section)
                            <option value="{{ $section->id }}" {{ (int) $section->id === (int) $selectedSectionId ? 'selected' : '' }}>
                                {{ $section->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="report-filter {{ $currentReportType === 'teacher_schedule' ? '' : 'd-none' }}" id="teacherFilterWrap">
                    <label class="form-label small fw-semibold mb-0" for="teacherSelect">Teacher</label>
                    <select class="form-select form-select-sm" name="teacher_id" id="teacherSelect" onchange="document.getElementById('reportFilterForm').submit()">
                        <option value="">Select teacher</option>
                        @foreach ($teachers as $teacher)
                            <option value="{{ $teacher->id }}" {{ (int) $teacher->id === (int) $selectedTeacherId ? 'selected' : '' }}>
                                {{ $teacher->full_name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="report-filter {{ $currentReportType === 'room_utilization' ? '' : 'd-none' }}" id="roomFilterWrap">
                    <label class="form-label small fw-semibold mb-0" for="roomSelect">Room</label>
                    <select class="form-select form-select-sm" name="room_id" id="roomSelect" onchange="document.getElementById('reportFilterForm').submit()">
                        <option value="">Select room</option>
                        @foreach ($rooms as $room)
                            <option value="{{ $room->id }}" {{ (int) $room->id === (int) $selectedRoomId ? 'selected' : '' }}>
                                {{ $room->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="ms-auto d-flex gap-1">
                    <button type="button" class="btn btn-outline-secondary btn-sm" onclick="window.print()" title="Print Report" {{ $canPrint ? '' : 'disabled' }}>
                        <i class="bi bi-printer"></i><span class="d-none d-xl-inline ms-1">Print</span>
                    </button>

                    <a href="{{ $canExport ? route('reports.export.pdf', $buildRouteParams()) : '#' }}" class="btn btn-outline-secondary btn-sm {{ $canExport ? '' : 'disabled' }}" title="Export PDF" @if (!$canExport) aria-disabled="true" tabindex="-1" @endif>
                        <i class="bi bi-file-earmark-pdf"></i><span class="d-none d-xl-inline ms-1">PDF</span>
                    </a>

                    <a href="{{ $canExport ? route('reports.export.excel', $buildRouteParams()) : '#' }}" class="btn btn-outline-secondary btn-sm {{ $canExport ? '' : 'disabled' }}" title="Export Excel" @if (!$canExport) aria-disabled="true" tabindex="-1" @endif>
                        <i class="bi bi-file-earmark-excel"></i><span class="d-none d-xl-inline ms-1">Excel</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</form>

<div class="card content-card report-card">
    <div class="card-header bg-white border-0 pt-2 px-3 pb-0 no-print">
        <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
            <h6 class="fw-bold mb-0" id="reportPreviewTitle" title="{{ $activeMeta['subtitle'] }}">{{ $activeMeta['title'] }}</h6>
            <span class="badge text-bg-light border" id="reportTypeBadge">{{ $activeMeta['badge'] }}</span>
        </div>
    </div>

    <div class="card-body p-3">
        <div class="report-preview-panel {{ $currentReportType === 'section_schedule' ? '' : 'd-none' }}" id="sectionPreview">
            @if (!empty($reportData['section']) && !empty($reportData['grid']))
            @include('reports.partials._class-program')
            @else
                <div class="empty-state">
                    Select a valid section and term to preview the section schedule.
                </div>
            @endif
        </div>

        <div class="report-preview-panel {{ $currentReportType === 'teacher_schedule' ? '' : 'd-none' }}" id="teacherPreview">
            @if (!empty($reportData['teacher']) && !empty($reportData['grid']))
            @include('reports.partials._teacher-program')
            @else
                <div class="empty-state">
                    Select a valid teacher and term to preview the teacher schedule.
                </div>
            @endif
        </div>

        <div class="report-preview-panel {{ $currentReportType === 'room_utilization' ? '' : 'd-none' }}" id="roomPreview">
            @if (!empty($reportData['room']) && !empty($reportData['grid']))
              <div class="printable-report">
                @include('reports.partials._print-header', [
                    'printTitle' => 'ROOM SCHEDULE',
                    'printSubtitle' => $reportData['room']->name . ' (' . ucfirst($reportData['room']->room_type ?? 'general') . ' Room)',
                ])

                <div class="mb-3 d-print-none">
                    <div class="fw-semibold">Room: {{ $reportData['room']->name }}</div>
                    <div class="text-muted small">
                        {{ ucfirst($reportData['room']->room_type ?? 'general') }} Room
                        @if ($selectedTerm?->name)
                            • {{ $selectedTerm->name }}
                        @endif
                        @if ($selectedSchoolYear?->name)
                            • SY {{ $selectedSchoolYear->name }}
                        @endif
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Time</th>
                                @foreach ($days as $dayLabel)
                                    <th>{{ $dayLabel }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reportData['grid'] as $row)
                                @php
                                    $timeSlot = $row['time_slot'];
                                    $isBreak = (bool) ($timeSlot->is_break ?? false);
                                    $timeLabel = $row['time_label'] ?? $timeSlot->time_range;
                                @endphp
                                <tr>
                                    <th>{{ $timeLabel }}</th>

                                    @foreach (array_keys($days) as $dayKey)
                                        @php $entry = $row['days'][$dayKey] ?? null; @endphp

                                        @if ($isBreak)
                                            <td class="break-cell">Break</td>
                                        @elseif ($entry)
                                            <td>
                                                <div class="fw-semibold">{{ $entry['subject'] ?? '—' }}</div>
                                                <div class="text-muted small">
                                                    {{ $entry['section'] ?? 'No Section' }}
                                                    @if (!empty($entry['teacher']))
                                                        • {{ $entry['teacher'] }}
                                                    @endif
                                                </div>
                                            </td>
                                        @else
                                            <td class="text-muted small">—</td>
                                        @endif
                                    @endforeach
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                @if (!empty($reportData['utilizationRows']) && count($reportData['utilizationRows']) > 0)
                    <div class="mt-3">
                        <h6 class="fw-bold small text-uppercase text-muted mb-2">Utilization Summary</h6>
                        <div class="table-responsive">
                            <table class="table table-sm align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>Day</th>
                                        <th>Total Entries</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($reportData['utilizationRows'] as $row)
                                        <tr>
                                            <td>{{ $row['day'] }}</td>
                                            <td>{{ $row['entries'] }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @endif

                <div class="report-footer d-none d-print-block">{{ $footerLabel }}</div>
              </div>
            @else
                <div class="empty-state">
                    Select a valid room and term to preview the room schedule.
                </div>
            @endif
        </div>

        <div class="report-preview-panel {{ $currentReportType === 'teacher_load' ? '' : 'd-none' }}" id="teacherLoadPreview">
            @if ($currentReportType === 'teacher_load' && !empty($reportData['rows']) && count($reportData['rows']) > 0)
              <div class="printable-report">
                @include('reports.partials._print-header', ['printTitle' => 'TEACHER LOAD SUMMARY', 'printSubtitle' => null])

                <div class="mb-3 d-print-none">
                    <div class="fw-semibold">Teacher Load Summary</div>
                    <div class="text-muted small">
                        @if ($selectedTerm?->name)
                            {{ $selectedTerm->name }}
                        @endif
                        @if ($selectedSchoolYear?->name)
                            • SY {{ $selectedSchoolYear->name }}
                        @endif
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Teacher</th>
                                <th>Weekly Load</th>
                                <th>Mon</th>
                                <th>Tue</th>
                                <th>Wed</th>
                                <th>Thu</th>
                                <th>Fri</th>
                                <th>Total Entries</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reportData['rows'] as $row)
                                <tr>
                                    <td>{{ $row['teacher']->full_name }}</td>
                                    <td class="fw-semibold">{{ number_format((float) $row['assigned_hours'], 2) }}</td>
                                    <td>{{ number_format((float) $row['daily_hours']['monday'], 2) }}</td>
                                    <td>{{ number_format((float) $row['daily_hours']['tuesday'], 2) }}</td>
                                    <td>{{ number_format((float) $row['daily_hours']['wednesday'], 2) }}</td>
                                    <td>{{ number_format((float) $row['daily_hours']['thursday'], 2) }}</td>
                                    <td>{{ number_format((float) $row['daily_hours']['friday'], 2) }}</td>
                                    <td>{{ $row['total_schedule_entries'] }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="report-footer d-none d-print-block">{{ $footerLabel }}</div>
              </div>
            @else
                <div class="empty-state">
                    No teacher load data is available for the selected term.
                </div>
            @endif
        </div>

        <div class="report-preview-panel {{ $currentReportType === 'subject_hours_summary' ? '' : 'd-none' }}" id="subjectHoursPreview">
            @if ($currentReportType === 'subject_hours_summary' && !empty($reportData['section']) && !empty($reportData['rows']) && count($reportData['rows']) > 0)
              <div class="printable-report">
                @include('reports.partials._print-header', [
                    'printTitle' => 'SUBJECT HOURS SUMMARY',
                    'printSubtitle' => collect([
                        $reportData['section']->name,
                        $reportData['section']->gradeLevel?->name,
                        $reportData['section']->pathway?->name,
                    ])->filter()->implode(' • '),
                ])

                <div class="mb-3 d-print-none">
                    <div class="fw-semibold">Section: {{ $reportData['section']->name }}</div>
                    <div class="text-muted small">
                        {{ $reportData['section']->gradeLevel?->name ?? 'No Grade Level' }}
                        @if ($reportData['section']->pathway?->name)
                            • {{ $reportData['section']->pathway->name }}
                        @endif
                        @if ($selectedTerm?->name)
                            • {{ $selectedTerm->name }}
                        @endif
                        @if ($selectedSchoolYear?->name)
                            • SY {{ $selectedSchoolYear->name }}
                        @endif
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Subject</th>
                                <th>Scheduled Hours</th>
                                <th>Expected Weekly Hours</th>
                                <th>Difference</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($reportData['rows'] as $row)
                                <tr>
                                    <td>{{ $row['subject']?->name ?? 'Unknown Subject' }}</td>
                                    <td>{{ number_format((float) $row['scheduled_hours'], 2) }}</td>
                                    <td>{{ number_format((float) $row['required_hours'], 2) }}</td>
                                    <td class="{{ (float) $row['difference'] === 0.0 ? '' : ((float) $row['difference'] > 0 ? 'text-danger fw-semibold' : 'text-warning fw-semibold') }}">
                                        {{ number_format((float) $row['difference'], 2) }}
                                    </td>
                                    <td>
                                        <span class="badge {{ $row['status'] === 'complete' ? 'text-bg-success' : ($row['status'] === 'exceeded' ? 'text-bg-warning' : 'text-bg-secondary') }}">
                                            {{ ucfirst($row['status']) }}
                                        </span>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="report-footer d-none d-print-block">{{ $footerLabel }}</div>
              </div>
            @else
                <div class="empty-state">
                    Select a valid section and term to preview the subject hours summary.
                </div>
            @endif
        </div>

        <div class="report-preview-panel {{ $currentReportType === 'scheduling_readiness' ? '' : 'd-none' }}" id="schedulingReadinessPreview">
            @if ($currentReportType === 'scheduling_readiness' && !empty($reportData['summary']))
                @php
                    $summary = $reportData['summary'];
                    $roomRow = $reportData['roomRow'];
                @endphp

              <div class="printable-report">
                @include('reports.partials._print-header', [
                    'printTitle' => 'SCHEDULING READINESS',
                    'printSubtitle' => $summary['school_days'] . ' school days / ' . $summary['school_weeks'] . ' weeks',
                ])

                <div class="mb-3 d-print-none">
                    <div class="fw-semibold">Scheduling Readiness</div>
                    <div class="text-muted small">
                        {{ $reportData['term']?->name }}
                        ({{ $summary['school_days'] }} school days / {{ $summary['school_weeks'] }} weeks)
                        @if ($selectedSchoolYear?->name)
                            • SY {{ $selectedSchoolYear->name }}
                        @endif
                    </div>
                </div>

                <div class="alert {{ $summary['is_ready'] ? 'alert-success' : 'alert-warning' }} py-2 px-3 small mb-3">
                    {{ $summary['is_ready']
                        ? 'No blocking readiness issues detected for this term.'
                        : 'One or more readiness issues were found below. Resolve them before scheduling.' }}
                </div>

                <h6 class="fw-bold small text-uppercase text-muted mb-2">Subject Teacher Coverage</h6>
                <div class="table-responsive mb-3">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Subject</th>
                                <th>Sections Requiring</th>
                                <th>Demand (hrs/wk)</th>
                                <th>Available (hrs/wk)</th>
                                <th>Additional Hours Needed (hrs/wk)</th>
                                <th>Qualified Teachers</th>
                                <th>Additional Teachers Needed</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($reportData['subjectRows'] as $row)
                                <tr>
                                    <td>{{ $row['subject']->name }}</td>
                                    <td>{{ $row['sections_needing'] }}</td>
                                    <td>{{ number_format($row['demand_hours'], 2) }}</td>
                                    <td>{{ number_format($row['available_hours'], 2) }}</td>
                                    <td class="{{ $row['needed_more_hours'] > 0 ? 'text-danger fw-semibold' : '' }}">
                                        {{ number_format($row['needed_more_hours'], 2) }}
                                    </td>
                                    <td>{{ $row['qualified_teacher_count'] }}</td>
                                    <td class="{{ $row['teachers_needed_more'] > 0 ? 'text-danger fw-semibold' : '' }}">
                                        {{ $row['teachers_needed_more'] }}
                                    </td>
                                    <td class="text-center">
                                        @if ($row['status'] === 'ok' && $row['teachers_needed_more'] === 0)
                                            <i class="bi bi-check-circle-fill text-success fs-5" title="Fully covered by qualified teachers" aria-label="Fully covered by qualified teachers"></i>
                                        @else
                                            <i class="bi bi-x-circle-fill text-danger fs-5" title="Not enough qualified teachers" aria-label="Not enough qualified teachers"></i>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="8" class="text-muted text-center">No required subjects found for this term.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <h6 class="fw-bold small text-uppercase text-muted mb-2">Specialized Room Capacity</h6>
                <div class="table-responsive mb-3">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Demand (hrs/wk)</th>
                                <th>Supply Ceiling (hrs/wk)</th>
                                <th>Specialized Rooms</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>{{ number_format($roomRow['demand_hours'], 2) }}</td>
                                <td>{{ number_format($roomRow['supply_hours'], 2) }}</td>
                                <td>{{ $roomRow['specialized_room_count'] }}</td>
                                <td class="text-center">
                                    @if ($roomRow['status'] === 'ok')
                                        <i class="bi bi-check-circle-fill text-success fs-5" title="Specialized rooms can cover the demand" aria-label="Specialized rooms can cover the demand"></i>
                                    @else
                                        <i class="bi bi-x-circle-fill text-danger fs-5" title="Not enough specialized room hours" aria-label="Not enough specialized room hours"></i>
                                    @endif
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <h6 class="fw-bold small text-uppercase text-muted mb-2">Section Grid Capacity</h6>
                <div class="table-responsive mb-3">
                    <table class="table table-bordered align-middle report-table">
                        <thead class="table-light">
                            <tr>
                                <th>Section</th>
                                <th>Required (hrs/wk)</th>
                                <th>Available (hrs/wk)</th>
                                <th>Schedulable (hrs/wk)</th>
                                <th>Unschedulable (hrs/wk)</th>
                                <th>Blocked Subjects</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $blockedReasons = [
                                    'no_teacher' => 'no qualified teacher',
                                    'teacher_conflict' => 'teachers busy elsewhere',
                                    'no_space' => 'not enough grid time',
                                ];
                            @endphp
                            @forelse ($reportData['gridRows'] as $row)
                                <tr>
                                    <td>{{ $row['section']->name }}</td>
                                    <td>{{ number_format($row['required_hours'], 2) }}</td>
                                    <td>{{ number_format($row['available_hours'], 2) }}</td>
                                    <td>{{ number_format($row['schedulable_hours'], 2) }}</td>
                                    <td class="{{ $row['short_hours'] > 0 ? 'text-danger fw-semibold' : '' }}">
                                        {{ number_format($row['short_hours'], 2) }}
                                    </td>
                                    <td>
                                        @forelse ($row['blocked_subjects'] as $blocked)
                                            <div class="small">
                                                {{ $blocked['subject']->name }}
                                                <span class="text-danger">({{ $blockedReasons[$blocked['reason']] ?? $blocked['reason'] }})</span>
                                            </div>
                                        @empty
                                            <span class="text-muted">-</span>
                                        @endforelse
                                    </td>
                                    <td class="text-center">
                                        @if ($row['status'] === 'ok')
                                            <i class="bi bi-check-circle-fill text-success fs-5" title="All assigned subjects can be scheduled without teacher conflicts" aria-label="All assigned subjects can be scheduled without teacher conflicts"></i>
                                        @else
                                            <i class="bi bi-x-circle-fill text-danger fs-5" title="Not every assigned subject can be scheduled" aria-label="Not every assigned subject can be scheduled"></i>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="7" class="text-muted text-center">No active sections found for this year.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="report-footer d-none d-print-block">{{ $footerLabel }}</div>
              </div>
            @else
                <div class="empty-state">
                    Select a valid school year and term to preview scheduling readiness.
                </div>
            @endif
        </div>

    </div>
</div>

<style>
.summary-card {
    border-radius: 16px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
}


/* Report type tabs (replace the old type select + bottom summary buttons). */
.report-tab {
    border: 1px solid #d1d5db;
    background: #fff;
    color: #374151;
    border-radius: 999px;
    padding: 0.2rem 0.75rem;
    font-size: 0.8rem;
}

.report-tab:hover {
    background: #f3f4f6;
    color: #111827;
}

.summary-switch.active {
    background: #111827;
    border-color: #111827;
    color: #fff;
}

.report-filter {
    flex: 1 1 130px;
    min-width: 120px;
    max-width: 220px;
}

</style>

@include('reports.partials._program-styles')

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const summarySwitches = document.querySelectorAll('.summary-switch');
    const reportTypeInput = document.getElementById('reportTypeInput');
    const form = document.getElementById('reportFilterForm');

    const sectionFilterWrap = document.getElementById('sectionFilterWrap');
    const teacherFilterWrap = document.getElementById('teacherFilterWrap');
    const roomFilterWrap = document.getElementById('roomFilterWrap');
    const gradeLevelFilterWrap = document.getElementById('gradeLevelFilterWrap');

    function toggleFilters(type) {
        sectionFilterWrap.classList.add('d-none');
        teacherFilterWrap.classList.add('d-none');
        roomFilterWrap.classList.add('d-none');
        gradeLevelFilterWrap.classList.remove('d-none');

        if (type === 'section_schedule' || type === 'subject_hours_summary') {
            sectionFilterWrap.classList.remove('d-none');
        }

        if (type === 'teacher_schedule') {
            teacherFilterWrap.classList.remove('d-none');
            gradeLevelFilterWrap.classList.add('d-none');
        }

        if (type === 'room_utilization') {
            roomFilterWrap.classList.remove('d-none');
            gradeLevelFilterWrap.classList.add('d-none');
        }

        if (type === 'teacher_load' || type === 'scheduling_readiness') {
            gradeLevelFilterWrap.classList.add('d-none');
        }
    }

    function setActiveType(type) {
        summarySwitches.forEach(button => {
            const isActive = button.dataset.report === type;
            button.classList.toggle('active', isActive);
            button.setAttribute('aria-selected', isActive ? 'true' : 'false');
        });

        toggleFilters(type);
        reportTypeInput.value = type;
    }

    summarySwitches.forEach(button => {
        button.addEventListener('click', function () {
            setActiveType(this.dataset.report);
            form.submit();
        });
    });

    setActiveType(reportTypeInput.value);
});
</script>
@endpush