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

@section('script')
<script>

    function addCourseRow(semester)
    {

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

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

        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}][course_code]"
                    placeholder="Course Code">
            </td>

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

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

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

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

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

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

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

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

            <td>

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

            </td>

            <td>

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

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

                </button>

            </td>

        `;

        tbody.appendChild(row);

    }

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

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


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


                                            
                                            <form method="POST"
                                                action="{{ route('teachingload.manual', $adcontract_value->adcontract_value_id) }}">

                                                {{ csrf_field() }}

                                                @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="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 Course

                                                                    </button>

                                                                </div>

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

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

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

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

                                                                                <td>

                                                                                    <input type="number" class="form-control"
                                                                                        name="course_portions[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_portions }}">

                                                                                </td>

                                                                                <td>
                                                                                    <input type="text" class="form-control"
                                                                                        name="course_section[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_section }}">
                                                                                </td>
                                                                                <td>
                                                                                    <input type="number" class="form-control"
                                                                                        name="course_student[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_student }}">
                                                                                </td>

                                                                                <td>
                                                                                    <input type="number" class="form-control"
                                                                                        name="course_week[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_week }}">
                                                                                </td>

                                                                                <td>

                                                                                    <input type="number" class="form-control"
                                                                                        name="course_lecture[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_lecture }}">

                                                                                </td>

                                                                                <td>

                                                                                    <input type="text" class="form-control"
                                                                                        name="course_credit[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_credit }}">

                                                                                </td>

                                                                                <td>

                                                                                    <input type="number" class="form-control"
                                                                                        name="course_contact[{{ $row->course_id }}]"
                                                                                        value="{{ $row->course_contact }}">

                                                                                </td>

                                                                                <td>
                                                                                    @if(($row->source ?? 'AUTO') == 'AUTO')
                                                                                        <span class="badge bg-soft-primary text-primary">
                                                                                            AUTO
                                                                                        </span>
                                                                                    @else
                                                                                        <span class="badge bg-soft-warning text-warning">
                                                                                            MANUAL
                                                                                        </span>
                                                                                    @endif
                                                                                </td>

                                                                                <td>
                                                                                    <button type="button"
                                                                                        class="btn btn-sm btn-soft-danger"
                                                                                        onclick="deleteTeachingLoad({{ $row->course_id }})">
                                                                                        <i class="fa fa-trash"></i>
                                                                                    </button>
                                                                                </td>

                                                                            </tr>

                                                                        @empty

                                                                            <tr>

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

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

                                                                                </td>

                                                                            </tr>

                                                                        @endforelse

                                                                    </tbody>

                                                                </table>

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

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

                                                        <div class="table-wrapper">

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

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

                                                                </thead>

                                                                <tbody>

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

                                                                        <tr>

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

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

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

                                                                            <td>

                                                                                <input type="number" class="form-control"
                                                                                    name="course_portions[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_portions }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="text" class="form-control"
                                                                                    name="course_section[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_section }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="number" class="form-control"
                                                                                    name="course_student[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_student }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="number" class="form-control"
                                                                                    name="course_week[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_week }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="number" class="form-control"
                                                                                    name="course_lecture[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_lecture }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="text" class="form-control"
                                                                                    name="course_credit[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_credit }}">

                                                                            </td>

                                                                            <td>

                                                                                <input type="number" class="form-control"
                                                                                    name="course_contact[{{ $row->course_id }}]"
                                                                                    value="{{ $row->course_contact }}">

                                                                            </td>

                                                                        </tr>

                                                                        {{-- Total --}}
                                                                        <tr>

                                                                            <td colspan="6"></td>

                                                                            <td class="fw-bold bg-light">
                                                                                Total (a+b)
                                                                            </td>

                                                                            <td>
                                                                                <span class="badge bg-soft-ash text-dark px-4 py-2 fs-15">
                                                                                    {{ $semesterContact[$semester] ?? 0 }}
                                                                                </span>
                                                                            </td>

                                                                        </tr>

                                                                    @empty

                                                                        <tr>

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

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

                                                                            </td>

                                                                        </tr>

                                                                    @endforelse

                                                                </tbody>

                                                            </table>

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