@extends('layouts.master')





@section('title', 'Teachingload')

@section('style')
    <style>

        /* =====================================================
        Teaching Load - Wide Layout
        ===================================================== */

        /* .teachingload-container {
            width: 100%;
            max-width: 1920px;
            margin: 0 auto;
            padding-left: 30px;
            padding-right: 30px;
        } */
        .teachingload-container {
            width: 96%;
            max-width: none;
            margin: 0 auto;
        }


        /* card หลัก */
        .teachingload-container > .col-lg-12 {
            width: 100%;
            max-width: 100%;
        }


        /* =====================================================
        Table
        ===================================================== */

        .teaching-load-table-wrapper {
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
        }


        .teaching-load-table {
            width: 100%;
            min-width: 1500px;
        }


        /* ช่องกรอกข้อมูลไม่ให้เล็กเกิน */
        .teaching-load-table .form-control,
        .teaching-load-table .form-select {
            min-width: 100px;
        }


        /* Course name ให้กว้างกว่าช่องอื่น */
        .teaching-load-table td:nth-child(3) .form-control {
            min-width: 220px;
        }


        /* Action ไม่ให้ปุ่มตกบรรทัด */
        .teaching-load-table td:last-child {
            white-space: nowrap;
            min-width: 120px;
        }


        /* =====================================================
        Responsive
        ===================================================== */

        @media (max-width: 1200px) {

            .teachingload-container {
                padding-left: 15px;
                padding-right: 15px;
            }

        }

    </style>
    <style>
        /* .section-title {
                color: #0d6efd;
                font-weight: 600;
                margin-bottom: 10px;
            } */

        .info-line {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .info-line .label {
            font-weight: 500;
            color: #333;
            margin-right: 5px;
        }

        .info-line .value {
            color: #0d6efd;
            /* 🔵 สีน้ำเงิน */
            font-weight: 600;
        }
    </style>
    <style>
        /* radio ปกติ */
        .form-check-input[type="radio"] {
            border: 2px solid #4b5563;
            width: 18px;
            height: 18px;
            cursor: pointer;
            box-shadow: none;
        }

        /* ตอน hover */
        .form-check-input[type="radio"]:hover {
            border-color: #1f2937;
        }

        /* ตอนเลือก */
        .form-check-input[type="radio"]:checked {
            background-color: #2563eb;
            border-color: #1d4ed8;
        }

        /* label */
        .form-check-label {
            color: #374151;
            font-weight: 500;
            cursor: pointer;
        }
    </style>

    <style>
        .arr-selected {

            background: #dbeafe !important;

            font-weight: 700;

            color: #0d6efd;

        }
    </style>

    <style>

        /* =========================================
        Teaching Load Table
        ========================================= */

        .teaching-load-table-wrapper {
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            border: 1px solid #dee2e6;
            border-radius: 6px;
        }


        .teaching-load-table {
            width: max-content !important;
            min-width: 1500px;
            margin-bottom: 0 !important;
        }


        .teaching-load-table th,
        .teaching-load-table td {
            white-space: nowrap;
            vertical-align: middle;
        }


        /* =========================================
        Input
        ========================================= */

        .teaching-load-table input.form-control {
            height: 38px;
            min-width: 100px;
        }


        /* Portions */

        .teaching-load-table input[name^="course_portions"] {
            width: 110px;
        }


        /* Section */

        .teaching-load-table input[name^="course_section"] {
            width: 90px;
        }


        /* Students */

        .teaching-load-table input[name^="course_student"] {
            width: 120px;
        }


        /* Weeks */

        .teaching-load-table input[name^="course_week"] {
            width: 110px;
        }


        /* Lecture */

        .teaching-load-table input[name^="course_lecture"] {
            width: 130px;
        }


        /* Credits */

        .teaching-load-table input[name^="course_credit"] {
            width: 150px;
        }


        /* Contact */

        .teaching-load-table input[name^="course_contact"] {
            width: 130px;
        }


        /* =========================================
        Course Code / Course Name
        ========================================= */

        .teaching-load-table th:nth-child(2),
        .teaching-load-table td:nth-child(2) {
            min-width: 130px;
        }


        .teaching-load-table th:nth-child(3),
        .teaching-load-table td:nth-child(3) {
            min-width: 280px;
        }


        /* =========================================
        Source
        ========================================= */

        .teaching-load-table th:nth-child(11),
        .teaching-load-table td:nth-child(11) {
            min-width: 120px;
            text-align: center;
        }


        /* =========================================
        Action
        ========================================= */

        .teaching-load-table th:nth-child(12),
        .teaching-load-table td:nth-child(12) {
            min-width: 90px;
            text-align: center;
        }


        /* =========================================
        Scrollbar
        ========================================= */

        .teaching-load-table-wrapper::-webkit-scrollbar {
            height: 10px;
        }

        .teaching-load-table-wrapper::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .teaching-load-table-wrapper::-webkit-scrollbar-thumb {
            background: #b5b5b5;
            border-radius: 5px;
        }

        .teaching-load-table-wrapper::-webkit-scrollbar-thumb:hover {
            background: #888;
        }





        /* =========================================================
        Timetable Grid
        ========================================================= */

        .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;
        }


        /* Day */

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


        /* Header เวลา */

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


        /* ช่องปกติ */

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


        /* Cell ที่มีวิชา */

        .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;
        }


        /* =========================================================
        Lunch
        ========================================================= */

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

            background: #ffe8e8 !important;

            color: #c0392b;

            vertical-align: middle !important;

            font-size: 12px;
        }

    </style>
@endsection

@section('script')
<script>

    // =========================================================
    // CREDIT FORMAT
    // รูปแบบที่ถูกต้อง เช่น 3(2-3-4)
    // =========================================================

    function normalizeTeachingCredit(value)
    {
        return (value || '')
            .replace(/\s+/g, '');
    }


    function parseTeachingCredit(value)
    {
        const credit =
            normalizeTeachingCredit(value);

        const match =
            credit.match(
                /^(\d+(?:\.\d+)?)\((\d+(?:\.\d+)?)-(\d+(?:\.\d+)?)-(\d+(?:\.\d+)?)\)$/
            );


        if (!match) {
            return null;
        }


        return {

            credit: credit,

            creditValue:
                parseFloat(match[1]),

            lecture:
                parseFloat(match[2]),

            lab:
                parseFloat(match[3]),

            other:
                parseFloat(match[4])

        };
    }


    function formatContactNumber(value)
    {
        if (Number.isInteger(value)) {
            return String(value);
        }

        return String(
            parseFloat(
                value.toFixed(4)
            )
        );
    }


    // =========================================================
    // CREDIT INPUT EVENT
    // =========================================================

    document.addEventListener(
        'input',
        function(event)
        {
            const input = event.target;


            if (
                !input.classList.contains(
                    'credit-format'
                )
            ) {
                return;
            }


            // -----------------------------------------
            // ตัดช่องว่างออกทันที
            // -----------------------------------------

            input.value =
                normalizeTeachingCredit(
                    input.value
                );


            const parsed =
                parseTeachingCredit(
                    input.value
                );


            // -----------------------------------------
            // ตรวจรูปแบบ
            // -----------------------------------------

            if (
                input.value !== ''
                &&
                !parsed
            ) {

                input.setCustomValidity(
                    'Credit must be in format 3(2-3-4)'
                );

            } else {

                input.setCustomValidity('');

            }


            // -----------------------------------------
            // ไม่ใช่ Course ไม่ต้องคำนวณ Contact
            // Senior / Supervision จะจบตรงนี้
            // -----------------------------------------

            if (
                !input.classList.contains(
                    'course-credit-auto'
                )
            ) {
                return;
            }


            const source =
                input.dataset.source
                || 'MANUAL';


            // AUTO ไม่ต้องคำนวณใหม่
            if (source !== 'MANUAL') {
                return;
            }


            const teachingType =
                input.dataset.teachingType;


            const row =
                input.closest('tr');


            if (!row) {
                return;
            }


            const lectureContactInput =
                row.querySelector(
                    '[name$="[course_contact]"]'
                );


            const labContactInput =
                row.querySelector(
                    '[name$="[course_lab_lect]"]'
                );


            const totalContactInput =
                row.querySelector(
                    '[name$="[course_contact_total]"]'
                );


            // -----------------------------------------
            // Credit ยังไม่ครบ
            // -----------------------------------------

            if (!parsed) {

                if (lectureContactInput) {
                    lectureContactInput.value = '';
                }

                if (labContactInput) {
                    labContactInput.value = '';
                }

                if (totalContactInput) {
                    totalContactInput.value = '';
                }

                return;
            }


            // =================================================
            // LECTURE
            //
            // 3(2-3-4)
            //
            // lecture = 2
            // Contact = 2 × 2 = 4
            // Total = 4
            // =================================================

            if (teachingType === 'Lecture') {

                const contact =
                    parsed.lecture * 2;


                if (lectureContactInput) {

                    lectureContactInput.value =
                        formatContactNumber(
                            contact
                        );

                }


                if (labContactInput) {
                    labContactInput.value = '';
                }


                if (totalContactInput) {

                    totalContactInput.value =
                        formatContactNumber(
                            contact
                        );

                }

            }


            // =================================================
            // LABORATORY
            //
            // 3(2-3-4)
            //
            // Lab = 3
            // Total = 3
            // =================================================

            else if (
                teachingType === 'Laboratory'
            ) {

                const contact =
                    parsed.lab;


                if (lectureContactInput) {
                    lectureContactInput.value = '';
                }


                if (labContactInput) {

                    labContactInput.value =
                        formatContactNumber(
                            contact
                        );

                }


                if (totalContactInput) {

                    totalContactInput.value =
                        formatContactNumber(
                            contact
                        );

                }

            }

        }
    );

</script>
<script>

