@extends('layouts.master')
@section('title', 'Teaching Load Preview')
@section('style')

<style>

    .timetable-grid-wrapper {
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        border: 1px solid #e5e7eb;
        border-radius: 10px;
    }


    .timetable-grid {
        table-layout: fixed;
        width: max-content;
        min-width: 100%;
    }


    .timetable-grid th,
    .timetable-grid td {
        border: 1px solid #dee2e6;
    }


    .timetable-day-column {
        min-width: 130px;
        width: 130px;
        position: sticky;
        left: 0;
        z-index: 3;
        background: #f8f9fa !important;
    }


    .timetable-time-header {
        min-width: 75px;
        width: 75px;
        font-size: 11px;
        white-space: nowrap;
    }


    .timetable-empty-slot {
        min-width: 75px;
        height: 105px;
        background: #ffffff;
    }


    .timetable-class-cell {
        padding: 5px !important;
        background: #f8fbff;
    }


    .timetable-class-box {
        height: 100%;
        min-height: 95px;
        padding: 10px;

        border: 1px solid #d7e3f4;
        border-radius: 8px;

        background: #f4f8ff;

        white-space: normal;
    }


    .timetable-lunch-cell {
        min-width: 150px;

        background: #ffe8e8 !important;

        color: #c0392b;

        vertical-align: middle !important;

        font-size: 12px;
    }

</style>


<style>
/* =========================================================
   Teaching Schedule: fixed compact columns, exact event times.
   Each event uses its own time coordinate; overlap uses lanes.
   ========================================================= */
