@extends('layouts.master')
@section('content')

    <div class="card p-3 mb-3">
        <form action="{{ route('class-routine.update', $classRoutine->id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        {{ generateDropdown($shifts, 'class="form-control shift_id" id="shift_id" name="shift_id"', old('shift_id', $classRoutine->shift_id), 'Select Shift') }}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {{ generateDropdown($studentClasses, 'class="form-control student_class select2" id="student_class" name="student_class" required', old('student_class_id', $classRoutine->student_class_id), "Select Class") }}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {{ generateDropdown([], 'class="form-control section_id" id="section_id" name="section_id"', old('section_id', $classRoutine->section_id), 'Select Section') }}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {{ generateDropdown($groups, 'class="form-control group_id" id="group_id" name="group_id"', old('group_id', $classRoutine->group_id), 'Select Group') }}
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        {{ generateDropdown($departments, 'class="form-control department" id="department" name="department"', old('department_id', $classRoutine->department_id), 'Select Department') }}
                    </div>
                </div>
                <div class="col-md-6">
                    <button type="submit" class="btn btn-primary">Update</button>
                </div>
            </div>
        </form>
    </div>
    
    @if (isset($assignedSubjects))
        <div class="card">
            <div class="card-header card-custom-bg d-flex flex-row align-items-center justify-content-between">
                Edit Routine<a class="btn btn-sm btn-success" href="{{ route('class-routine.index') }}">Routine list</a>
            </div>

            <div class="card-body">
                @if(session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                <form class="routine-form" method="POST" action="{{ route('class-routine.update', $classRoutine->id) }}">
                    @csrf
                    @method('PUT')

                    <input type="hidden" name="shift_id" value="{{ old('shift_id', $classRoutine->shift_id) }}">
                    <input type="hidden" name="student_class_id" value="{{ old('student_class_id', $classRoutine->student_class_id) }}">
                    <input type="hidden" name="section_id" value="{{ old('section_id', $classRoutine->section_id) }}">
                    <input type="hidden" name="department_id" value="{{ old('department_id', $classRoutine->department_id) }}">

                    @foreach(['Saturday', 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday'] as $day)
                        <h3>{{ $day }}</h3>
                        <input type="hidden" name="days[]" value="{{ $day }}">
                        <div class="table-responsive py-3">
                            <table class ="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Action</th>
                                        <th>Subject</th>
                                        <th>Teacher</th>
                                        <th>Start Time</th>
                                        <th>End Time</th>
                                        <th>Room No</th>
                                    </tr>
                                </thead>
                                <tbody class="day-schedule">
                                    @foreach($classRoutine->routineDetails->where('day', $day) as $routineDetail)
                                        <tr class="subject-entry">
                                            <td>
                                                <button type="button" class="btn btn-danger remove-subject"><i class="fas fa-minus-circle"></i></button>
                                            </td>
                                            <td>
                                                <select name="subjects[{{ strtolower($day) }}][{{ $loop->index }}][subject]" class="form-control">
                                                    @foreach ($assignedSubjects as $assignedSubject)
                                                        <option value="{{ $assignedSubject->subject->id }}" {{ $routineDetail->subject_id == $assignedSubject->subject->id ? 'selected' : '' }}>{{ $assignedSubject->subject->subject_name }}</option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                {{ generateDropdown($teachers, 'class="form-control-sm select2" name="subjects[' . strtolower($day) . '][' . $loop->index . '][teacher]"', old("subjects.$day.$loop->index.teacher", $routineDetail->teacher_id), "Select Teacher") }}
                                            </td>
                                            <td>
                                                <input type="time" class="form-control" name="subjects[{{ strtolower($day) }}][{{ $loop->index }}][start_time]" value="{{ old("subjects.$day.$loop->index.start_time", $routineDetail->start_time) }}" required>
                                            </td>
                                            <td>
                                                <input type="time" class="form-control" name="subjects[{{ strtolower($day) }}][{{ $loop->index }}][end_time]" value="{{ old("subjects.$day.$loop->index.end_time", $routineDetail->end_time) }}" required>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control" name="subjects[{{ strtolower($day) }}][{{ $loop->index }}][room_no]" value="{{ old("subjects.$day.$loop->index.room_no", $routineDetail->class_room_id) }}" placeholder="Room No" required>
                                            </td>
                                        </tr>
                                    @endforeach
                                 
                                </tbody>
                            </table>
                            <button type="button" class="btn btn-secondary add-subject my-3" data-day="{{ strtolower($day) }}"><i class="fas fa-plus-circle"></i> Add</button>
                        </div>
                    @endforeach

                    <div class="flex d-flex justify-content-end">
                        <button type="submit" class="btn btn-primary mt-3">Update</button>
                    </div>
                </form>
            </div>
        </div>
    @endif
@endsection
@section('scripts')
    <script>
        // Add new subject entry
        $('.add-subject').click(function() {
            const day = $(this).data('day');
            const tbody = $(this).closest('div.table-responsive.py-3').find('tbody.day-schedule');
            
            const index = tbody.find('.subject-entry').length;
            
            if (tbody.length === 0) {
                console.error("No tbody found! Check the HTML structure.");
                return; // Exit if tbody is not found
            }
            const newSubjectEntry = `
                <tr class="subject-entry">
                    <td>
                        <button type="button" class="btn btn-danger remove-subject"><i class="fas fa-minus-circle"></i></button>
                    </td>
                    <td>
                        <select name="subjects[${day}][${index}][subject]" class="form-control">
                            @foreach ($assignedSubjects as $assignedSubject)
                                <option value="{{ $assignedSubject->subject->id }}">{{ $assignedSubject->subject->subject_name }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td>
                        {{ generateDropdown($teachers, 'class="form-control-sm select2" name="subjects[${day}][${index}][teacher]"', '', "Select Teacher") }}
                    </td>
                    <td>
                        <input type="time" class="form-control" name="subjects[${day}][${index}][start_time]" required>
                    </td>
                    <td>
                        <input type="time" class="form-control" name="subjects[${day}][${index}][end_time]" required>
                    </td>
                    <td>
                        <input type="text" class="form-control" name="subjects[${day}][${index}][room_no]" placeholder="Room No" required>
                    </td>
                </tr>
            `;

            tbody.append(newSubjectEntry);
        });

        // Remove subject entry
        $(document).on('click', '.remove-subject', function() {
            $(this).closest('.subject-entry').remove();
        });
    </script>
@endsection