function addCourseRow(semester)
{
    let tbody =
        document.querySelector(
            '#lecture-table-' + semester + ' tbody'
        );


    if (!tbody) {

        alert(
            'Lecture table not found.'
        );

        return;
    }


    const emptyRow =
        tbody.querySelector(
            '.lecture-empty-row'
        );


    if (emptyRow) {
        emptyRow.remove();
    }


    const index =
        Date.now()
        + '_'
        + Math.floor(
            Math.random() * 10000
        );


    let row =
        document.createElement('tr');


    row.innerHTML = `

        <td>

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

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_code]"
                placeholder="Course No."
                required>

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_name]"
                placeholder="Course Name"
                required>

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_level]"
                placeholder="Course Level"
                required>

        </td>


        <td>

            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_course[${semester}][${index}][course_portions]"
                value="100">

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_section]"
                placeholder="Section">

        </td>


        <td>

            <input
                type="number"
                class="form-control"
                name="manual_course[${semester}][${index}][course_student]"
                placeholder="0">

        </td>


        <td>

            <input
                type="number"
                class="form-control"
                name="manual_course[${semester}][${index}][course_week]"
                placeholder="0">

        </td>


        <td>

            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_course[${semester}][${index}][course_lecture]"
                placeholder="0">

        </td>


        <td>

            <input
                type="text"
                class="form-control credit-format course-credit-auto"
                data-teaching-type="Lecture"
                data-source="MANUAL"
                name="manual_course[${semester}][${index}][course_credit]"
                placeholder="3(2-3-4)"
                pattern="[0-9]+([.][0-9]+)?[(][0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?[)]"
                title="Credit must be in format 3(2-3-4)"
                required>

        </td>


        <td>

            <!-- Contact (Hr/Wk) for Lecture -->
            <input
                type="number"
                step="0.01"
                class="form-control manual-lecture-contact"
                name="manual_course[${semester}][${index}][course_contact]"
                placeholder="0"
                readonly>


            <!-- Total Contact เก็บหลังบ้าน -->
            <input
                type="hidden"
                class="manual-contact-total"
                name="manual_course[${semester}][${index}][course_contact_total]"
                value="">

        </td>


        <td class="text-center">

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

                MANUAL

            </span>


            <input
                type="hidden"
                name="manual_course[${semester}][${index}][course_teaching_type]"
                value="Lecture">

        </td>


        <td class="text-center">

            <button
                type="button"
                class="btn btn-circle btn-red btn-sm"
                onclick="this.closest('tr').remove()">

                <i class="uil uil-trash-alt"></i>

            </button>

        </td>

    `;


    tbody.appendChild(row);
}

</script>

<script>

function addLaboratoryRow(semester)
{
    const tbody =
        document.getElementById(
            'laboratory-body-' + semester
        );


    if (!tbody) {
        return;
    }


    const emptyRow =
        tbody.querySelector(
            '.laboratory-empty-row'
        );


    if (emptyRow) {
        emptyRow.remove();
    }


    const index =
        Date.now()
        + '_'
        + Math.floor(
            Math.random() * 10000
        );


    const row =
        document.createElement('tr');


    row.innerHTML = `

        <td>

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

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_code]"
                placeholder="Course No."
                required>

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_name]"
                placeholder="Course"
                required>

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_level]"
                placeholder="Course Level"
                required>

        </td>


        <td>

            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_course[${semester}][${index}][course_portions]"
                value="100">

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_section]"
                placeholder="Section">

        </td>


        <td>

            <input
                type="number"
                class="form-control"
                name="manual_course[${semester}][${index}][course_student]"
                placeholder="Students">

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_course[${semester}][${index}][course_lect_ta]"
                placeholder="Lecturers">

        </td>


        <td>

            <input
                type="text"
                class="form-control credit-format course-credit-auto"
                data-teaching-type="Laboratory"
                data-source="MANUAL"
                name="manual_course[${semester}][${index}][course_credit]"
                placeholder="3(2-3-4)"
                pattern="[0-9]+([.][0-9]+)?[(][0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?[)]"
                title="Credit must be in format 3(2-3-4)"
                required>

        </td>


        <td>

            <!-- Contact (Hr/Wk) for Lab -->
            <input
                type="number"
                step="0.01"
                class="form-control manual-lab-contact"
                name="manual_course[${semester}][${index}][course_lab_lect]"
                placeholder="0"
                readonly>


            <!-- Total Contact เก็บหลังบ้าน -->
            <input
                type="hidden"
                class="manual-contact-total"
                name="manual_course[${semester}][${index}][course_contact_total]"
                value="">

        </td>


        <td class="text-center">

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

                MANUAL

            </span>


            <input
                type="hidden"
                name="manual_course[${semester}][${index}][course_teaching_type]"
                value="Laboratory">

        </td>


        <td class="text-center">

            <button
                type="button"
                class="btn btn-circle btn-red btn-sm"
                onclick="this.closest('tr').remove()">

                <i class="uil uil-trash-alt"></i>

            </button>

        </td>

    `;


    tbody.appendChild(row);
}

</script>

<script>

    function editCourse(courseId)
    {
        const inputs = document.querySelectorAll(
            '.course-edit-' + courseId
        );

        inputs.forEach(function(input) {

            input.removeAttribute('readonly');
            input.classList.add('border-primary');

        });


        const editButton = document.getElementById(
            'edit-course-' + courseId
        );

        const saveButton = document.getElementById(
            'save-course-' + courseId
        );


        if (editButton) {
            editButton.classList.add('d-none');
        }

        if (saveButton) {
            saveButton.classList.remove('d-none');
        }
    }


    // =========================================================
    // SAVE COURSE / LABORATORY
    // =========================================================

    function saveCourse(courseId)
    {
        const form = document.createElement('form');

        form.method = 'POST';

        form.action =
            "{{ route('teachingload.course.update') }}";


        //=========================================
        // CSRF
        //=========================================

        appendHidden(
            form,
            '_token',
            "{{ csrf_token() }}"
        );


        //=========================================
        // Course ID
        //=========================================

        appendHidden(
            form,
            'course_id',
            courseId
        );


        //=========================================
        // Teaching Load ID
        // ตัวหลักใหม่
        //=========================================

        appendHidden(
            form,
            'teaching_load_id',
            "{{ $teachingLoad->teaching_load_id }}"
        );


        //=========================================
        // Administrative Position
        // อาจเป็นค่าว่างได้
        //=========================================

        appendHidden(
            form,
            'adcontract_value_id',
            "{{ $teachingLoad->adcontract_value_id ?? '' }}"
        );


        /*
        |--------------------------------------------------------------------------
        | Helper อ่านค่าจาก input
        |--------------------------------------------------------------------------
        */

        function addValue(name, id)
        {
            const input =
                document.getElementById(id);


            if (input) {

                appendHidden(
                    form,
                    name,
                    input.value
                );

            }
        }


        addValue(
            'course_code',
            'course-code-' + courseId
        );


        addValue(
            'course_name',
            'course-name-' + courseId
        );

        addValue(
            'course_level',
            'course-level-' + courseId
        );


        addValue(
            'course_portions',
            'course-portions-' + courseId
        );


        addValue(
            'course_section',
            'course-section-' + courseId
        );


        addValue(
            'course_student',
            'course-student-' + courseId
        );


        addValue(
            'course_week',
            'course-week-' + courseId
        );


        addValue(
            'course_lecture',
            'course-lecture-' + courseId
        );


        // No. of Lecturers
        addValue(
            'course_lect_ta',
            'course-lect-ta-' + courseId
        );


        // Contact for Lab
        addValue(
            'course_lab_lect',
            'course-lab-lect-' + courseId
        );


        // Credit
        addValue(
            'course_credit',
            'course-credit-' + courseId
        );


        // Contact for Lecture
        addValue(
            'course_contact',
            'course-contact-' + courseId
        );


        // Total Contact
        addValue(
            'course_contact_total',
            'course-contact-total-' + courseId
        );


        document.body.appendChild(form);

        form.submit();
    }


    // =========================================================
    // Helper
    // =========================================================

    function appendHidden(form, name, value)
    {
        const input =
            document.createElement('input');

        input.type = 'hidden';

        input.name = name;

        input.value = value ?? '';

        form.appendChild(input);
    }

</script>


<script>

    function deleteTeachingLoad(courseId)
    {
        if (!confirm(
            'Are you sure you want to delete this course?'
        )) {
            return;
        }


        const form = document.createElement('form');

        form.method = 'POST';

        form.action =
            "{{ route('teachingload.course.delete') }}";


        appendHidden(
            form,
            '_token',
            "{{ csrf_token() }}"
        );

        appendHidden(
            form,
            'course_id',
            courseId
        );

        appendHidden(
            form,
            'teaching_load_id',
            "{{ $teachingLoad->teaching_load_id }}"
        );

        document.body.appendChild(form);

        form.submit();
    }

</script>

<script>

//======================================================
// ADD SENIOR
//======================================================

function addSeniorRow(semester)
{
    const tbody =
        document.getElementById(
            'senior-body-' + semester
        );

    if (!tbody) {
        return;
    }


    const emptyRow =
        tbody.querySelector(
            '.senior-empty-row'
        );

    if (emptyRow) {
        emptyRow.remove();
    }


    const index =
        Date.now()
        + '_'
        + Math.floor(
            Math.random() * 10000
        );


    const row =
        document.createElement('tr');


    row.innerHTML = `

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

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_senior[${semester}][${index}][senior_course_code]"
                placeholder="Course No.">
        </td>

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_senior[${semester}][${index}][senior_course_name]"
                placeholder="Course">
        </td>

        <td>
            <input
                type="number"
                class="form-control"
                name="manual_senior[${semester}][${index}][senior_student_no]"
                placeholder="0">
        </td>

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_senior[${semester}][${index}][senior_credits]"
                placeholder="Credits">
        </td>

        <td>
            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_senior[${semester}][${index}][senior_contact]"
                placeholder="0">
        </td>

        <td class="text-center">

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

                MANUAL

            </span>

        </td>

        <td class="text-center">

            <button
                type="button"
                class="btn btn-circle btn-red btn-sm"
                onclick="this.closest('tr').remove()">

                <i class="uil uil-trash-alt"></i>

            </button>

        </td>

    `;


    tbody.appendChild(row);
}


//======================================================
// EDIT SENIOR
//======================================================

function editSenior(id)
{
    const inputs =
        document.querySelectorAll(
            '.senior-edit-' + id
        );


    inputs.forEach(function(input) {

        input.removeAttribute('readonly');

    });


    document
        .getElementById(
            'edit-senior-' + id
        )
        ?.classList.add('d-none');


    document
        .getElementById(
            'save-senior-' + id
        )
        ?.classList.remove('d-none');
}


//======================================================
// SAVE SENIOR ROW
//======================================================

function saveSenior(id)
{
    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.senior.store') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );

    appendHidden(
        form,
        'senior_id',
        id
    );

    appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );

    appendHidden(
        form,
        'adcontract_value_id',
        "{{ $teachingLoad->adcontract_value_id ?? '' }}"
    );


    function addSeniorValue(name, elementId)
    {
        const input =
            document.getElementById(
                elementId
            );

        if (input) {

            appendHidden(
                form,
                name,
                input.value
            );

        }
    }


    addSeniorValue(
        'senior_course_code',
        'senior-code-' + id
    );

    addSeniorValue(
        'senior_course_name',
        'senior-name-' + id
    );

    addSeniorValue(
        'senior_student_no',
        'senior-student-' + id
    );

    addSeniorValue(
        'senior_credits',
        'senior-credit-' + id
    );

    addSeniorValue(
        'senior_contact',
        'senior-contact-' + id
    );


    document.body.appendChild(form);

    form.submit();
}