.timetable-grid-wrapper { max-width: 100%; overflow-x: auto; }
.timetable-grid.tl-exact-time-grid {
    /* Expand to the view/card width; scroll only when slots require more space. */
    width: 100% !important;
    table-layout: fixed !important;
    min-width: var(--tl-min-table-width, 0px) !important;
    max-width: none !important;
    border-collapse: separate;
    border-spacing: 0;
}
.timetable-grid.tl-exact-time-grid .timetable-day-column {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    white-space: nowrap;
    padding: 10px 9px;
    vertical-align: middle;
}
.timetable-grid.tl-exact-time-grid .timetable-time-header {
    /* Flexible columns: minimum 64px, wider when the card has spare space. */
    width: auto !important;
    min-width: 64px !important;
    max-width: none !important;
    padding: 5px 2px !important;
    font-size: 10px;
    line-height: 1.15;
    vertical-align: middle;
}
.timetable-grid.tl-exact-time-grid td.tl-track-cell {
    padding: 0 !important;
    min-width: 0 !important;
    vertical-align: top;
    background: #fff;
}
.tl-day-track {
    position: relative;
    width: 100%;
    min-height: 56px;
    overflow: hidden;
    /* Vertical 30-minute guides follow flexible header column widths. */
    background-image: linear-gradient(to right, #e2e8f0 0 1px, transparent 1px);
    background-size: calc(100% / var(--tl-slot-count, 1)) 100%;
    background-repeat: repeat-x;
    background-color: #fff;
}
.tl-lunch-band {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(255, 235, 235, .8);
    border-left: 1px solid #f7c9ca;
    border-right: 1px solid #f7c9ca;
    display: flex;
    justify-content: center;
    align-items: center; /* Lunch is centered vertically, not pinned to the bottom. */
    pointer-events: none;
}
.tl-lunch-label {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 5px 2px;
    line-height: 1.2;
    color: #9f3545;
    text-align: center;
}
.tl-lunch-heading {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.tl-lunch-icon {
    display: block;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}
.tl-lunch-time {
    display: block;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}
.tl-course-position {
    position: absolute;
    z-index: 1;
    height: 122px;
    min-width: 0;
    box-sizing: border-box;
    padding: 2px 3px;
}
.tl-course-position .tl-course-card {
    height: 100%;
    min-height: 0 !important;
    box-sizing: border-box;
    border: 1px solid #cbdcf5;
    border-radius: 6px;
    padding: 5px 6px;
    background: #f1f6ff;
    overflow: auto;
    white-space: normal;
    word-break: break-word;
    font-size: 11px;
    line-height: 1.25;
}
.tl-course-position .tl-course-code {font-size: 11px; white-space: normal;}
.tl-course-position .tl-course-name {font-size: 10px; margin-top: 2px;}
.tl-course-position .tl-course-meta {font-size: 10px; color: #64748b; margin-top: 3px;}
.tl-course-position .tl-badges {display: flex; flex-wrap: wrap; gap: 2px;}
.tl-course-position .tl-badges .badge {font-size: 9px; padding: 2px 3px;}

/* Lunch overlap is informational; never split a continuous timetable event. */
.tl-course-position .tl-lunch-overlap-note {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border: 1px solid #f3bdc7;
    border-radius: 999px;
    background: #fff0f3;
    color: #9f3545;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
}
.tl-course-position .tl-lunch-overlap-note svg {
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
}

</style>
@endsection

@section('content')
@include('layouts.header')
@include('layouts.title')
<section class="wrapper bg-light">

    <div class="container py-10 py-md-12">


        {{-- ===================================================== --}}
        {{-- PAGE TITLE --}}
        {{-- ===================================================== --}}

        <div class="row mb-5">

            <div class="col-md-12">

                <h3 class="text-primary fw-bold">
                    Teaching Load Preview
                </h3>

                <p class="text-muted mb-0">

                    Please review all information before
                    sending it for approval.

                </p>

            </div>

        </div>



        {{-- Define this in the parent view: variables created inside @include do not
             propagate back to the parent Blade scope. The status badge below uses it. --}}
        @php
            $teachingRevision = \App\Services\TeachingLoadRejectionNotice::current(
                $teachingLoad->teaching_load_id
            );
        @endphp

        @include('load.partials.teaching_load_rejection_banner')

        {{-- ===================================================== --}}
        {{-- TEACHING LOAD INFORMATION --}}
        {{-- ===================================================== --}}

        <div class="card mb-5">

            <div class="card-header bg-primary text-white">

                <b>
                    Teaching Load Information
                </b>

            </div>


            <div class="card-body">

                <div class="row g-4">


                    {{-- Academic Year --}}

                    <div class="col-md-3">

                        <div class="text-muted small">
                            Academic Year
                        </div>

                        <div class="fw-semibold">

                            {{ $teachingLoad->teaching_load_year }}

                        </div>

                    </div>


                    {{-- Semester --}}

                    <div class="col-md-3">

                        <div class="text-muted small">
                            Current Semester
                        </div>

                        <div class="fw-semibold">

                            Semester
                            {{ $teachingLoad->teaching_load_semester }}

                        </div>

                    </div>


                    {{-- Teaching Load Status --}}

                    <div class="col-md-3">

                        <div class="text-muted small">
                            Teaching Load Status
                        </div>

                        <div>

                            @if($teachingRevision)
                                <span class="badge bg-soft-danger text-danger">Rejected — Needs Revision</span>
                            @elseif($teachingLoad->teaching_load_status == 'Draft')

                                <span class="badge bg-soft-secondary text-dark">
                                    Draft
                                </span>

                            @elseif($teachingLoad->teaching_load_status == 'Pending')

                                <span class="badge bg-soft-warning text-warning">
                                    Pending
                                </span>

                            @elseif($teachingLoad->teaching_load_status == 'Approved')

                                <span class="badge bg-soft-success text-success">
                                    Approved
                                </span>

                            @elseif($teachingLoad->teaching_load_status == 'Rejected')

                                <span class="badge bg-soft-danger text-danger">
                                    Rejected
                                </span>

                            @else

                                <span class="badge bg-soft-secondary text-dark">

                                    {{
                                        $teachingLoad->teaching_load_status
                                        ?? '-'
                                    }}

                                </span>

                            @endif

                        </div>

                    </div>


                    {{-- Employee Contract --}}

                    <div class="col-md-3">

                        <div class="text-muted small">
                            Employee Contract
                        </div>

                        <div class="fw-semibold">

                            @if($fcontract)

                                {{
                                    $fcontract->fcontract_start_date
                                    ?? '-'
                                }}

                                -

                                {{
                                    $fcontract->fcontract_end_date
                                    ?? '-'
                                }}

                            @else

                                -

                            @endif

                        </div>

                    </div>


                    {{-- Faculty --}}

                    <div class="col-md-6">

                        <div class="text-muted small">
                            Faculty Member
                        </div>

                        <div class="fw-semibold">

                            {{ $faculty->faculty_title ?? '' }}
                            {{ $faculty->faculty_firstname ?? '' }}
                            {{ $faculty->faculty_lastname ?? '' }}

                        </div>

                    </div>


                    {{-- School --}}

                    <div class="col-md-6">

                        <div class="text-muted small">
                            School
                        </div>

                        <div class="fw-semibold">

                            {{ $faculty->school_name ?? '-' }}

                        </div>

                    </div>


                </div>

            </div>

        </div>
        {{-- ===================================================== --}}
        {{-- WORKLOAD ARRANGEMENT CONTEXT --}}
        {{-- ===================================================== --}}

        @if($adcontract_value)

            <div class="card mb-5">

                <div class="card-header bg-light">

                    <b>
                        Workload Arrangement
                    </b>

                    <span class="text-muted small ms-2">
                        Administrative Position Context
                    </span>

                </div>


                <div class="card-body">


                    <div class="row g-4">


                        <div class="col-md-3">

                            <div class="text-muted small">
                                Administrative Position
                            </div>

                            <div class="fw-semibold">

                                {{
                                    $adcontract_value
                                        ->admin_position_name
                                    ?? '-'
                                }}

                            </div>

                        </div>


                        <div class="col-md-3">

                            <div class="text-muted small">
                                Arrangement Type
                            </div>

                            <div class="fw-semibold">

                                {{
                                    $adcontract_value
                                        ->adposition_type_name
                                    ?? '-'
                                }}

                            </div>

                        </div>


                        <div class="col-md-3">

                            <div class="text-muted small">
                                Arrangement Status
                            </div>

                            <div class="fw-semibold">

                                {{
                                    $adcontract_value->status
                                    ?? '-'
                                }}

                            </div>

                        </div>


                        <div class="col-md-3">

                            <div class="text-muted small">
                                Appointment No.
                            </div>

                            <div class="fw-semibold">

                                {{
                                    $adcontract_value
                                        ->adcontract_no
                                    ?? '-'
                                }}

                            </div>

                        </div>


                    </div>


                    <div class="alert alert-light border mt-4 mb-0">

                        Workload Arrangement and Teaching Load
                        use separate approval workflows.

                    </div>


                </div>

            </div>

        @endif



        {{-- ===================================================== --}}
        {{-- 1. TEACHING LOAD --}}
        {{-- ===================================================== --}}

        <div class="card mb-5">

            <div class="card-body">


                <div class="mb-4">
    <h5 class="text-primary fw-bold mb-3">
        1. Teaching Load
    </h5>
    <div class="d-flex align-items-center flex-wrap gap-3">

        @php

            /*
            |--------------------------------------------------------------------------
            | TOTAL LECTURE : Semester 1 + 2 + 3
            |--------------------------------------------------------------------------
            |
            | Credits
            | = ผลรวม course_lecture ของทั้ง 3 Semester
            |
            | Hours/Week
            | = ผลรวม course_contact ของทั้ง 3 Semester
            |
            */

            $totalLectureCredit = 0;
            $totalLectureContact = 0;


            foreach ([1, 2, 3] as $lectureSemester) {

                $lectureRows =
                    $lecture[$lectureSemester]
                    ?? collect();


                $totalLectureCredit +=
                    $lectureRows->sum(function ($row) {

                        return (float) (
                            $row->course_lecture
                            ?? 0
                        );

                    });


                $totalLectureContact +=
                    $lectureRows->sum(function ($row) {

                        return (float) (
                            $row->course_contact
                            ?? 0
                        );

                    });

            }


            /*
            |--------------------------------------------------------------------------
            | จัดรูปแบบตัวเลข
            |--------------------------------------------------------------------------
            |
            | 12.00 -> 12
            | 12.50 -> 12.5
            |
            */

            $formatTeachingNumber = function ($value) {

                if (
                    floor($value)
                    ==
                    $value
                ) {

                    return number_format(
                        $value,
                        0
                    );

                }


                return rtrim(
                    rtrim(
                        number_format(
                            $value,
                            2,
                            '.',
                            ''
                        ),
                        '0'
                    ),
                    '.'
                );

            };

        @endphp


        <div>
            <span class="fw-semibold">
                a) Lecture
            </span>
        </div>


        <div class="text-muted">
            =
        </div>


        <div class="badge bg-pale-green text-green px-4 py-2 fs-15">

            {{ $formatTeachingNumber($totalLectureCredit) }}
            Credits,

            {{ $formatTeachingNumber($totalLectureContact) }}
            Hours/Week

        </div>
        <div class="ms-5 fw-semibold text-primary">
            TOR
        </div>

        <div class="text-muted">=</div>

        <div class="badge bg-pale-ash text-dark px-4 py-2 fs-15">
            6 Credits, 12 Hours/Week
        </div>

    </div>
</div>

                {{-- ================================================= --}}
                {{-- 1a Lecture --}}
                {{-- ================================================= --}}

                


                @foreach([1,2,3] as $semester)

                    @php

                        $rows =
                            $lecture[$semester]
                            ?? collect();

                    @endphp


                    <div class="mb-5">


                        <h6 class="text-muted fw-semibold mb-3">

                            Academic Year
                            {{ $teachingLoad->teaching_load_year }}

                            - Semester {{ $semester }}

                        </h6>


                        <div class="table-responsive">

                            <table class="table table-bordered align-middle">

                                <thead class="table-light">

                                    <tr>

                                        <th>No.</th>

                                        <th>
                                            Course No.
                                        </th>

                                        <th>
                                            Course
                                        </th>
                                        <th>Course Level</th>

                                        <th>
                                            Portions (%)
                                        </th>

                                        <th>
                                            Sec.No.
                                        </th>

                                        <th>
                                            No. of Students
                                        </th>

                                        <th>
                                            No. of Weeks
                                        </th>

                                        <th>
                                            Lecture (Hr/Wk)
                                        </th>

                                        <th>
                                            Credits
                                        </th>

                                        <th>
                                            Contact (Hr/Wk)
                                        </th>

                                        <th>
                                            Source
                                        </th>

                                    </tr>

                                </thead>


                                <tbody>

                                    @forelse($rows as $key => $row)

                                        <tr>

                                            <td>
                                                {{ $key + 1 }}
                                            </td>

                                            <td>
                                                {{ $row->course_code }}
                                            </td>

                                            <td>
                                                {{ $row->course_name }}
                                            </td>
                                            <td>{{ $row->course_level ?? '-' }}</td>

                                            <td>
                                                {{ $row->course_portions }}
                                            </td>

                                            <td>
                                                {{ $row->course_section }}
                                            </td>

                                            <td>
                                                {{ $row->course_student }}
                                            </td>

                                            <td>
                                                {{ $row->course_week }}
                                            </td>

                                            <td>
                                                {{ $row->course_lecture }}
                                            </td>

                                            <td>
                                                {{ $row->course_credit }}
                                            </td>

                                            <td>
                                                {{ $row->course_contact }}
                                            </td>

                                            <td>

                                                @if(($row->source ?? 'AUTO') == 'AUTO')

                                                    <span class="badge bg-soft-primary text-primary">
                                                        AUTO
                                                    </span>

                                                @else

                                                    <span class="badge bg-soft-warning text-warning">
                                                        MANUAL
                                                    </span>

                                                @endif

                                            </td>

                                        </tr>


                                    @empty

                                        <tr>

                                            <td colspan="12"
                                                class="text-center text-muted py-4">

                                                No lecture data.

                                            </td>

                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>

                        </div>

                    </div>

                @endforeach



                <hr class="my-5">



                {{-- ================================================= --}}
                {{-- 1b Laboratory --}}
                {{-- ================================================= --}}

                {{-- Section Title --}}
                <div class="mb-4">

                    <div class="d-flex align-items-center flex-wrap gap-3">

                        @php

                            /*
                            |--------------------------------------------------------------------------
                            | TOTAL LABORATORY : Semester 1 + 2 + 3
                            |--------------------------------------------------------------------------
                            |
                            | รวม Contact (Hr/Wk) for Lab
                            | จาก course_lab_lect ของทั้ง 3 Semester
                            |
                            */

                            $totalLabContact = 0;


                            foreach ([1, 2, 3] as $labSemester) {

                                $labRows =
                                    $laboratory[$labSemester]
                                    ?? collect();


                                $totalLabContact +=
                                    $labRows->sum(function ($row) {

                                        return (float) (
                                            $row->course_lab_lect
                                            ?? 0
                                        );

                                    });

                            }


                            $formatLabNumber = function ($value) {

                                if (floor($value) == $value) {

                                    return number_format(
                                        $value,
                                        0
                                    );

                                }


                                return rtrim(
                                    rtrim(
                                        number_format(
                                            $value,
                                            2,
                                            '.',
                                            ''
                                        ),
                                        '0'
                                    ),
                                    '.'
                                );

                            };

                        @endphp


                        <div>
                            <span class="fw-semibold">
                                b) Laboratory
                            </span>
                        </div>


                        <div class="text-muted">
                            =
                        </div>


                        <div class="badge bg-pale-green text-green px-4 py-2 fs-15">

                            {{ $formatLabNumber($totalLabContact) }}
                            Credits,

                            {{ $formatLabNumber($totalLabContact) }}
                            Hours/Week

                        </div>

                        <div class="ms-5 fw-semibold text-primary">
                            TOR
                        </div>

                        <div class="text-muted">=</div>

                        <div class="badge bg-pale-ash text-dark px-4 py-2 fs-15">
                            7 Credits, 24 Hours/Week
                        </div>

                    </div>

                </div>

                @foreach([1,2,3] as $semester)

                    @php

                        $rows =
                            $laboratory[$semester]
                            ?? collect();

                    /* Same Total a + b formula as teachingload_fixed.blade.php:
                       Semester Lecture Contact + Semester Laboratory Contact. */
                    $labContactTotal =
                        ($lecture[$semester] ?? collect())->sum(function ($row) {
                            return (float) ($row->course_contact ?? 0);
                        })
                        + $rows->sum(function ($row) {
                            return (float) ($row->course_lab_lect ?? 0);
                        });


                    @endphp


                    <div class="mb-5">


                        <h6 class="text-muted fw-semibold mb-3">

                            Academic Year
                            {{ $teachingLoad->teaching_load_year }}

                            - Semester {{ $semester }}

                        </h6>


                        <div class="table-responsive">

                            <table class="table table-bordered align-middle">

                                <thead class="table-light">

                                    <tr>

                                        <th>No.</th>

                                        <th>
                                            Course No.
                                        </th>

                                        <th>
                                            Course
                                        </th>
                                        <th>Course Level</th>

                                        <th>
                                            Portions (%)
                                        </th>

                                        <th>
                                            Sec.No.
                                        </th>

                                        <th>
                                            No. of Students
                                        </th>

                                        <th>
                                            No. of Lecturers
                                        </th>

                                        <th>
                                            Lab.&Lect (Hr/Wk)
                                        </th>

                                        <th>
                                            Credits
                                        </th>

                                        <th>
                                            Contact (Hr/Wk)
                                        </th>

                                        <th>
                                            Source
                                        </th>

                                    </tr>

                                </thead>


                                <tbody>

                                    @forelse($rows as $key => $row)

                                        <tr>

                                            <td>
                                                {{ $key + 1 }}
                                            </td>

                                            <td>
                                                {{ $row->course_code }}
                                            </td>

                                            <td>
                                                {{ $row->course_name }}
                                            </td>
                                            <td>{{ $row->course_level ?? '-' }}</td>

                                            <td>
                                                {{ $row->course_portions }}
                                            </td>

                                            <td>
                                                {{ $row->course_section }}
                                            </td>

                                            <td>
                                                {{ $row->course_student }}
                                            </td>

                                            <td>
                                                {{ $row->course_lect_ta }}
                                            </td>

                                            <td>
                                                {{ $row->course_lab_lect }}
                                            </td>

                                            <td>
                                                {{ $row->course_credit }}
                                            </td>

                                            <td>
                                                {{ $row->course_lab_lect }}
                                            </td>

                                            <td>

                                                @if(($row->source ?? 'AUTO') == 'AUTO')

                                                    <span class="badge bg-soft-primary text-primary">
                                                        AUTO
                                                    </span>

                                                @else

                                                    <span class="badge bg-soft-warning text-warning">
                                                        MANUAL
                                                    </span>

                                                @endif

                                            </td>

                                        </tr>


                                    @empty

                                        <tr>

                                            <td colspan="12"
                                                class="text-center text-muted py-4">

                                                No laboratory data.

                                            </td>

                                        </tr>

                                    @endforelse

                                </tbody>

                            
                                <tfoot>
                                    <tr>
                                        {{-- View/Preview: 12 visible columns. Align label under Credits
                                             and the result under Contact, as on Teaching Load. --}}
                                        <td colspan="9" class="bg-light"></td>
                                        <td class="fw-bold bg-light text-end">Total a + b</td>
                                        <td class="fw-bold bg-light text-center">
                                            <span class="badge bg-soft-primary text-primary px-4 py-2 fs-15">
                                                {{ $formatTeachingNumber($labContactTotal) }}
                                            </span>
                                        </td>
                                        <td class="bg-light"></td>
                                    </tr>
                                </tfoot>
                            </table>

                        </div>

                    </div>

                @endforeach


            </div>

        </div>



        {{-- ===================================================== --}}
        {{-- 2. SUPERVISION --}}
        {{-- ===================================================== --}}

        <div class="card mb-5">

            <div class="card-body">


                <div class="mb-4">
    <h5 class="text-primary fw-bold mb-3">
        2. Supervision of Senior Project/ Extended Training/ Special Problems/ Selected
        Topic/ Others
    </h5>
    <div class="d-flex align-items-center flex-wrap gap-3">

        <div>
            <span class="fw-semibold">a) Senior Project/ Extended Training
                Requirement</span>
        </div>

        <div class="text-muted">=</div>

        <div class="badge bg-pale-green text-green px-4 py-2 fs-15">
            10 Credits, 24 Hours/Week
        </div>

        <div class="ms-5 fw-semibold text-primary">
            TOR
        </div>

        <div class="text-muted">=</div>

        <div class="badge bg-pale-ash text-dark px-4 py-2 fs-15">
            10 Credits, 24 Hours/Week
        </div>

    </div>

