@extends('layouts.master')
@section('title', 'All Request')
@section('style')
<style>
/* Workload Summary filters: School occupies its own line. */
.ws-filter-form { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.ws-school-line { width: 100%; }
.ws-school-filter { width: 100% !important; max-width: 720px; min-width: 0; }
.ws-filter-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
.ws-filter-field { width: 190px; max-width: 100%; }
.ws-filter-field.ws-status-field { width: 220px; }
.ws-filter-field .form-select { width: 100%; }
.ws-filter-submit { min-height: 46px; }
@media (max-width: 575.98px) {
    .ws-school-filter { max-width: 100%; }
    .ws-filter-field, .ws-filter-field.ws-status-field { width: 100%; }
    .ws-filter-submit { width: 100%; }
}
</style>
@endsection

@section('content')
    @include('layouts.header')
    @include('layouts.title')

    <section class="wrapper bg-light">
        {{-- Match resources/views/setting/allrequestteaching.blade.php --}}
        <div class="container py-15 py-md-17">
            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
            </div>

            <div class="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex align-items-center gap-2 flex-wrap">
                                {{-- Same menu and Faculty-position access rules as All Request / Teaching Load. --}}
                                @include('setting.partials.workload_access_tabs', ['wmActive' => 'summary'])

                                <hr style="border: 0; height: 4px; background-color: #0d6efd; opacity: 1;" />

                                <div class="col-lg-12">
                                    <form method="GET"
                                          action="{{ route('workload.summary') }}"
                                          class="ws-filter-form mb-0">
                                        {{-- School of อยู่คนละบรรทัดกับ Year / Semester / Status. --}}
                                        <div class="ws-school-line">
                                            <label for="ws-school" class="form-label fw-semibold mb-1">School of</label>
                                            <select id="ws-school"
                                                    class="form-select ws-school-filter"
                                                    name="school"
                                                    {{ !$access['global'] ? 'disabled' : '' }}>
                                                @if($access['global'])
                                                    <option value="">-- All School --</option>
                                                @endif
                                                @foreach($schools as $school)
                                                    <option value="{{ $school->school_id }}"
                                                        {{ (string)$schoolId === (string)$school->school_id ? 'selected' : '' }}>
                                                        {{ $school->school_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="ws-filter-row">
                                            <div class="ws-filter-field">
                                                <label for="ws-year" class="form-label fw-semibold mb-1">Academic Year</label>
                                                <select id="ws-year" class="form-select" name="year">
                                                    {{-- Controller sets $year to the current Gregorian year on first visit. --}}
                                                    @if(!collect($years)->contains('academic_name', $year))
                                                        <option value="{{ $year }}" selected>Year {{ $year }}</option>
                                                    @endif
                                                    @foreach($years as $y)
                                                        <option value="{{ $y->academic_name }}"
                                                            {{ (string)$year === (string)$y->academic_name ? 'selected' : '' }}>
                                                            Year {{ $y->academic_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="ws-filter-field">
                                                <label for="ws-semester" class="form-label fw-semibold mb-1">Semester</label>
                                                <select id="ws-semester" class="form-select" name="semester">
                                                    <option value="">-- All Semester --</option>
                                                    @foreach([1, 2, 3] as $semesterOption)
                                                        <option value="{{ $semesterOption }}"
                                                            {{ (string)$semesterFilter === (string)$semesterOption ? 'selected' : '' }}>
                                                            Semester {{ $semesterOption }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <div class="ws-filter-field ws-status-field">
                                                <label for="ws-status" class="form-label fw-semibold mb-1">Status</label>
                                                <select id="ws-status" class="form-select" name="status">
                                                    <option value="">-- All Status --</option>
                                                    @foreach(['Waiting', 'Approved'] as $statusOption)
                                                        <option value="{{ $statusOption }}"
                                                            {{ request('status') === $statusOption ? 'selected' : '' }}>
                                                            {{ $statusOption === 'Approved' ? 'Acknowledged' : $statusOption }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>

                                            <button type="submit" class="btn btn-primary rounded-pill ws-filter-submit">Search</button>
                                        </div>
                                    </form>
                                </div>
                            </div>

                            <hr style="border: 0; height: 4px; background-color: #0d6efd; opacity: 1;" />

                            <div class="alert alert-info alert-icon" role="alert">
                                <i class="uil uil-info-circle"></i>
                                <strong>Workload Table Summary:</strong>
                                Only courses with fully approved Teaching Load workflows are included.
                                Each request represents one School / Academic Year / Semester.
                            </div>

                            {{-- Match the Teaching Load list: .table.datatable (not bordered/hover custom table). --}}
                            <div class="table-responsive">
                                <table id="example" class="table datatable">
                                    <thead>
                                        <tr>
                                            <th class="p-1" style="width: 5%">No.</th>
                                            <th class="p-1">Details</th>
                                            <th class="p-1">School of</th>
                                            <th class="p-1">Semester / Year</th>
                                            <th class="p-1">Status</th>
                                            <th class="p-1 text-center">Acknowledgement</th>
                                            <th class="p-1 text-center" style="width: 10%">Manage</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($requests as $i => $r)
                                            <tr>
                                                <td>{{ $i + 1 }}</td>
                                                <td>
                                                    Workload Table Summary
                                                    <div class="small text-muted">
                                                        {{ $r->course_count }} courses /
                                                        {{ $r->load_count }} approved Teaching Loads
                                                    </div>
                                                </td>
                                                <td>{{ $r->school_name }}</td>
                                                <td>{{ $r->semester }} / {{ $r->year }}</td>
                                                <td>
                                                    @if($r->status === 'Approved')
                                                        Acknowledged by Head of School
                                                    @else
                                                        Waiting for Head of School Acknowledgement
                                                    @endif
                                                </td>
                                                <td class="text-center">
                                                    @if($r->status === 'Approved')
                                                        <span class="badge bg-pale-green text-green rounded-pill">Acknowledged</span>
                                                    @else
                                                        <span class="badge bg-pale-yellow text-yellow rounded-pill">Waiting</span>
                                                    @endif
                                                </td>
                                                <td align="center">
                                                    <a href="{{ route('workload.summary.show', ['school' => $r->school_id, 'year' => $r->year, 'semester' => $r->semester]) }}"
                                                       class="btn btn-circle btn-success btn-sm"
                                                       title="View Workload Table Summary"
                                                       aria-label="View Workload Table Summary">
                                                        <i class="uil uil-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @empty
                                            {{-- Keep the tbody empty for DataTables compatibility (no colspan row). --}}
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>

                            @if(count($requests) === 0)
                                <div class="text-center text-muted mt-3">
                                    No fully approved Teaching Load courses for this selection.
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection