@extends('layouts.master')





@section('title', 'Teachingload')

@section('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;
        }

    </style>
@endsection

@section('script')
<script>

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

        if (!tbody) {
            alert('Lecture table not found.');
            return;
        }

        // ลบ No Data
        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.">
            </td>

            <td>
                <input type="text"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_name]"
                    placeholder="Course Name">
            </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"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_lecture]"
                    placeholder="0">
            </td>

            <td>
                <input type="text"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_credit]"
                    placeholder="3 (3-0-6)">
            </td>

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

            <td>

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

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

        // ลบ No Data ก่อน
        const emptyRow = tbody.querySelector(
            '.laboratory-empty-row'
        );

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


        // ใช้เป็น key ของ input เพื่อกันชน
        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.">
            </td>

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

            <td>
                <input
                    type="number"
                    step="0.01"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_portions]"
                    placeholder="%">
            </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="number"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_lab_lect]"
                    placeholder="Lecturers">
            </td>

            <td>
                <input
                    type="number"
                    step="0.01"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_week]"
                    placeholder="Hr/Wk">
            </td>

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

            <td>
                <input
                    type="number"
                    step="0.01"
                    class="form-control"
                    name="manual_course[${semester}][${index}][course_contact]"
                    placeholder="Hr/Wk">
            </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
        );


        // Contract
        appendHidden(
            form,
            'adcontract_value_id',
            "{{ $adcontract_value->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_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
        );

        // Laboratory จะมี field นี้
        addValue(
            'course_lab_lect',
            'course-lab-lect-' + courseId
        );

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

        addValue(
            'course_contact',
            'course-contact-' + 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
        );


        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,
        'adcontract_value_id',
        "{{ $adcontract_value->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
    );


    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,
        'adcontract_value_id',
        "{{ $adcontract_value->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
    );


    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>

            <input
                type="text"
                class="form-control"
                name="manual_timetable[${semester}][${index}][timetable_activity]"
                value="Regular Teaching Schedule"
                placeholder="Activity">

        </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,
        'adcontract_value_id',
        "{{ $adcontract_value->adcontract_value_id }}"
    );


    appendHidden(
        form,
        'timetable_year',
        "{{ $adcontract_value->adcontract_value_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
    );


    document.body.appendChild(form);

    form.submit();
}

</script>

@endsection