//======================================================
// DELETE SENIOR
//======================================================

function deleteSenior(id)
{
    if (!confirm(
        'Are you sure you want to delete this Senior Project?'
    )) {
        return;
    }


    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.senior.delete') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );

    appendHidden(
        form,
        'senior_id',
        id
    );

     appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );


    document.body.appendChild(form);

    form.submit();
}


//======================================================
// ADD SUPERVISION
//======================================================

function addSupervisionRow(semester)
{
    const tbody =
        document.getElementById(
            'supervision-body-' + semester
        );

    if (!tbody) {
        return;
    }


    const emptyRow =
        tbody.querySelector(
            '.supervision-empty-row'
        );

    if (emptyRow) {
        emptyRow.remove();
    }


    const index =
        Date.now()
        + '_'
        + Math.floor(
            Math.random() * 10000
        );


    const row =
        document.createElement('tr');


    row.innerHTML = `

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

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_student_code]"
                placeholder="Student Code">
        </td>

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_title]"
                placeholder="Mr./Ms.">
        </td>

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_firstname]"
                placeholder="First Name">
        </td>

        <td>
            <input
                type="text"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_lastname]"
                placeholder="Last Name">
        </td>

        <td>

            <select
                class="form-select"
                name="manual_supervision[${semester}][${index}][supervision_level]">

                <option value="">
                    Select
                </option>

                <option value="Master">
                    Master
                </option>

                <option value="Doctoral">
                    Doctoral
                </option>

            </select>

        </td>

        <td>

            <input
                type="number"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_student_no]"
                placeholder="0">

        </td>

        <td>

            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_credits]"
                placeholder="0">

        </td>

        <td>

            <input
                type="number"
                step="0.01"
                class="form-control"
                name="manual_supervision[${semester}][${index}][supervision_contact]"
                placeholder="0">

        </td>

        <td class="text-center">

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

                MANUAL

            </span>

        </td>

        <td class="text-center">

            <button
                type="button"
                class="btn btn-circle btn-red btn-sm"
                onclick="this.closest('tr').remove()">

                <i class="uil uil-trash-alt"></i>

            </button>

        </td>

    `;


    tbody.appendChild(row);
}


//======================================================
// EDIT SUPERVISION
//======================================================

function editSupervision(id)
{
    const inputs =
        document.querySelectorAll(
            '.supervision-edit-' + id
        );


    inputs.forEach(function(input) {

        if (input.tagName === 'SELECT') {

            input.removeAttribute(
                'disabled'
            );

        } else {

            input.removeAttribute(
                'readonly'
            );

        }

    });


    document
        .getElementById(
            'edit-supervision-' + id
        )
        ?.classList.add('d-none');


    document
        .getElementById(
            'save-supervision-' + id
        )
        ?.classList.remove('d-none');
}


//======================================================
// SAVE SUPERVISION
//======================================================

function saveSupervision(id)
{
    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.supervision.store') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );

    appendHidden(
        form,
        'supervision_id',
        id
    );

    appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );

    appendHidden(
        form,
        'adcontract_value_id',
        "{{ $teachingLoad->adcontract_value_id ?? '' }}"
    );


    function addSupervisionValue(name, elementId)
    {
        const input =
            document.getElementById(
                elementId
            );

        if (input) {

            appendHidden(
                form,
                name,
                input.value
            );

        }
    }


    addSupervisionValue(
        'supervision_student_code',
        'supervision-code-' + id
    );

    addSupervisionValue(
        'supervision_title',
        'supervision-title-' + id
    );

    addSupervisionValue(
        'supervision_firstname',
        'supervision-firstname-' + id
    );

    addSupervisionValue(
        'supervision_lastname',
        'supervision-lastname-' + id
    );

    addSupervisionValue(
        'supervision_level',
        'supervision-level-' + id
    );

    addSupervisionValue(
        'supervision_student_no',
        'supervision-student-no-' + id
    );

    addSupervisionValue(
        'supervision_credits',
        'supervision-credit-' + id
    );

    addSupervisionValue(
        'supervision_contact',
        'supervision-contact-' + id
    );


    document.body.appendChild(form);

    form.submit();
}


//======================================================
// DELETE SUPERVISION
//======================================================

function deleteSupervision(id)
{
    if (!confirm(
        'Are you sure you want to delete this Supervision?'
    )) {
        return;
    }


    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.supervision.delete') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );

    appendHidden(
        form,
        'supervision_id',
        id
    );

    appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );

    document.body.appendChild(form);

    form.submit();
}

</script>


<script>

function addTimetableRow(semester)
{
    const tbody =
        document.getElementById(
            'timetable-body-' + semester
        );


    if (!tbody) {
        return;
    }


    const emptyRow =
        tbody.querySelector(
            '.timetable-empty-row'
        );


    if (emptyRow) {
        emptyRow.remove();
    }


    const index =
        Date.now()
        + '_'
        + Math.floor(
            Math.random() * 10000
        );


    const row =
        document.createElement('tr');


    row.innerHTML = `

        <td>

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

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_course_code]"
                placeholder="Course No.">

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_course_name]"
                placeholder="Course">

        </td>


        <td>

            <select
                class="form-select"
                name="manual_timetable[${semester}][${index}][timetable_teaching_type]">

                <option value="">
                    Select
                </option>

                <option value="Lecture">
                    Lecture
                </option>

                <option value="Laboratory">
                    Laboratory
                </option>

            </select>

        </td>


        <td>

            <select
                class="form-select"
                name="manual_timetable[${semester}][${index}][timetable_date]">

                <option value="">
                    Select
                </option>

                <option value="Monday">
                    Monday
                </option>

                <option value="Tuesday">
                    Tuesday
                </option>

                <option value="Wednesday">
                    Wednesday
                </option>

                <option value="Thursday">
                    Thursday
                </option>

                <option value="Friday">
                    Friday
                </option>

                <option value="Saturday">
                    Saturday
                </option>

                <option value="Sunday">
                    Sunday
                </option>

            </select>

        </td>


        <td>

            <input
                type="time"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_time_start]">

        </td>


        <td>

            <input
                type="time"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_time_end]">

        </td>


        <td>

            <input
                type="text"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_room]"
                placeholder="Room">

        </td>


        <td>

            <select
                class="form-select"
                name="manual_timetable[${semester}][${index}][timetable_activity]">

                <option value="Regular Teaching Schedule" selected>

                    Regular Teaching Schedule

                </option>

                <option value="Extra Teaching Schedule">

                    Extra Teaching Schedule

                </option>

            </select>

        </td>


        <td class="text-center">

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

                MANUAL

            </span>

        </td>


        <td class="text-center">

            <button
                type="button"
                class="btn btn-circle btn-red btn-sm"
                onclick="this.closest('tr').remove()">

                <i class="uil uil-trash-alt"></i>

            </button>

        </td>

    `;


    tbody.appendChild(row);
}

</script>
<script>

function editTimetable(id)
{
    const inputs =
        document.querySelectorAll(
            '.timetable-edit-' + id
        );


    inputs.forEach(function(input) {

        if (input.tagName === 'SELECT') {

            input.removeAttribute(
                'disabled'
            );

        } else {

            input.removeAttribute(
                'readonly'
            );

        }

        input.classList.add(
            'border-primary'
        );

    });


    document
        .getElementById(
            'edit-timetable-' + id
        )
        ?.classList.add('d-none');


    document
        .getElementById(
            'save-timetable-' + id
        )
        ?.classList.remove('d-none');
}

</script>
<script>

function saveTimetable(id)
{
    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.timetable.store') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );


    appendHidden(
        form,
        'timetable_id',
        id
    );


    appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );

    appendHidden(
        form,
        'adcontract_value_id',
        "{{ $teachingLoad->adcontract_value_id ?? '' }}"
    );

    appendHidden(
        form,
        'timetable_year',
        "{{ $teachingLoad->teaching_load_year }}"
    );


    function addTimetableValue(
        name,
        elementId
    ) {

        const input =
            document.getElementById(
                elementId
            );


        if (input) {

            appendHidden(
                form,
                name,
                input.value
            );

        }

    }


    addTimetableValue(
        'timetable_course_code',
        'timetable-code-' + id
    );


    addTimetableValue(
        'timetable_course_name',
        'timetable-name-' + id
    );


    addTimetableValue(
        'timetable_teaching_type',
        'timetable-type-' + id
    );


    addTimetableValue(
        'timetable_date',
        'timetable-day-' + id
    );


    addTimetableValue(
        'timetable_time_start',
        'timetable-start-' + id
    );


    addTimetableValue(
        'timetable_time_end',
        'timetable-end-' + id
    );


    addTimetableValue(
        'timetable_room',
        'timetable-room-' + id
    );


    addTimetableValue(
        'timetable_activity',
        'timetable-activity-' + id
    );


    const row =
        document
            .getElementById(
                'timetable-code-' + id
            )
            ?.closest('tr');


    if (row) {

        const semesterInput =
            row.closest(
                'table'
            )
            ?.id
            ?.replace(
                'timetable-table-',
                ''
            );


        appendHidden(
            form,
            'timetable_semester',
            semesterInput
        );

    }


    document.body.appendChild(form);

    form.submit();
}

</script>
<script>

function deleteTimetable(id)
{
    if (!confirm(
        'Are you sure you want to delete this timetable?'
    )) {
        return;
    }


    const form =
        document.createElement('form');

    form.method = 'POST';

    form.action =
        "{{ route('teachingload.timetable.delete') }}";


    appendHidden(
        form,
        '_token',
        "{{ csrf_token() }}"
    );


    appendHidden(
        form,
        'timetable_id',
        id
    );

    appendHidden(
        form,
        'teaching_load_id',
        "{{ $teachingLoad->teaching_load_id }}"
    );


    document.body.appendChild(form);

    form.submit();
}

</script>

@endsection