</div>

                @foreach([1,2,3] as $semester)

                    @php

                        $rows =
                            $senior[$semester]
                            ?? collect();

                    @endphp


                    <div class="mb-5">

                        <h6 class="text-muted fw-semibold mb-3">

                            Semester {{ $semester }}

                        </h6>


                        <div class="table-responsive">

                            <table class="table table-bordered">

                                <thead class="table-light">

                                    <tr>

                                        <th>No.</th>

                                        <th>
                                            Course No.
                                        </th>

                                        <th>
                                            Course
                                        </th>

                                        <th>
                                            No. of Students
                                        </th>

                                        <th>
                                            Credits
                                        </th>

                                        <th>
                                            Contact (Hr/Wk)
                                        </th>

                                        <th>
                                            Source
                                        </th>

                                    </tr>

                                </thead>


                                <tbody>

                                    @forelse($rows as $key => $row)

                                        <tr>

                                            <td>
                                                {{ $key + 1 }}
                                            </td>

                                            <td>
                                                {{ $row->senior_course_code }}
                                            </td>

                                            <td>
                                                {{ $row->senior_course_name }}
                                            </td>

                                            <td>
                                                {{ $row->senior_student_no }}
                                            </td>

                                            <td>
                                                {{ $row->senior_credits }}
                                            </td>

                                            <td>
                                                {{ $row->senior_contact === null || $row->senior_contact === '' ? 2 : (float) $row->senior_contact }}
                                            </td>

                                            <td>

                                                @if(($row->source ?? 'AUTO') == 'AUTO')

                                                    <span class="badge bg-soft-primary text-primary">
                                                        AUTO
                                                    </span>

                                                @else

                                                    <span class="badge bg-soft-warning text-warning">
                                                        MANUAL
                                                    </span>

                                                @endif

                                            </td>

                                        </tr>

                                    @empty

                                        <tr>

                                            <td colspan="7"
                                                class="text-center text-muted py-4">

                                                No Senior Project data.

                                            </td>

                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>

                        </div>

                    </div>

                @endforeach



                <hr class="my-5">



                {{-- ================================================= --}}
                {{-- 2b Supervision --}}
                {{-- ================================================= --}}

                <div class="mb-4">
    <div class="d-flex align-items-center flex-wrap gap-3">

        <div>
            <span class="fw-semibold">b) Supervision for Master and Doctoral
                Students</span>
        </div>

        <div class="text-muted">=</div>

        <div class="badge bg-pale-green text-green px-4 py-2 fs-15">
            3 Groups/Year, 12 Hours/Year
        </div>

        <div class="ms-5 fw-semibold text-primary">
            TOR
        </div>

        <div class="text-muted">=</div>

        <div class="badge bg-pale-ash text-dark px-4 py-2 fs-15">
            3 Groups/Year, 12 Hours/Year
        </div>

    </div>

