@extends('layouts.app')

@php
    $pageTitle = match ($tab) {
        'hours' => 'Subject Hours',
        'readiness' => 'Scheduling Readiness',
        default => 'Teacher Load',
    };

    $hours = fn ($value) => number_format((float) $value, 2);
    $tabs = [
        'load' => ['Teacher Load', 'bi-speedometer2'],
        'hours' => ['Subject Hours', 'bi-clock-history'],
        'readiness' => ['Readiness', 'bi-clipboard-check'],
    ];
@endphp

@section('content')

@if (!$term)
    <div class="card content-card">
        <div class="card-body p-3 text-center text-muted">
            No active School Year and Term is set, so there is nothing to show yet.
        </div>
    </div>
@else
    <div class="card content-card mb-2">
        <div class="card-body p-2 px-3">
            <div class="d-flex flex-wrap align-items-center gap-2">
                <div class="d-flex flex-wrap gap-1">
                    @foreach ($tabs as $key => [$label, $icon])
                        <a href="{{ route('principal.insights', ['tab' => $key]) }}"
                           class="btn btn-sm {{ $tab === $key ? 'btn-primary' : 'btn-outline-primary' }}">
                            <i class="bi {{ $icon }} me-1"></i>{{ $label }}
                        </a>
                    @endforeach
                </div>

                <div class="d-flex flex-wrap gap-1 ms-auto">
                    <span class="insight-chip"><i class="bi bi-calendar-event"></i>{{ $schoolYear?->name ?? 'Not Set' }}</span>
                    <span class="insight-chip"><i class="bi bi-layers"></i>{{ $term->name }}</span>
                </div>
            </div>

            @if ($tab === 'hours')
                <div class="d-flex flex-wrap align-items-center gap-1 mt-2 pt-2 border-top">
                    @foreach ($gradeLevels as $gradeLevel)
                        <a href="{{ route('principal.insights', ['tab' => 'hours', 'grade_level_id' => $gradeLevel->id]) }}"
                           class="btn btn-sm {{ $selectedGradeLevel?->id === $gradeLevel->id ? 'btn-primary' : 'btn-outline-primary' }}">
                            {{ $gradeLevel->name }}
                        </a>
                    @endforeach

                    <span class="vr mx-1"></span>

                    @forelse ($sections as $section)
                        <a href="{{ route('principal.insights', ['tab' => 'hours', 'grade_level_id' => $selectedGradeLevel->id, 'section_id' => $section->id]) }}"
                           class="btn btn-sm {{ $selectedSection?->id === $section->id ? 'btn-dark' : 'btn-outline-secondary' }}">
                            {{ $section->name }}
                        </a>
                    @empty
                        <span class="text-muted small">No active sections under this grade level.</span>
                    @endforelse
                </div>
            @endif
        </div>
    </div>

    <div class="card content-card report-card">
        <div class="card-body p-3">

            {{-- TEACHER LOAD --}}
            @if ($tab === 'load')
                @if (count($load['rows'] ?? []) > 0)
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle report-table mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Teacher</th>
                                    <th class="text-end">Weekly Load</th>
                                    <th class="text-end">Mon</th>
                                    <th class="text-end">Tue</th>
                                    <th class="text-end">Wed</th>
                                    <th class="text-end">Thu</th>
                                    <th class="text-end">Fri</th>
                                    <th class="text-end">Entries</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($load['rows'] as $row)
                                    <tr>
                                        <td>{{ $row['teacher']->full_name }}</td>
                                        <td class="text-end fw-semibold">{{ $hours($row['assigned_hours']) }}</td>
                                        @foreach (['monday', 'tuesday', 'wednesday', 'thursday', 'friday'] as $day)
                                            <td class="text-end">{{ $hours($row['daily_hours'][$day]) }}</td>
                                        @endforeach
                                        <td class="text-end">{{ $row['total_schedule_entries'] }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="empty-state">No teacher load data is available for this term.</div>
                @endif

            {{-- SUBJECT HOURS --}}
            @elseif ($tab === 'hours')
                @if (!empty($tracker) && $tracker->isNotEmpty())
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle report-table mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Subject</th>
                                    <th class="text-end">Hours/Week</th>
                                    <th class="text-end">Scheduled</th>
                                    <th class="text-end">Remaining</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($tracker as $row)
                                    <tr>
                                        <td>{{ $row['subject']->name }} <span class="text-muted small">{{ $row['subject']->code }}</span></td>
                                        <td class="text-end">{{ $hours($row['weekly_hours']) }}</td>
                                        <td class="text-end">{{ $hours($row['scheduled_hours']) }}</td>
                                        <td class="text-end {{ $row['remaining_hours'] < 0 ? 'text-danger fw-semibold' : '' }}">{{ $hours($row['remaining_hours']) }}</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>
                @else
                    <div class="empty-state">No required subjects for this section in this term.</div>
                @endif

            {{-- READINESS --}}
            @else
                @php
                    $summary = $readiness['summary'] ?? null;
                    $roomRow = $readiness['roomRow'] ?? null;
                    $blockedReasons = [
                        'no_teacher' => 'no qualified teacher',
                        'teacher_conflict' => 'teachers busy elsewhere',
                        'no_space' => 'not enough grid time',
                    ];
                    $ok = '<i class="bi bi-check-circle-fill text-success" aria-label="OK"></i>';
                    $bad = '<i class="bi bi-x-circle-fill text-danger" aria-label="Issue"></i>';
                @endphp

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

                    <h6 class="fw-bold small text-uppercase text-muted mb-1">Subject Teacher Coverage</h6>
                    <div class="table-responsive mb-2">
                        <table class="table table-bordered align-middle report-table mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Subject</th>
                                    <th class="text-end">Sections</th>
                                    <th class="text-end">Demand</th>
                                    <th class="text-end">Available</th>
                                    <th class="text-end">Hrs Needed</th>
                                    <th class="text-end">Teachers</th>
                                    <th class="text-end">More Needed</th>
                                    <th class="text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($readiness['subjectRows'] as $row)
                                    <tr>
                                        <td>{{ $row['subject']->name }}</td>
                                        <td class="text-end">{{ $row['sections_needing'] }}</td>
                                        <td class="text-end">{{ $hours($row['demand_hours']) }}</td>
                                        <td class="text-end">{{ $hours($row['available_hours']) }}</td>
                                        <td class="text-end {{ $row['needed_more_hours'] > 0 ? 'text-danger fw-semibold' : '' }}">{{ $hours($row['needed_more_hours']) }}</td>
                                        <td class="text-end">{{ $row['qualified_teacher_count'] }}</td>
                                        <td class="text-end {{ $row['teachers_needed_more'] > 0 ? 'text-danger fw-semibold' : '' }}">{{ $row['teachers_needed_more'] }}</td>
                                        <td class="text-center">{!! $row['status'] === 'ok' && $row['teachers_needed_more'] === 0 ? $ok : $bad !!}</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-1">Specialized Room Capacity</h6>
                    <div class="table-responsive mb-2">
                        <table class="table table-bordered align-middle report-table mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th class="text-end">Demand</th>
                                    <th class="text-end">Supply Ceiling</th>
                                    <th class="text-end">Specialized Rooms</th>
                                    <th class="text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td class="text-end">{{ $hours($roomRow['demand_hours']) }}</td>
                                    <td class="text-end">{{ $hours($roomRow['supply_hours']) }}</td>
                                    <td class="text-end">{{ $roomRow['specialized_room_count'] }}</td>
                                    <td class="text-center">{!! $roomRow['status'] === 'ok' ? $ok : $bad !!}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>

                    <h6 class="fw-bold small text-uppercase text-muted mb-1">Section Grid Capacity</h6>
                    <div class="table-responsive">
                        <table class="table table-bordered align-middle report-table mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Section</th>
                                    <th class="text-end">Required</th>
                                    <th class="text-end">Available</th>
                                    <th class="text-end">Schedulable</th>
                                    <th class="text-end">Unschedulable</th>
                                    <th>Blocked Subjects</th>
                                    <th class="text-center">Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($readiness['gridRows'] as $row)
                                    <tr>
                                        <td>{{ $row['section']->name }}</td>
                                        <td class="text-end">{{ $hours($row['required_hours']) }}</td>
                                        <td class="text-end">{{ $hours($row['available_hours']) }}</td>
                                        <td class="text-end">{{ $hours($row['schedulable_hours']) }}</td>
                                        <td class="text-end {{ $row['short_hours'] > 0 ? 'text-danger fw-semibold' : '' }}">{{ $hours($row['short_hours']) }}</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">{!! $row['status'] === 'ok' ? $ok : $bad !!}</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>
                @else
                    <div class="empty-state">No readiness data is available for this term.</div>
                @endif
            @endif
        </div>
    </div>
@endif

<style>
    .insight-chip {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.15rem 0.55rem;
        border: 1px solid #e5e7eb;
        border-radius: 999px;
        background: #f9fafb;
        font-size: 0.78rem;
        font-weight: 500;
        white-space: nowrap;
    }
    .insight-chip i { color: #6b7280; font-size: 0.8rem; }
</style>

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

@endsection