@section('content')

    @include('layouts.header')


    @include('layouts.title')

    <section class="wrapper bg-light">
        <div class="container-fluid teachingload-container py-15 py-md-17">
            <div class="col-md-12">

                <div class="mb-5">

                    <!-- <div class="d-flex justify-content-between mb-2">

                        <span class="text-primary fw-bold">
                            ● Teaching Load
                        </span>

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

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

                    </div> -->

                    <div class="progress" style="height:8px">

                        <div
                            class="progress-bar"
                            role="progressbar"
                            style="width:33%">
                        </div>

                    </div>

                </div>

                <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>
            <div class="card-body">
                            @if($adcontract_value)


                                <div class="card mb-4">

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

                                        <b>Workload Arrangement</b>

                                    </div>

                                    <div class="card-body">

                                        <h5 class="display-1 mb-3" style="font-size: 20px">A. Position</h5>

                                        <div class="row info-line">
                                            <div class="col-md-4">
                                                <span class="label">Administrative Position :</span>
                                                <span class="value">{{ $adcontract->admin_position_name }}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <span class="label">Sub Position :</span>
                                                <span class="value">{{ $adcontract->admin_position_sub_name }}</span>
                                            </div>

                                            <div class="col-md-12">
                                                <span class="label">Appointment No. :</span>
                                                <span class="value">{{ $adcontract->adcontract_no }}</span>
                                            </div>
                                        </div>
                                        <br>

                                        <h5 class="display-1 mb-3" style="font-size: 20px">B. Workload Arrangement for
                                            Administrative Position Type</h5>
                                        <div class="row info-line">
                                            <div class="col-md-4">
                                                <span class="label">Academic Year :</span>
                                                <span class="value">{{ $teachingLoad->teaching_load_year }}</span>
                                            </div>
                                            <div class="col-md-8">
                                                <span class="label">Semester :</span>
                                                <span class="value">{{ $teachingLoad->teaching_load_semester }}</span>
                                            </div>

                                            <div class="col-md-12">
                                                <span class="label">Administrative Position Type :</span>
                                                <span class="value">{{ $adcontract_value->adposition_type_name }}</span>
                                            </div>
                                        </div>

                                        <div class="card mt-4">

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

                                                <strong>

                                                    Workload Arrangement Table

                                                </strong>

                                            </div>

                                            <div class="card-body">

                                                <table class="table table-bordered">

                                                    <thead>

                                                        <tr>

                                                            <th width="5%">No.</th>

                                                            <th width="35%">
                                                                Workload Arrangement
                                                            </th>

                                                            <th width="15%">
                                                                Unit
                                                            </th>

                                                            @php
                                                                $selectedType = $adcontract_value->adcontract_value_type_id;
                                                            @endphp

                                                            @foreach($adposition_types as $item)

                                                                <!-- <th class="arr-col arr-{{ $item->adposition_type_id }}">
                                                                                {{ $item->adposition_type_name }}
                                                                            </th> -->
                                                                <th
                                                                    class="{{ $selectedType == $item->adposition_type_id ? 'arr-selected' : '' }}">
                                                                    {{ $item->adposition_type_name }}
                                                                </th>

                                                            @endforeach

                                                        </tr>

                                                    </thead>

                                                    <tbody>

                                                        @foreach($Wadpositions as $index => $w)

                                                            <tr>

                                                                <td>

                                                                    {{ $index + 1 }}

                                                                </td>

                                                                <td>

                                                                    {{ $w->Wadposition_title }}

                                                                </td>

                                                                <td>

                                                                    {{ $w->unit_name }}

                                                                </td>

                                                                @foreach($adposition_types as $item)

                                                                    @php

                                                                        $value = $wpositions
                                                                            ->where('wposition_name', $w->Wadposition_id)
                                                                            ->where('wposition_type_id', $item->adposition_type_id)
                                                                            ->first();

                                                                    @endphp

                                                                    <td
                                                                        class="{{ $selectedType == $item->adposition_type_id ? 'arr-selected' : '' }}">
                                                                        {{ $value->wposition_value ?? '-' }}
                                                                    </td>

                                                                @endforeach

                                                            </tr>

                                                        @endforeach

                                                    </tbody>

                                                </table>

                                            </div>

                                        </div>
                                        <br>
                                        <h5 class="display-1 mb-3" style="font-size: 20px">C. Period</h5>
                                        <div class="row info-line">
                                            <div class="col-md-6">
                                                <span class="label">Start Date :</span>
                                                <span class="value">{{ $adcontract->adcontract_start_date }}</span>
                                            </div>

                                            <div class="col-md-6">
                                                <span class="label">End Date :</span>
                                                <span class="value">{{ $adcontract->adcontract_end_date }}</span>
                                            </div>

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

                                                <span class="label">
                                                    Arrangement Status :
                                                </span>

                                                <span class="value">
                                                    {{ $adcontract_value->status ?? '-' }}
                                                </span>

                                            </div>
                                        </div>
                                        
                                        <br>

                                    </div>

                                </div>
                            @endif
                            <br>
                            <div class="card mb-4">
                                <div class="card-header bg-primary text-white">

                                    <b>Teachingload</b>

                                </div>
                               

                                


                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-12">

                                            @if($teachingLoad)

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

                                                    @csrf

                                                    <button type="submit"
                                                            class="btn btn-primary">

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

                                                        Update from Registration

                                                    </button>

                                                </form>

                                            @else

                                                <div class="alert alert-warning">

                                                    Teaching Load header has not been created yet.

                                                </div>

                                            @endif

                                           
                                             <br>
                                            
                                           <form method="POST" action="{{ route('teachingload.course.store') }}">

                                                @csrf

                                                {{-- ตัวหลักใหม่ --}}
                                                <input type="hidden"
                                                    name="teaching_load_id"
                                                    value="{{ $teachingLoad->teaching_load_id }}">

                                                <input type="hidden"
                                                    name="teaching_load_year"
                                                    value="{{ $teachingLoad->teaching_load_year }}">

                                                <input type="hidden"
                                                    name="teaching_load_semester"
                                                    value="{{ $teachingLoad->teaching_load_semester }}">

                                                {{-- เก็บไว้ช่วง transition --}}
                                                <input type="hidden"
                                                    name="adcontract_value_id"
                                                    value="{{ $teachingLoad->adcontract_value_id ?? '' }}">
                                                @php
                                                    $roman = [
                                                        1 => 'I',
                                                        2 => 'II',
                                                        3 => 'III'
                                                    ];
                                                @endphp
                                                {{-- Section Title --}}
                                                <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">

                                                        <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">
                                                            12 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">
                                                            12 Credits, 24 Hours/Week
                                                        </div>

                                                    </div>
                                                   
                                                    {{-- ===================== --}}
                                                    {{-- Lecture --}}
                                                    {{-- ===================== --}}

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

                                                        
                                                        @php

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

                                                            $lectureContact = $rows->sum(function ($r){
                                                                return (int)$r->course_contact;
                                                            });

                                                        @endphp

                                                        @php
                                                            $isEditableSemester =
                                                                (string) $semester
                                                                ===
                                                                (string) $teachingLoad->teaching_load_semester;
                                                        @endphp

                                                        <div class="mb-5">

                                                            <h5 class="text-muted mb-3">
                                                                Academic Year {{ $teachingLoad->teaching_load_year }}
                                                                - Semester {{ $semester }}
                                                            </h5>

                                                            <!-- <div class="teaching-load-table-wrapper"> -->
                                                            <div class="table-wrapper">

                                                                <div class="d-flex justify-content-end mb-3">

                                                                    @if($isEditableSemester)

                                                                        <button
                                                                            type="button"
                                                                            class="btn btn-primary"
                                                                            onclick="addCourseRow({{ $semester }})">

                                                                            <i class="fa fa-plus me-1"></i>
                                                                            Add Lecture

                                                                        </button>

                                                                    @else

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

                                                                            View Only

                                                                        </span>

                                                                    @endif

                                                                </div>
                                                                <div class="teaching-load-table-wrapper">
                                                                    <table id="lecture-table-{{ $semester }}"
                                                                        class="table table-bordered align-middle mb-0 teaching-load-table">

                                                                        <thead class="table-light">

                                                                            <tr>

                                                                                <th width="60">
                                                                                    No.
                                                                                </th>

                                                                                <th>
                                                                                    Course No.
                                                                                </th>

                                                                                <th>
                                                                                    Course
                                                                                </th>

                                                                                <th width="120">
                                                                                    Course Level
                                                                                </th>

                                                                                <th width="110">
                                                                                    Portions (%)
                                                                                </th>

                                                                                <th width="90">
                                                                                    Sec.No.
                                                                                </th>

                                                                                <th width="110">
                                                                                    No. of Students
                                                                                </th>

                                                                                <th width="100">
                                                                                    No. of Weeks
                                                                                </th>

                                                                                <th width="120">
                                                                                    Lecture (Hr/Wk)
                                                                                </th>

                                                                                <th width="150">
                                                                                    Credits (Lect.-Pr)
                                                                                </th>

                                                                                <th width="160">
                                                                                    Contact (Hr/Wk) for Lecture
                                                                                </th>

                                                                                <th width="180">
                                                                                    Source
                                                                                </th>

                                                                                <th width="100">
                                                                                    Action
                                                                                </th>

                                                                            </tr>

                                                                        </thead>

                                                                        <tbody>

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

                                                                                <tr>

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

                                                                                    {{-- Course No. --}}
                                                                                    <td>
                                                                                        <input type="text"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-code-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_code]"
                                                                                            value="{{ $row->course_code }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Course --}}
                                                                                    <td>
                                                                                        <input type="text"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-name-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_name]"
                                                                                            value="{{ $row->course_name }}"
                                                                                            readonly>
                                                                                    </td>
                                                                                    {{-- Course Level --}}
                                                                                    <td>

                                                                                        <input
                                                                                            type="text"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-level-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_level]"
                                                                                            value="{{ $row->course_level }}"
                                                                                            required
                                                                                            readonly>

                                                                                    </td>

                                                                                    {{-- Portions --}}
                                                                                    <td>
                                                                                        <input type="number"
                                                                                            step="0.01"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-portions-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_portions]"
                                                                                            value="{{ $row->course_portions }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Section --}}
                                                                                    <td>
                                                                                        <input type="text"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-section-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_section]"
                                                                                            value="{{ $row->course_section }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Students --}}
                                                                                    <td>
                                                                                        <input type="number"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-student-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_student]"
                                                                                            value="{{ $row->course_student }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Weeks --}}
                                                                                    <td>
                                                                                        <input type="number"
                                                                                            step="0.01"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-week-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_week]"
                                                                                            value="{{ $row->course_week }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Lecture --}}
                                                                                    <td>
                                                                                        <input type="number"
                                                                                            step="0.01"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-lecture-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_lecture]"
                                                                                            value="{{ $row->course_lecture }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Credit --}}
                                                                                    <td>

                                                                                        <input
                                                                                            type="text"
                                                                                            class="form-control course-edit-{{ $row->course_id }} credit-format course-credit-auto"
                                                                                            data-teaching-type="Lecture"
                                                                                            data-source="{{ $row->source ?? 'AUTO' }}"
                                                                                            id="course-credit-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_credit]"
                                                                                            value="{{ $row->course_credit }}"
                                                                                            placeholder="3(2-3-4)"
                                                                                            pattern="[0-9]+([.][0-9]+)?[(][0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?[)]"
                                                                                            title="Credit must be in format 3(2-3-4)"
                                                                                            required
                                                                                            readonly>

                                                                                    </td>

                                                                                    {{-- Contact (Hr/Wk) for Lecture --}}
                                                                                    <td>

                                                                                        <input
                                                                                            type="number"
                                                                                            step="0.01"
                                                                                            class="form-control course-edit-{{ $row->course_id }}"
                                                                                            id="course-contact-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_contact]"
                                                                                            value="{{ $row->course_contact }}"
                                                                                            readonly>


                                                                                        {{-- Total Contact เก็บหลังบ้าน --}}
                                                                                        <input
                                                                                            type="hidden"
                                                                                            id="course-contact-total-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_contact_total]"
                                                                                            value="{{ $row->course_contact_total }}">

                                                                                    </td>
                                                                                    

                                                                                    {{-- Source --}}
                                                                                    <td class="text-center">

                                                                                        @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>

                                                                                    {{-- Action --}}
                                                                                    <td class="text-center">

                                                                                        @if($isEditableSemester)

                                                                                            <button
                                                                                                type="button"
                                                                                                class="btn btn-circle btn-blue btn-sm"
                                                                                                id="edit-course-{{ $row->course_id }}"
                                                                                                onclick="editCourse({{ $row->course_id }})">

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

                                                                                            </button>

                                                                                            <button
                                                                                                type="button"
                                                                                                class="btn btn-circle btn-green btn-sm d-none"
                                                                                                id="save-course-{{ $row->course_id }}"
                                                                                                onclick="saveCourse({{ $row->course_id }})">

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

                                                                                            </button>

                                                                                            <button
                                                                                                type="button"
                                                                                                class="btn btn-circle btn-red btn-sm"
                                                                                                onclick="deleteTeachingLoad({{ $row->course_id }})">

                                                                                                <i class="uil uil-trash-alt"></i>

                                                                                            </button>

                                                                                        @else

                                                                                            <span class="text-muted small">
                                                                                                View Only
                                                                                            </span>

                                                                                        @endif

                                                                                    </td>

                                                                                </tr>

                                                                            @empty

                                                                                <tr class="lecture-empty-row">

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

                                                                                        No lecture courses found for Semester {{ $semester }}

                                                                                    </td>

                                                                                </tr>

                                                                            @endforelse

                                                                        </tbody>

                                                                    </table>
                                                                </div>

                                                            </div>

                                                            {{-- Remaining --}}
                                                            <div class="d-flex align-items-center mt-4">

                                                                <span class="fw-semibold me-3">
                                                                    Remaining Semester {{ $semester }}
                                                                </span>

                                                                <span>=</span>

                                                                <div class="badge bg-pale-ash text-dark px-4 py-2 fs-15 ms-3">
                                                                    4 Credits/Week
                                                                </div>

                                                            </div>

                                                           
                                                        </div>
                                                        <br>
                                                    @endforeach



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

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

                                                        <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">
                                                            7 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">
                                                            7 Credits, 24 Hours/Week
                                                        </div>

                                                    </div>

                                                </div>
                                                
                                                
                                                {{-- ========================================================= --}}
                                                {{-- LABORATORY --}}
                                                {{-- ========================================================= --}}

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

                                                    @php

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


                                                        /*
                                                        |--------------------------------------------------------------------------
                                                        | Total a + b
                                                        |--------------------------------------------------------------------------
                                                        |
                                                        | รวม course_contact_total ของ Laboratory
                                                        | ใน Semester นี้
                                                        |
                                                        */

                                                        $labContactTotal =
                                                            $rows->sum(function ($row) {

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

                                                            });


                                                        $isEditableSemester =
                                                            (string) $semester
                                                            ===
                                                            (string) $teachingLoad->teaching_load_semester;

                                                    @endphp

                                                    <div class="mb-5">

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

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

                                                                Academic Year
                                                                {{ $teachingLoad->teaching_load_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>

                                                            @if($isEditableSemester)

                                                                <button
                                                                    type="button"
                                                                    class="btn btn-primary"
                                                                    onclick="addLaboratoryRow({{ $semester }})">

                                                                    <i class="fa fa-plus me-1"></i>
                                                                    Add Laboratory

                                                                </button>

                                                            @else

                                                                <span class="badge bg-soft-secondary text-muted">
                                                                    View Only
                                                                </span>

                                                            @endif
                                                            

                                                        </div>


                                                        <div class="teaching-load-table-wrapper">

                                                            <table
                                                                id="laboratory-table-{{ $semester }}"
                                                                 class="table table-bordered align-middle mb-0 teaching-load-table">

                                                                <thead class="table-light">

                                                                    <tr>

                                                                        <th width="60">
                                                                            No.
                                                                        </th>

                                                                        <th width="180">
                                                                            Course No.
                                                                        </th>

                                                                        <th width="250">
                                                                            Course
                                                                        </th>

                                                                        <th width="120">
                                                                            Course Level
                                                                        </th>

                                                                        <th width="120">
                                                                            Portions (%)
                                                                        </th>

                                                                        <th width="100">
                                                                            Sec.No.
                                                                        </th>

                                                                        <th width="130">
                                                                            No. of Students
                                                                        </th>

                                                                        <th width="130">
                                                                            No. of Lecturers
                                                                        </th>

                                                                        <th width="150">
                                                                            Credits (Lect.-Pr)
                                                                        </th>

                                                                        <th width="170">
                                                                            Contact (Hr/Wk) for Lab
                                                                        </th>

                                                                        <th width="120">
                                                                            Source
                                                                        </th>

                                                                        <th width="100">
                                                                            Action
                                                                        </th>

                                                                    </tr>

                                                                </thead>


                                                                <tbody id="laboratory-body-{{ $semester }}">

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

                                                                        <tr>

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

                                                                            {{-- Course No. --}}
                                                                            <td>
                                                                                <input type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-code-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_code]"
                                                                                    value="{{ $row->course_code }}"
                                                                                    readonly>
                                                                            </td>

                                                                            {{-- Course --}}
                                                                            <td>
                                                                                <input type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-name-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_name]"
                                                                                    value="{{ $row->course_name }}"
                                                                                    readonly>
                                                                            </td>
                                                                            {{-- Course Level --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-level-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_level]"
                                                                                    value="{{ $row->course_level }}"
                                                                                    required
                                                                                    readonly>

                                                                            </td>

                                                                            {{-- Portions --}}
                                                                            <td>
                                                                                <input type="number"
                                                                                    step="0.01"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-portions-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_portions]"
                                                                                    value="{{ $row->course_portions }}"
                                                                                    readonly>
                                                                            </td>

                                                                            {{-- Section --}}
                                                                            <td>
                                                                                <input type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-section-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_section]"
                                                                                    value="{{ $row->course_section }}"
                                                                                    readonly>
                                                                            </td>

                                                                            {{-- Students --}}
                                                                            <td>
                                                                                <input type="number"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-student-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_student]"
                                                                                    value="{{ $row->course_student }}"
                                                                                    readonly>
                                                                            </td>

                                                                            {{-- No. of Lecturers --}}
                                                                            <td>
                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-lect-ta-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_lect_ta]"
                                                                                    value="{{ $row->course_lect_ta }}"
                                                                                    readonly>
                                                                            </td>


                                                                            {{-- Credit --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control course-edit-{{ $row->course_id }} credit-format course-credit-auto"
                                                                                    data-teaching-type="Laboratory"
                                                                                    data-source="{{ $row->source ?? 'AUTO' }}"
                                                                                    id="course-credit-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_credit]"
                                                                                    value="{{ $row->course_credit }}"
                                                                                    placeholder="3(2-3-4)"
                                                                                    pattern="[0-9]+([.][0-9]+)?[(][0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?-[0-9]+([.][0-9]+)?[)]"
                                                                                    title="Credit must be in format 3(2-3-4)"
                                                                                    required
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Contact (Hr/Wk) for Lab --}}
                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    step="0.01"
                                                                                    class="form-control course-edit-{{ $row->course_id }}"
                                                                                    id="course-lab-lect-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_lab_lect]"
                                                                                    value="{{ $row->course_lab_lect }}"
                                                                                    readonly>


                                                                                {{-- Total Contact เก็บหลังบ้าน --}}
                                                                                <input
                                                                                    type="hidden"
                                                                                    id="course-contact-total-{{ $row->course_id }}"
                                                                                    name="course[{{ $row->course_id }}][course_contact_total]"
                                                                                    value="{{ $row->course_contact_total }}">

                                                                            </td>
                                                                            {{-- Source --}}
                                                                            <td class="text-center">

                                                                                @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>


                                                                            

                                                                            {{-- Action --}}
                                                                            <td class="text-center">

                                                                                @if($isEditableSemester)

                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-blue btn-sm"
                                                                                        id="edit-course-{{ $row->course_id }}"
                                                                                        onclick="editCourse({{ $row->course_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-green btn-sm d-none"
                                                                                        id="save-course-{{ $row->course_id }}"
                                                                                        onclick="saveCourse({{ $row->course_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-red btn-sm"
                                                                                        onclick="deleteTeachingLoad({{ $row->course_id }})">

                                                                                        <i class="uil uil-trash-alt"></i>

                                                                                    </button>

                                                                                @else

                                                                                    <span class="text-muted small">
                                                                                        View Only
                                                                                    </span>

                                                                                @endif

                                                                            </td>

                                                                        </tr>

                                                                    @empty

                                                                        <tr class="laboratory-empty-row">

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

                                                                                No laboratory courses found for Semester {{ $semester }}

                                                                            </td>

                                                                        </tr>

                                                                    @endforelse

                                                                </tbody>


                                                                <tfoot>

                                                                    <tr>

                                                                        {{-- No. ถึง No. of Lecturers --}}
                                                                        <td colspan="7"></td>


                                                                        {{-- ใต้คอลัมน์ Credits --}}
                                                                        <td class="fw-bold bg-light text-end">

                                                                            Total a + b

                                                                        </td>


                                                                        {{-- ใต้คอลัมน์ Contact (Hr/Wk) for Lab --}}
                                                                        <td class="fw-bold bg-light text-center">

                                                                            <span class="badge bg-soft-primary text-primary px-4 py-2 fs-15">

                                                                                {{ $labContactTotal }}

                                                                            </span>

                                                                        </td>


                                                                        {{-- Source + Action --}}
                                                                        <td colspan="2"></td>

                                                                    </tr>

                                                                </tfoot>


                                                            </table>

                                                        </div>

                                                    </div>

                                                @endforeach





                                                <hr>

                                                {{-- ========================================================= --}}
                                                {{-- 2a. SENIOR PROJECT --}}
                                                {{-- ========================================================= --}}
                                                {{-- Section Title --}}
                                                <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">
                                                            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 = $senior[$semester] ?? collect();

                                                        $seniorContactTotal =
                                                            $rows->sum(function ($r) {
                                                                return (float) ($r->senior_contact ?? 0);
                                                            });

                                                        $isEditableSemester =
                                                            (string) $semester
                                                            ===
                                                            (string) $teachingLoad->teaching_load_semester;

                                                    @endphp


                                                    <div class="mb-5">

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

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

                                                                Academic Year
                                                                {{ $teachingLoad->teaching_load_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>


                                                            @if($isEditableSemester)

                                                                <button
                                                                    type="button"
                                                                    class="btn btn-primary"
                                                                    onclick="addSeniorRow({{ $semester }})">

                                                                    <i class="fa fa-plus me-1"></i>
                                                                    Add Senior Project

                                                                </button>

                                                            @else

                                                                <span class="badge bg-soft-secondary text-muted">
                                                                    View Only
                                                                </span>

                                                            @endif

                                                        </div>


                                                        <div class="teaching-load-table-wrapper">

                                                            <table
                                                                id="senior-table-{{ $semester }}"
                                                                class="table table-bordered align-middle mb-0 teaching-load-table">

                                                                <thead class="table-light">

                                                                    <tr>

                                                                        <th width="60">
                                                                            No.
                                                                        </th>

                                                                        <th width="150">
                                                                            Course No.
                                                                        </th>

                                                                        <th width="300">
                                                                            Course
                                                                        </th>

                                                                        <th width="150">
                                                                            No. of Students
                                                                        </th>

                                                                        <th width="180">
                                                                            Credits
                                                                        </th>

                                                                        <th width="150">
                                                                            Contact (Hr/Wk)
                                                                        </th>

                                                                        <th width="120">
                                                                            Source
                                                                        </th>

                                                                        <th width="120">
                                                                            Action
                                                                        </th>

                                                                    </tr>

                                                                </thead>


                                                                <tbody id="senior-body-{{ $semester }}">

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

                                                                        <tr>

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


                                                                            {{-- Course No. --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control senior-edit-{{ $row->senior_id }}"
                                                                                    id="senior-code-{{ $row->senior_id }}"
                                                                                    name="senior[{{ $row->senior_id }}][senior_course_code]"
                                                                                    value="{{ $row->senior_course_code }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Course --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control senior-edit-{{ $row->senior_id }}"
                                                                                    id="senior-name-{{ $row->senior_id }}"
                                                                                    name="senior[{{ $row->senior_id }}][senior_course_name]"
                                                                                    value="{{ $row->senior_course_name }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Student --}}
                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    class="form-control senior-edit-{{ $row->senior_id }}"
                                                                                    id="senior-student-{{ $row->senior_id }}"
                                                                                    name="senior[{{ $row->senior_id }}][senior_student_no]"
                                                                                    value="{{ $row->senior_student_no }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Credit --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control senior-edit-{{ $row->senior_id }}"
                                                                                    id="senior-credit-{{ $row->senior_id }}"
                                                                                    name="senior[{{ $row->senior_id }}][senior_credits]"
                                                                                    value="{{ $row->senior_credits }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Contact --}}
                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    step="0.01"
                                                                                    class="form-control senior-edit-{{ $row->senior_id }}"
                                                                                    id="senior-contact-{{ $row->senior_id }}"
                                                                                    name="senior[{{ $row->senior_id }}][senior_contact]"
                                                                                    value="{{ $row->senior_contact }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Source --}}
                                                                            <td class="text-center">

                                                                                @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>


                                                                            {{-- Action --}}
                                                                            <td class="text-center">
                                                                                @if($isEditableSemester)
                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-blue btn-sm"
                                                                                        id="edit-senior-{{ $row->senior_id }}"
                                                                                        onclick="editSenior({{ $row->senior_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-green btn-sm d-none"
                                                                                        id="save-senior-{{ $row->senior_id }}"
                                                                                        onclick="saveSenior({{ $row->senior_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-red btn-sm"
                                                                                        onclick="deleteSenior({{ $row->senior_id }})">

                                                                                        <i class="uil uil-trash-alt"></i>

                                                                                    </button>
                                                                                @else

                                                                                    <span class="text-muted small">
                                                                                        View Only
                                                                                    </span>

                                                                                @endif

                                                                            </td>

                                                                        </tr>

                                                                    @empty

                                                                        <tr class="senior-empty-row">

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

                                                                                No Senior Project found for Semester
                                                                                {{ $semester }}

                                                                            </td>

                                                                        </tr>

                                                                    @endforelse

                                                                </tbody>


                                                                <tfoot>

                                                                    <tr>

                                                                        <td colspan="5"></td>

                                                                        <td class="fw-bold bg-light">
                                                                            Total Contact
                                                                        </td>

                                                                        <td colspan="2">

                                                                            <span
                                                                                class="badge bg-soft-ash text-dark px-4 py-2 fs-15">

                                                                                {{ $seniorContactTotal }}

                                                                            </span>

                                                                        </td>

                                                                    </tr>

                                                                </tfoot>

                                                            </table>

                                                        </div>

                                                    </div>

                                                @endforeach


                                                <br>

                                                {{-- ========================================================= --}}
                                                {{-- 2b. MASTER / DOCTORAL SUPERVISION --}}
                                                {{-- ========================================================= --}}
                                                {{-- Section Title --}}
                                                <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();

                                                        $isEditableSemester =
                                                            (string) $semester
                                                            ===
                                                            (string) $teachingLoad->teaching_load_semester;

                                                    @endphp


                                                    <div class="mb-5">

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

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

                                                                Academic Year
                                                                {{ $teachingLoad->teaching_load_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>


                                                            @if($isEditableSemester)

                                                                <button
                                                                    type="button"
                                                                    class="btn btn-primary"
                                                                    onclick="addSupervisionRow({{ $semester }})">

                                                                    Add Supervision

                                                                </button>

                                                            @else

                                                                <span class="badge bg-soft-secondary text-muted">
                                                                    View Only
                                                                </span>

                                                            @endif

                                                        </div>


                                                        <div class="teaching-load-table-wrapper">

                                                            <table
                                                                id="supervision-table-{{ $semester }}"
                                                                class="table table-bordered align-middle mb-0 teaching-load-table"
                                                                style="min-width:1900px;">

                                                                <thead class="table-light">

                                                                    <tr>

                                                                        <th width="60">No.</th>

                                                                        <th width="160">
                                                                            Student Code
                                                                        </th>

                                                                        <th width="120">
                                                                            Title
                                                                        </th>

                                                                        <th width="180">
                                                                            First Name
                                                                        </th>

                                                                        <th width="180">
                                                                            Last Name
                                                                        </th>

                                                                        <th width="150">
                                                                            Level
                                                                        </th>

                                                                        <th width="150">
                                                                            No. of Students
                                                                        </th>

                                                                        <th width="120">
                                                                            Credits
                                                                        </th>

                                                                        <th width="150">
                                                                            Contact (Hr/Wk)
                                                                        </th>

                                                                        <th width="120">
                                                                            Source
                                                                        </th>

                                                                        <th width="120">
                                                                            Action
                                                                        </th>

                                                                    </tr>

                                                                </thead>


                                                                <tbody id="supervision-body-{{ $semester }}">

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

                                                                        <tr>

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


                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-code-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_student_code]"
                                                                                    value="{{ $row->supervision_student_code }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-title-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_title]"
                                                                                    value="{{ $row->supervision_title }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-firstname-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_firstname]"
                                                                                    value="{{ $row->supervision_firstname }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-lastname-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_lastname]"
                                                                                    value="{{ $row->supervision_lastname }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <select
                                                                                    class="form-select supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-level-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_level]"
                                                                                    disabled>

                                                                                    <option value="">
                                                                                        Select
                                                                                    </option>

                                                                                    <option
                                                                                        value="Master"
                                                                                        {{ $row->supervision_level == 'Master' ? 'selected' : '' }}>

                                                                                        Master

                                                                                    </option>

                                                                                    <option
                                                                                        value="Doctoral"
                                                                                        {{ $row->supervision_level == 'Doctoral' ? 'selected' : '' }}>

                                                                                        Doctoral

                                                                                    </option>

                                                                                </select>

                                                                                {{-- disabled ไม่ submit ดังนั้นมี hidden --}}
                                                                                <input
                                                                                    type="hidden"
                                                                                    id="supervision-level-hidden-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_level]"
                                                                                    value="{{ $row->supervision_level }}">

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-student-no-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_student_no]"
                                                                                    value="{{ $row->supervision_student_no }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    step="0.01"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-credit-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_credits]"
                                                                                    value="{{ $row->supervision_credits }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td>

                                                                                <input
                                                                                    type="number"
                                                                                    step="0.01"
                                                                                    class="form-control supervision-edit-{{ $row->supervision_id }}"
                                                                                    id="supervision-contact-{{ $row->supervision_id }}"
                                                                                    name="supervision[{{ $row->supervision_id }}][supervision_contact]"
                                                                                    value="{{ $row->supervision_contact }}"
                                                                                    readonly>

                                                                            </td>


                                                                            <td class="text-center">

                                                                                @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>


                                                                            <td class="text-center">
                                                                                @if($isEditableSemester)
                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-blue btn-sm"
                                                                                        id="edit-supervision-{{ $row->supervision_id }}"
                                                                                        onclick="editSupervision({{ $row->supervision_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-green btn-sm d-none"
                                                                                        id="save-supervision-{{ $row->supervision_id }}"
                                                                                        onclick="saveSupervision({{ $row->supervision_id }})">

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

                                                                                    </button>


                                                                                    <button
                                                                                        type="button"
                                                                                        class="btn btn-circle btn-red btn-sm"
                                                                                        onclick="deleteSupervision({{ $row->supervision_id }})">

                                                                                        <i class="uil uil-trash-alt"></i>

                                                                                    </button>
                                                                                @else

                                                                                    <span class="text-muted small">
                                                                                        View Only
                                                                                    </span>

                                                                                @endif

                                                                            </td>

                                                                        </tr>

                                                                    @empty

                                                                        <tr class="supervision-empty-row">

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

                                                                                No supervision data found for Semester
                                                                                {{ $semester }}

                                                                            </td>

                                                                        </tr>

                                                                    @endforelse

                                                                </tbody>

                                                            </table>

                                                        </div>

                                                    </div>

                                                @endforeach



                                                

                                                {{-- ========================================================= --}}
                                                {{-- 3. Internal Committees --}}
                                                {{-- ========================================================= --}}

                                                <hr>

                                                <div class="mb-4">

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

                                                </div>


                                                <div class="mb-5">

                                                    <div class="table-wrapper">

                                                        <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>


                                                <hr>
                                                {{-- ========================================================= --}}
                                                {{-- 4. TIMETABLE --}}
                                                {{-- ========================================================= --}}

                                                

                                                <div class="mb-4">

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

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

                                                </div>


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

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

                                                        // $isEditableSemester =
                                                        //     (string) $semester
                                                        //     ===
                                                        //     (string) $teachingLoad->teaching_load_semester;

                                                        
                                                    @endphp
                                                    @php

                                                        $rows = ($timetable[$semester] ?? collect())
                                                            ->sortBy(function ($row) {
                                                                return (int) $row->timetable_id;
                                                            })
                                                            ->values();

                                                        $isEditableSemester =
                                                            (string) $semester
                                                            ===
                                                            (string) $teachingLoad->teaching_load_semester;

                                                    @endphp


                                                    <div class="mb-5">

                                                        {{-- Header --}}
                                                        <div class="d-flex justify-content-between align-items-center mb-3">

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

                                                                Academic Year
                                                                {{ $teachingLoad->teaching_load_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>

                                                            @if($isEditableSemester)
                                                                <button
                                                                    type="button"
                                                                    class="btn btn-primary"
                                                                    onclick="addTimetableRow({{ $semester }})">

                                                                    <i class="fa fa-plus me-1"></i>

                                                                    Add Timetable

                                                                </button>
                                                            @endif

                                                        </div>


                                                        <div class="teaching-load-table-wrapper">

                                                            <table
                                                                id="timetable-table-{{ $semester }}"
                                                                class="table table-bordered align-middle mb-0 teaching-load-table"
                                                                style="min-width:1800px;">

                                                                <thead class="table-light">

                                                                    <tr>

                                                                        <th width="60">
                                                                            No.
                                                                        </th>

                                                                        <th width="140">
                                                                            Course No.
                                                                        </th>

                                                                        <th width="280">
                                                                            Course
                                                                        </th>

                                                                        <th width="160">
                                                                            Teaching Type
                                                                        </th>

                                                                        <th width="140">
                                                                            Day
                                                                        </th>

                                                                        <th width="130">
                                                                            Start Time
                                                                        </th>

                                                                        <th width="130">
                                                                            End Time
                                                                        </th>

                                                                        <th width="150">
                                                                            Room
                                                                        </th>

                                                                        <th width="240">
                                                                            Activity
                                                                        </th>

                                                                        <th width="120">
                                                                            Source
                                                                        </th>

                                                                        <th width="120">
                                                                            Action
                                                                        </th>

                                                                    </tr>

                                                                </thead>


                                                                <tbody id="timetable-body-{{ $semester }}">

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

                                                                        <tr>

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


                                                                            {{-- Course No --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-code-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_course_code]"
                                                                                    value="{{ $row->timetable_course_code }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Course --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-name-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_course_name]"
                                                                                    value="{{ $row->timetable_course_name }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Teaching Type --}}
                                                                            <td>

                                                                                <select
                                                                                    class="form-select timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-type-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_teaching_type]"
                                                                                    disabled>

                                                                                    <option value="">
                                                                                        Select
                                                                                    </option>

                                                                                    <option
                                                                                        value="Lecture"
                                                                                        {{ $row->timetable_teaching_type == 'Lecture' ? 'selected' : '' }}>
                                                                                        Lecture
                                                                                    </option>

                                                                                    <option
                                                                                        value="Laboratory"
                                                                                        {{ $row->timetable_teaching_type == 'Laboratory' ? 'selected' : '' }}>
                                                                                        Laboratory
                                                                                    </option>

                                                                                </select>

                                                                            </td>


                                                                            {{-- Day --}}
                                                                            <td>

                                                                                <select
                                                                                    class="form-select timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-day-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_date]"
                                                                                    disabled>

                                                                                    <option value="">
                                                                                        Select
                                                                                    </option>

                                                                                    @foreach([
                                                                                        'Monday',
                                                                                        'Tuesday',
                                                                                        'Wednesday',
                                                                                        'Thursday',
                                                                                        'Friday',
                                                                                        'Saturday',
                                                                                        'Sunday'
                                                                                    ] as $day)

                                                                                        <option
                                                                                            value="{{ $day }}"
                                                                                            {{ strtoupper($row->timetable_date) == strtoupper($day) ? 'selected' : '' }}>

                                                                                            {{ $day }}

                                                                                        </option>

                                                                                    @endforeach

                                                                                </select>

                                                                            </td>


                                                                            {{-- Start --}}
                                                                            <td>

                                                                                <input
                                                                                    type="time"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-start-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_time_start]"
                                                                                    value="{{ substr($row->timetable_time_start, 0, 5) }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- End --}}
                                                                            <td>

                                                                                <input
                                                                                    type="time"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-end-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_time_end]"
                                                                                    value="{{ substr($row->timetable_time_end, 0, 5) }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Room --}}
                                                                            <td>

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-room-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_room]"
                                                                                    value="{{ $row->timetable_room }}"
                                                                                    readonly>

                                                                            </td>


                                                                            {{-- Activity --}}
                                                                            <td>

                                                                                <select
                                                                                    class="form-select timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-activity-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_activity]"
                                                                                    disabled>

                                                                                    <option value="Regular Teaching Schedule"
                                                                                        {{ $row->timetable_activity == 'Regular Teaching Schedule' ? 'selected' : '' }}>

                                                                                        Regular Teaching Schedule

                                                                                    </option>

                                                                                    <option value="Extra Teaching Schedule"
                                                                                        {{ $row->timetable_activity == 'Extra Teaching Schedule' ? 'selected' : '' }}>

                                                                                        Extra Teaching Schedule

                                                                                    </option>

                                                                                </select>

                                                                            </td>


                                                                            {{-- Source --}}
                                                                            <td class="text-center">

                                                                                @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>


                                                                            {{-- Action --}}
                                                                            <td class="text-center">
                                                                                @if($isEditableSemester)
                                                                                    <button type="button"
                                                                                            class="btn btn-circle btn-blue btn-sm"
                                                                                            id="edit-timetable-{{ $row->timetable_id }}"
                                                                                            onclick="editTimetable({{ $row->timetable_id }})">

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

                                                                                    </button>

                                                                                    <button type="button"
                                                                                            class="btn btn-circle btn-green btn-sm d-none"
                                                                                            id="save-timetable-{{ $row->timetable_id }}"
                                                                                            onclick="saveTimetable({{ $row->timetable_id }})">

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

                                                                                    </button>

                                                                                    <button type="button"
                                                                                            class="btn btn-circle btn-red btn-sm"
                                                                                            onclick="deleteTimetable({{ $row->timetable_id }})">

                                                                                        <i class="uil uil-trash-alt"></i>

                                                                                    </button>
                                                                                @else

                                                                                    <span class="text-muted small">
                                                                                        View Only
                                                                                    </span>

                                                                                @endif
                                                                            </td>

                                                                        </tr>

                                                                    @empty

                                                                        <tr class="timetable-empty-row">

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

                                                                                No timetable found for Semester
                                                                                {{ $semester }}

                                                                            </td>

                                                                        </tr>

                                                                    @endforelse

                                                                </tbody>

                                                            </table>

                                                        </div>

                                                    </div>

                                                    {{-- ========================================================= --}}
                                                    {{-- TIMETABLE GRID PREVIEW --}}
                                                    {{-- ========================================================= --}}

                                                    @php

                                                        /*
                                                        |--------------------------------------------------------------------------
                                                        | ข้อมูล Timetable ของ Semester นี้
                                                        |--------------------------------------------------------------------------
                                                        */

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


                                                        /*
                                                        |--------------------------------------------------------------------------
                                                        | แยก Regular
                                                        |--------------------------------------------------------------------------
                                                        */

                                                        $regularTimetableRows =
                                                            $semesterTimetableRows
                                                            ->filter(function ($row) {

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

                                                            })
                                                            ->values();


                                                        /*
                                                        |--------------------------------------------------------------------------
                                                        | แยก Extra
                                                        |--------------------------------------------------------------------------
                                                        */

                                                        $extraTimetableRows =
                                                            $semesterTimetableRows
                                                            ->filter(function ($row) {

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

                                                            })
                                                            ->values();


                                                        /*
                                                        |--------------------------------------------------------------------------
                                                        | สองตารางที่จะ Preview
                                                        |--------------------------------------------------------------------------
                                                        */

                                                        $scheduleGroups = [

                                                            'Regular Teaching Schedule'
                                                                => $regularTimetableRows,

                                                            'Extra Teaching Schedule'
                                                                => $extraTimetableRows

                                                        ];

                                                    @endphp



                                                    <div class="mt-5 mb-5">

                                                        {{-- ===================================================== --}}
                                                        {{-- Semester Header --}}
                                                        {{-- ===================================================== --}}

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

                                                            Teaching Schedule Preview
                                                            - Semester {{ $semester }}

                                                        </h5>



                                                        {{-- ===================================================== --}}
                                                        {{-- Regular + Extra --}}
                                                        {{-- ===================================================== --}}

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


                                                            <div class="mb-5">


                                                                {{-- =============================================== --}}
                                                                {{-- Schedule Type --}}
                                                                {{-- =============================================== --}}

                                                                <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

                                                                        /*
                                                                        |--------------------------------------------------------------------------
                                                                        | Day
                                                                        |--------------------------------------------------------------------------
                                                                        */

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


                                                                        /*
                                                                        |--------------------------------------------------------------------------
                                                                        | Convert Time -> Minute
                                                                        |--------------------------------------------------------------------------
                                                                        */

                                                                        $timeToMinutes = function ($time) {

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


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


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


                                                                            return
                                                                                ($hour * 60)
                                                                                +
                                                                                $minute;

                                                                        };


                                                                        /*
                                                                        |--------------------------------------------------------------------------
                                                                        | 1 Slot = 30 นาที
                                                                        |--------------------------------------------------------------------------
                                                                        */

                                                                        $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();


                                                                        /*
                                                                        |--------------------------------------------------------------------------
                                                                        | ใช้ช่วงเวลาจริงของแต่ละ Schedule
                                                                        |--------------------------------------------------------------------------
                                                                        |
                                                                        | Regular เช่น 08:00 - 17:00
                                                                        | Extra เช่น   18:00 - 21:00
                                                                        |
                                                                        |--------------------------------------------------------------------------
                                                                        */

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


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


                                                                        /*
                                                                        |--------------------------------------------------------------------------
                                                                        | ปัดเป็น 30 นาที
                                                                        |--------------------------------------------------------------------------
                                                                        */

                                                                        $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 mb-0">


                                                                            {{-- ========================================= --}}
                                                                            {{-- HEADER --}}
                                                                            {{-- ========================================= --}}

                                                                            <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>



                                                                            {{-- ========================================= --}}
                                                                            {{-- BODY --}}
                                                                            {{-- ========================================= --}}

                                                                            <tbody>


                                                                                @foreach($days as $day)


                                                                                    @php

                                                                                        /*
                                                                                        |--------------------------------------------------------------------------
                                                                                        | วิชาของวันนั้น
                                                                                        |--------------------------------------------------------------------------
                                                                                        */

                                                                                        $dayRows =
                                                                                            $gridRows
                                                                                            ->filter(function ($row) use ($day) {

                                                                                                return strtoupper(
                                                                                                    trim(
                                                                                                        $row->timetable_date
                                                                                                    )
                                                                                                )
                                                                                                ===
                                                                                                strtoupper($day);

                                                                                            })
                                                                                            ->sortBy(
                                                                                                'timetable_time_start'
                                                                                            )
                                                                                            ->values();


                                                                                        $position = 0;

                                                                                    @endphp



                                                                                    <tr>


                                                                                        {{-- Day --}}

                                                                                        <td
                                                                                            class="fw-bold bg-light timetable-day-column">

                                                                                            {{ $day }}

                                                                                        </td>



                                                                                        {{-- ================================= --}}
                                                                                        {{-- Slot --}}
                                                                                        {{-- ================================= --}}

                                                                                        @while($position < $slotCount)


                                                                                            @php

                                                                                                $slotStart =
                                                                                                    $gridStart
                                                                                                    +
                                                                                                    (
                                                                                                        $position
                                                                                                        *
                                                                                                        $slotMinutes
                                                                                                    );


                                                                                                /*
                                                                                                |--------------------------------------------------------------------------
                                                                                                | หาวิชาที่เริ่มใน Slot นี้
                                                                                                |--------------------------------------------------------------------------
                                                                                                */

                                                                                                $classes =
                                                                                                    $dayRows
                                                                                                    ->filter(
                                                                                                        function ($row) use (
                                                                                                            $timeToMinutes,
                                                                                                            $slotStart,
                                                                                                            $slotMinutes,
                                                                                                            $gridStart
                                                                                                        ) {

                                                                                                            $start =
                                                                                                                $timeToMinutes(
                                                                                                                    $row->timetable_time_start
                                                                                                                );


                                                                                                            if ($start === null) {
                                                                                                                return false;
                                                                                                            }


                                                                                                            $normalizedStart =
                                                                                                                $gridStart
                                                                                                                +
                                                                                                                floor(
                                                                                                                    (
                                                                                                                        $start
                                                                                                                        -
                                                                                                                        $gridStart
                                                                                                                    )
                                                                                                                    /
                                                                                                                    $slotMinutes
                                                                                                                )
                                                                                                                *
                                                                                                                $slotMinutes;


                                                                                                            return
                                                                                                                $normalizedStart
                                                                                                                ==
                                                                                                                $slotStart;

                                                                                                        }
                                                                                                    );


                                                                                                $hasClass =
                                                                                                    $classes->count() > 0;

                                                                                            @endphp



                                                                                            {{-- ================================= --}}
                                                                                            {{-- มีวิชา --}}
                                                                                            {{-- ================================= --}}

                                                                                            @if($hasClass)


                                                                                                @php

                                                                                                    /*
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    | เวลาจบสูงสุด
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    */

                                                                                                    $classMaxEnd =
                                                                                                        $classes
                                                                                                        ->map(
                                                                                                            function ($row) use ($timeToMinutes) {

                                                                                                                return $timeToMinutes(
                                                                                                                    $row->timetable_time_end
                                                                                                                );

                                                                                                            }
                                                                                                        )
                                                                                                        ->filter()
                                                                                                        ->max();


                                                                                                    /*
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    | Duration
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    */

                                                                                                    $duration =
                                                                                                        max(
                                                                                                            $slotMinutes,
                                                                                                            $classMaxEnd
                                                                                                            -
                                                                                                            $slotStart
                                                                                                        );


                                                                                                    /*
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    | Colspan
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    */

                                                                                                    $colspan =
                                                                                                        (int) ceil(
                                                                                                            $duration
                                                                                                            /
                                                                                                            $slotMinutes
                                                                                                        );


                                                                                                    /*
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    | ป้องกันเกิน Grid
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    */

                                                                                                    $remainingSlots =
                                                                                                        $slotCount
                                                                                                        -
                                                                                                        $position;


                                                                                                    $colspan =
                                                                                                        min(
                                                                                                            $colspan,
                                                                                                            $remainingSlots
                                                                                                        );

                                                                                                @endphp



                                                                                                <td
                                                                                                    colspan="{{ $colspan }}"
                                                                                                    class="align-top timetable-slot timetable-class-cell">


                                                                                                    @foreach($classes as $class)


                                                                                                        <div class="timetable-class-box">


                                                                                                            {{-- Course Code --}}

                                                                                                            <div class="fw-bold fs-14">

                                                                                                                {{ $class->timetable_course_code }}

                                                                                                            </div>


                                                                                                            {{-- Course Name --}}

                                                                                                            <div class="small">

                                                                                                                {{ $class->timetable_course_name }}

                                                                                                            </div>


                                                                                                            {{-- Time --}}

                                                                                                            <div class="small text-muted mt-1">

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

                                                                                                                {{
                                                                                                                    substr(
                                                                                                                        $class->timetable_time_start,
                                                                                                                        0,
                                                                                                                        5
                                                                                                                    )
                                                                                                                }}

                                                                                                                -

                                                                                                                {{
                                                                                                                    substr(
                                                                                                                        $class->timetable_time_end,
                                                                                                                        0,
                                                                                                                        5
                                                                                                                    )
                                                                                                                }}

                                                                                                            </div>


                                                                                                            {{-- Room --}}

                                                                                                            @if(
                                                                                                                !empty(
                                                                                                                    $class->timetable_room
                                                                                                                )
                                                                                                            )

                                                                                                                <div class="small mt-1">

                                                                                                                    <i class="uil uil-map-marker"></i>

                                                                                                                    Room:
                                                                                                                    {{ $class->timetable_room }}

                                                                                                                </div>

                                                                                                            @endif



                                                                                                            {{-- Badges --}}

                                                                                                            <div class="mt-2">


                                                                                                                {{-- Activity --}}

                                                                                                                @if(
                                                                                                                    $class->timetable_activity
                                                                                                                    ==
                                                                                                                    'Regular Teaching Schedule'
                                                                                                                )

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

                                                                                                                        Regular

                                                                                                                    </span>

                                                                                                                @else

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

                                                                                                                        Extra

                                                                                                                    </span>

                                                                                                                @endif



                                                                                                                {{-- Teaching Type --}}

                                                                                                                @if(
                                                                                                                    $class->timetable_teaching_type
                                                                                                                    ==
                                                                                                                    'Lecture'
                                                                                                                )

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

                                                                                                                        Lecture

                                                                                                                    </span>

                                                                                                                @elseif(
                                                                                                                    $class->timetable_teaching_type
                                                                                                                    ==
                                                                                                                    'Laboratory'
                                                                                                                )

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

                                                                                                                        Laboratory

                                                                                                                    </span>

                                                                                                                @endif



                                                                                                                {{-- Source --}}

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

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

                                                                                                                        MANUAL

                                                                                                                    </span>

                                                                                                                @endif


                                                                                                            </div>


                                                                                                        </div>


                                                                                                    @endforeach


                                                                                                </td>



                                                                                                @php

                                                                                                    $position +=
                                                                                                        $colspan;

                                                                                                @endphp



                                                                                            {{-- ================================= --}}
                                                                                            {{-- Lunch 12:00 - 13:00 --}}
                                                                                            {{-- ================================= --}}

                                                                                            @elseif(
                                                                                                $slotStart
                                                                                                ==
                                                                                                (12 * 60)
                                                                                            )


                                                                                                @php

                                                                                                    /*
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    | Lunch จะแสดงก็ต่อเมื่อ
                                                                                                    | Grid มีช่วง 12:00 - 13:00
                                                                                                    |--------------------------------------------------------------------------
                                                                                                    */

                                                                                                    $remainingSlots =
                                                                                                        $slotCount
                                                                                                        -
                                                                                                        $position;


                                                                                                    $lunchColspan =
                                                                                                        min(
                                                                                                            2,
                                                                                                            $remainingSlots
                                                                                                        );

                                                                                                @endphp


                                                                                                <td
                                                                                                    colspan="{{ $lunchColspan }}"
                                                                                                    class="timetable-lunch-cell text-center">

                                                                                                    <div>

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

                                                                                                        <strong>
                                                                                                            Lunch
                                                                                                        </strong>

                                                                                                    </div>

                                                                                                    <small>
                                                                                                        12:00 - 13:00
                                                                                                    </small>

                                                                                                </td>


                                                                                                @php

                                                                                                    $position +=
                                                                                                        $lunchColspan;

                                                                                                @endphp



                                                                                            {{-- ================================= --}}
                                                                                            {{-- Empty --}}
                                                                                            {{-- ================================= --}}

                                                                                            @else


                                                                                                <td
                                                                                                    class="timetable-empty-slot">

                                                                                                    &nbsp;

                                                                                                </td>


                                                                                                @php

                                                                                                    $position++;

                                                                                                @endphp


                                                                                            @endif


                                                                                        @endwhile


                                                                                    </tr>


                                                                                @endforeach


                                                                            </tbody>


                                                                        </table>


                                                                    </div>


                                                                @endif


                                                            </div>


                                                        @endforeach


                                                    </div>

                                                    
                                                    {{-- ========================================================= --}}
                                                    <BR> <BR>
                                                @endforeach







                                                <div class="d-flex justify-content-end mt-4 gap-2">

                                                    <button
                                                        type="submit"
                                                        class="btn btn-primary">

                                                        <i class="fa fa-save"></i>

                                                        Save Teaching Load

                                                    </button>

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

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

                                                        Preview

                                                    </a>

                                                </div>
                                                


                                                




                                            </form>
                                        </div>
                                    </div>

                                </div>
                            </div>





                        </div>

           
                        





        </div>
    </section>


    @include('layouts.footer')

@endsection