</div>

                @foreach([1,2,3] as $semester)

                    @php

                        $rows =
                            $supervision[$semester]
                            ?? collect();

                    @endphp


                    <div class="mb-5">


                        <h6 class="text-muted fw-semibold mb-3">

                            Semester {{ $semester }}

                        </h6>


                        <div class="table-responsive">

                            <table class="table table-bordered">

                                <thead class="table-light">

                                    <tr>

                                        <th>No.</th>

                                        <th>
                                            Student Code
                                        </th>

                                        <th>
                                            Name
                                        </th>

                                        <th>
                                            Level
                                        </th>

                                        <th>
                                            No. of Students
                                        </th>

                                        <th>
                                            Credits
                                        </th>

                                        <th>
                                            Contact (Hr/Wk)
                                        </th>

                                        <th>
                                            Source
                                        </th>

                                    </tr>

                                </thead>


                                <tbody>

                                    @forelse($rows as $key => $row)

                                        <tr>

                                            <td>
                                                {{ $key + 1 }}
                                            </td>

                                            <td>
                                                {{ $row->supervision_student_code }}
                                            </td>

                                            <td>

                                                {{ $row->supervision_title }}

                                                {{ $row->supervision_fullname }}

                                            </td>

                                            <td>
                                                {{ $row->supervision_level }}
                                            </td>

                                            <td>
                                                {{ $row->supervision_student_no }}
                                            </td>

                                            <td>
                                                {{ $row->supervision_credits === null || $row->supervision_credits === '' ? '' : (float) $row->supervision_credits }}
                                            </td>

                                            <td>
                                                {{ $row->supervision_contact === null || $row->supervision_contact === '' ? 2 : (float) $row->supervision_contact }}
                                            </td>

                                            <td>

                                                @if(($row->source ?? 'AUTO') == 'AUTO')

                                                    <span class="badge bg-soft-primary text-primary">
                                                        AUTO
                                                    </span>

                                                @else

                                                    <span class="badge bg-soft-warning text-warning">
                                                        MANUAL
                                                    </span>

                                                @endif

                                            </td>

                                        </tr>

                                    @empty

                                        <tr>

                                            <td colspan="8"
                                                class="text-center text-muted py-4">

                                                No supervision data.

                                            </td>

                                        </tr>

                                    @endforelse

                                </tbody>

                            </table>

                        </div>

                    </div>

                @endforeach


            </div>

        </div>



        {{-- ===================================================== --}}
        {{-- 3. INTERNAL COMMITTEES --}}
        {{-- ===================================================== --}}

        <div class="card mb-5">

            <div class="card-body">

                <h4 class="text-primary fw-bold mb-4">
                    3. Internal Committees
                </h4>


                <div class="table-responsive">

                    <table class="table table-bordered align-middle mb-0">

                        <thead class="table-light">

                            <tr>

                                <th
                                    width="60"
                                    class="text-center"
                                >
                                    No.
                                </th>

                                <th>
                                    Internal Committees Name
                                </th>

                                <th
                                    width="220"
                                    class="text-center"
                                >
                                    Document
                                </th>

                            </tr>

                        </thead>


                        <tbody>

                            @forelse($committee as $key => $row)

                                <tr>

                                    <td class="text-center">
                                        {{ $key + 1 }}
                                    </td>


                                    <td>

                                        <span class="fw-semibold">
                                            {{ $row->ic_name ?? '-' }}
                                        </span>

                                    </td>


                                    <td class="text-center">

                                        @if(!empty($row->ic_documents))

                                            <a
                                                href="{{ asset(
                                                    'file/internal_committee/'
                                                    . $row->ic_documents
                                                ) }}"
                                                target="_blank"
                                                class="btn btn-sm btn-soft-primary rounded-pill"
                                            >

                                                <i class="uil uil-file-alt me-1"></i>

                                                View File

                                            </a>

                                        @else

                                            <span class="text-muted">
                                                -
                                            </span>

                                        @endif

                                    </td>

                                </tr>

                            @empty

                                <tr>

                                    <td
                                        colspan="3"
                                        class="text-center text-muted py-4"
                                    >
                                        No Internal Committees found.
                                    </td>

                                </tr>

                            @endforelse

                        </tbody>

                    </table>

                </div>

            </div>

        </div>


        {{-- ===================================================== --}}
        {{-- 4. TIMETABLE --}}
        {{-- ===================================================== --}}

        <div class="card mb-5">

            <div class="card-body">

                <h4 class="text-primary fw-bold mb-4">
                    4. Timetable
                </h4>


                @foreach([1,2,3] as $semester)

                    @php

                        $rows =
                            $timetable[$semester]
                            ?? collect();


                        $regularRows =
                            $rows
                            ->filter(function ($row) {

                                return trim(
                                    $row->timetable_activity ?? ''
                                )
                                ===
                                'Regular Teaching Schedule';

                            })
                            ->values();


                        $extraRows =
                            $rows
                            ->filter(function ($row) {

                                return trim(
                                    $row->timetable_activity ?? ''
                                )
                                ===
                                'Extra Teaching Schedule';

                            })
                            ->values();


                        $scheduleGroups = [

                            'Regular Teaching Schedule'
                                => $regularRows,

                            'Extra Teaching Schedule'
                                => $extraRows

                        ];

                    @endphp


                    <div class="mb-6">

                        <h5 class="fw-bold text-primary mb-4">

                            Teaching Schedule Preview
                            - Semester {{ $semester }}

                        </h5>


                        @foreach($scheduleGroups as $scheduleName => $gridRows)

                            <div class="mb-5">

                                <div class="d-flex align-items-center mb-3">

                                    @if($scheduleName == 'Regular Teaching Schedule')

                                        <span class="badge bg-soft-primary text-primary me-2">
                                            Regular
                                        </span>

                                    @else

                                        <span class="badge bg-soft-warning text-warning me-2">
                                            Extra
                                        </span>

                                    @endif


                                    <h6 class="fw-bold mb-0">
                                        {{ $scheduleName }}
                                    </h6>

                                </div>


                                @if($gridRows->isEmpty())

                                    <div class="alert alert-light border text-muted">

                                        No {{ $scheduleName }}
                                        found for Semester {{ $semester }}.

                                    </div>

                                @else

                                    @php

                                        $days = [
                                            'Monday',
                                            'Tuesday',
                                            'Wednesday',
                                            'Thursday',
                                            'Friday',
                                            'Saturday',
                                            'Sunday'
                                        ];


                                        $timeToMinutes = function ($time) {

                                            if (empty($time)) {
                                                return null;
                                            }

                                            $time = substr($time, 0, 5);

                                            [$hour, $minute] =
                                                array_map(
                                                    'intval',
                                                    explode(':', $time)
                                                );

                                            return
                                                ($hour * 60)
                                                + $minute;

                                        };


                                        $slotMinutes = 30;


                                        $minStart =
                                            $gridRows
                                            ->map(function ($row) use ($timeToMinutes) {

                                                return $timeToMinutes(
                                                    $row->timetable_time_start
                                                );

                                            })
                                            ->filter(function ($value) {

                                                return $value !== null;

                                            })
                                            ->min();


                                        $maxEnd =
                                            $gridRows
                                            ->map(function ($row) use ($timeToMinutes) {

                                                return $timeToMinutes(
                                                    $row->timetable_time_end
                                                );

                                            })
                                            ->filter(function ($value) {

                                                return $value !== null;

                                            })
                                            ->max();


                                        $gridStart =
                                            $minStart
                                            ?? (8 * 60);


                                        $gridEnd =
                                            $maxEnd
                                            ?? (17 * 60);


                                        $gridStart =
                                            floor(
                                                $gridStart
                                                /
                                                $slotMinutes
                                            )
                                            *
                                            $slotMinutes;


                                        $gridEnd =
                                            ceil(
                                                $gridEnd
                                                /
                                                $slotMinutes
                                            )
                                            *
                                            $slotMinutes;


                                        $slotCount =
                                            ($gridEnd - $gridStart)
                                            /
                                            $slotMinutes;

                                    @endphp


                                    <div class="timetable-grid-wrapper">

                                        <table class="table table-bordered timetable-grid tl-exact-time-grid mb-0"
                                                                   style="--tl-min-table-width: {{ 112 + ((int) $slotCount * 64) }}px;">
                                                            <colgroup>
                                                                <col style="width:112px;">
                                                                @for($column = 0; $column < $slotCount; $column++)
                                                                    <col>
                                                                @endfor
                                                            </colgroup>

                                            <thead class="table-light">

                                                <tr>

                                                    <th class="timetable-day-column">
                                                        Day / Time
                                                    </th>


                                                    @for($slot = 0; $slot < $slotCount; $slot++)

                                                        @php

                                                            $startMinutes =
                                                                $gridStart
                                                                +
                                                                ($slot * $slotMinutes);

                                                            $endMinutes =
                                                                $startMinutes
                                                                +
                                                                $slotMinutes;


                                                            $startHour =
                                                                floor($startMinutes / 60);

                                                            $startMinute =
                                                                $startMinutes % 60;


                                                            $endHour =
                                                                floor($endMinutes / 60);

                                                            $endMinute =
                                                                $endMinutes % 60;


                                                            $startLabel =
                                                                sprintf(
                                                                    '%02d:%02d',
                                                                    $startHour,
                                                                    $startMinute
                                                                );


                                                            $endLabel =
                                                                sprintf(
                                                                    '%02d:%02d',
                                                                    $endHour,
                                                                    $endMinute
                                                                );

                                                        @endphp


                                                        <th class="text-center timetable-time-header">

                                                            <div>
                                                                {{ $startLabel }}
                                                            </div>

                                                            <div class="small text-muted">
                                                                -
                                                            </div>

                                                            <div>
                                                                {{ $endLabel }}
                                                            </div>

                                                        </th>

                                                    @endfor

                                                </tr>

                                            </thead>


                                            <tbody>

                                                    @foreach($days as $day)
                                                        @include('load.partials.teaching_schedule_day', [
                                                            'day' => $day,
                                                            'gridRows' => $gridRows,
                                                            'timeToMinutes' => $timeToMinutes,
                                                            'gridStart' => $gridStart,
                                                            'gridEnd' => $gridEnd,
                                                            'slotCount' => $slotCount,
                                                        ])
                                                    @endforeach

                                                </tbody>


                                        </table>

                                    </div>

                                @endif


                            </div>


                        @endforeach


                    </div>


                @endforeach


            </div>

        </div>

        {{-- ===================================================== --}}
        {{-- ACTION --}}
        {{-- ===================================================== --}}

        <div class="card">

            <div class="card-body">


                <div class="d-flex justify-content-between align-items-center">


                    {{-- Back --}}

                    <a
                        href="{{ route(
                            'teachingload.form',
                            $teachingLoad->teaching_load_id
                        ) }}"
                        class="btn btn-green">

                        <i class="uil uil-arrow-left"></i>

                        Back to Edit

                    </a>


                    {{-- ===================================================== --}}
                    {{-- WORKFLOW ACTION --}}
                    {{-- ===================================================== --}}


                    @if($workflowSubmitMode == 'REVIEW')

                        <form
                            method="POST"
                            action="{{ route('teachingload.sendApprove.new', $teachingLoad->teaching_load_id) }}">

                            @csrf


                            <button
                                type="submit"
                                class="btn btn-success"
                                onclick="return confirm('Are you sure you want to send this Teaching Load to School Secretary for review?');">

                                <i class="uil uil-message"></i>

                                Send for Review

                            </button>

                        </form>


                    @elseif($workflowSubmitMode == 'APPROVE')

                        <form
                            method="POST"
                            action="{{ route('teachingload.sendApprove.new', $teachingLoad->teaching_load_id) }}">

                            @csrf


                            <button
                                type="submit"
                                class="btn btn-success"
                                onclick="return confirm('Are you sure you want to send this Teaching Load for approval?');">

                                <i class="uil uil-message"></i>

                                Send to Approve

                            </button>

                        </form>


                    @else

                        <button
                            type="button"
                            class="btn btn-secondary"
                            disabled>

                            <i class="uil uil-clock"></i>

                            Waiting for Workflow

                        </button>

                    @endif


                </div>

            </div>

        </div>


    </div>

</section>

@endsection