@section('content')

    @include('layouts.header')


    @include('layouts.title')

    <section class="wrapper bg-light">
        <div class="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">
                            ● Administrative Position
                        </span>

                        <span class="text-muted">
                            ○ Teaching Load
                        </span>

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

                    </div>

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

                        <div class="progress-bar" role="progressbar" style="width:16%">
                        </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="col-lg-12">
                <div class="blog single">
                    <div class="card">
                        <div class="card-body">

                            <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">{{ $adcontract_value->adcontract_value_year }}</span>
                                        </div>
                                        <div class="col-md-8">
                                            <span class="label">Semester :</span>
                                            <span class="value">{{ $adcontract_value->adcontract_value_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>
                                    <br>

                                </div>

                            </div>

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

                                            <form method="POST"
                                                action="{{ url('/workload/' . $adcontract_value->adcontract_value_id . '/sync-TeachingLoad') }}">

                                                @csrf

                                                <button class="btn btn-primary">

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

                                                    Update from Teachingload

                                                </button>

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

                                                @csrf

                                                <input type="hidden"
                                                    name="adcontract_value_id"
                                                    value="{{ $adcontract_value->adcontract_value_id }}">

                                                <input type="hidden"
                                                    name="adcontract_value_year"
                                                    value="{{ $adcontract_value->adcontract_value_year }}">

                                                @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

                                                        <div class="mb-5">

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

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

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

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

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

                                                                    </button>

                                                                </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="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="120">Credits (Lect.-Pr)</th>
                                                                                <th width="120">Contact (Hr/Wk)</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>

                                                                                    {{-- 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 }}"
                                                                                            id="course-credit-{{ $row->course_id }}"
                                                                                            name="course[{{ $row->course_id }}][course_credit]"
                                                                                            value="{{ $row->course_credit }}"
                                                                                            readonly>
                                                                                    </td>

                                                                                    {{-- Contact --}}
                                                                                    <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>
                                                                                    </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">

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

                                                                                    </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();
                                                    @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
                                                                {{ $adcontract_value->adcontract_value_year }}
                                                                - Semester {{ $semester }}
                                                            </h5>

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

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

                                                            </button>
                                                            

                                                        </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="250">
                                                                            Course No.
                                                                        </th>

                                                                        <th width="250">
                                                                            Course
                                                                        </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">
                                                                            Lab.&Lect (Hr/Wk)
                                                                        </th>

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

                                                                        <th width="150">
                                                                            Contact (Hr/Wk)
                                                                        </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>

                                                                            {{-- 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="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>
                                                                            </td>

                                                                            {{-- Lab & Lect Hr/Wk --}}
                                                                            <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>

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

                                                                            {{-- Contact --}}
                                                                            <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>
                                                                            </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">

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

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

                                                            </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);
                                                            });

                                                    @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
                                                                {{ $adcontract_value->adcontract_value_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>


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

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

                                                                Add Senior Project

                                                            </button>

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

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

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

                                                    @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
                                                                {{ $adcontract_value->adcontract_value_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>


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

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

                                                                Add Supervision

                                                            </button>

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

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

                                                                            </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">
                                                                        No.
                                                                    </th>

                                                                    <th>
                                                                        Name
                                                                    </th>

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

                                                                </tr>

                                                            </thead>


                                                            <tbody>

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

                                                                    <tr>

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


                                                                        <td>
                                                                            {{ $row->ic_name ?? '-' }}
                                                                        </td>


                                                                        <td>

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

                                                                                <a
                                                                                    href="{{ asset($row->ic_file) }}"
                                                                                    target="_blank"
                                                                                    class="btn btn-sm btn-soft-primary">

                                                                                    <i class="uil uil-file-alt"></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();
                                                    @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
                                                                {{ $adcontract_value->adcontract_value_year }}

                                                                - Semester {{ $semester }}

                                                            </h5>


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

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

                                                                Add Timetable

                                                            </button>

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

                                                                                <input
                                                                                    type="text"
                                                                                    class="form-control timetable-edit-{{ $row->timetable_id }}"
                                                                                    id="timetable-activity-{{ $row->timetable_id }}"
                                                                                    name="timetable[{{ $row->timetable_id }}][timetable_activity]"
                                                                                    value="{{ $row->timetable_activity }}"
                                                                                    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">

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

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

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

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

                                                        $timeSlots = [
                                                            '08:00',
                                                            '09:00',
                                                            '10:00',
                                                            '11:00',
                                                            '12:00',
                                                            '13:00',
                                                            '14:00',
                                                            '15:00',
                                                            '16:00',
                                                            '17:00',
                                                            '18:00'
                                                        ];

                                                    @endphp


                                                    <div class="mt-5">

                                                        <h6 class="fw-bold text-primary mb-3">
                                                            Teaching Schedule Preview
                                                        </h6>


                                                        <div class="table-responsive">

                                                            <table class="table table-bordered timetable-grid mb-0">

                                                                <thead class="table-light">

                                                                    <tr>

                                                                        <th style="min-width:120px;">
                                                                            Day / Time
                                                                        </th>

                                                                        @foreach($timeSlots as $time)

                                                                            <th class="text-center"
                                                                                style="min-width:120px;">

                                                                                {{ $time }}

                                                                            </th>

                                                                        @endforeach

                                                                    </tr>

                                                                </thead>


                                                                <tbody>

                                                                    @foreach($days as $day)

                                                                        <tr>

                                                                            <td class="fw-bold bg-light">
                                                                                {{ $day }}
                                                                            </td>


                                                                            @foreach($timeSlots as $time)

                                                                                @php

                                                                                    $slotStart = strtotime($time);

                                                                                    $slotEnd = strtotime(
                                                                                        $time . ' +1 hour'
                                                                                    );


                                                                                    $classes = $gridRows->filter(
                                                                                        function ($row) use (
                                                                                            $day,
                                                                                            $slotStart,
                                                                                            $slotEnd
                                                                                        ) {

                                                                                            if (
                                                                                                strtoupper(
                                                                                                    trim(
                                                                                                        $row->timetable_date
                                                                                                    )
                                                                                                )
                                                                                                !==
                                                                                                strtoupper($day)
                                                                                            ) {
                                                                                                return false;
                                                                                            }


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

                                                                                            $end = strtotime(
                                                                                                $row->timetable_time_end
                                                                                            );


                                                                                            return (
                                                                                                $start < $slotEnd
                                                                                                &&
                                                                                                $end > $slotStart
                                                                                            );

                                                                                        }
                                                                                    );

                                                                                @endphp


                                                                                <td class="align-top timetable-slot">

                                                                                    @foreach($classes as $class)

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

                                                                                            <div class="fw-bold">
                                                                                                {{ $class->timetable_course_code }}
                                                                                            </div>

                                                                                            <div class="small">
                                                                                                {{ $class->timetable_course_name }}
                                                                                            </div>

                                                                                            <div class="small text-muted">

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

                                                                                                -

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

                                                                                            </div>

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

                                                                                                <div class="small">
                                                                                                    Room:
                                                                                                    {{ $class->timetable_room }}
                                                                                                </div>

                                                                                            @endif


                                                                                            <div class="mt-1">

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

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

                                                                                                @else

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

                                                                                                @endif

                                                                                            </div>

                                                                                        </div>

                                                                                    @endforeach

                                                                                </td>

                                                                            @endforeach

                                                                        </tr>

                                                                    @endforeach

                                                                </tbody>

                                                            </table>

                                                        </div>

                                                    </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',
                                                            $adcontract_value->adcontract_value_id
                                                        ) }}"
                                                        class="btn btn-info">

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

                                                        Preview

                                                    </a>

                                                </div>
                                                


                                                




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

                                </div>
                            </div>





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






        </div>
    </section>


    @include('layouts.footer')

@endsection