@extends('layouts.app')

@section('content')
<div class="flex-1 space-y-6">
    <!-- Breadcrumb -->
    <div class="flex items-center gap-2 text-slate-500 text-sm mb-1 font-medium">
        <a href="{{ route('dashboard') }}" class="hover:text-indigo-600 cursor-pointer transition-colors">Trang chủ</a>
        <i data-lucide="chevron-right" class="w-4 h-4"></i>
        <span class="text-slate-800">Đặt lịch thi Speaking</span>
    </div>

    <!-- Header Section -->
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
        <div>
            <h1 class="text-2xl sm:text-3xl font-bold text-slate-900 mb-1 flex items-center gap-3">
                <div class="p-2.5 bg-indigo-50 rounded-xl border border-indigo-100 shadow-xs">
                    <i data-lucide="calendar-clock" class="w-6 h-6 text-indigo-600"></i>
                </div>
                Quản lý & Chấm Lịch thi Speaking
            </h1>
            <p class="text-slate-500 text-xs sm:text-sm">Tạo lịch thi và chấm Speaking</p>
        </div>

        <div class="flex flex-wrap items-center gap-2.5">
            @if($canGradeByCode)
            <button type="button" onclick="openGradeByCodeModal()"
                class="inline-flex items-center gap-2 px-4 py-2.5 bg-emerald-600 hover:bg-emerald-700 text-white rounded-xl text-xs sm:text-sm font-semibold transition-all shadow-md shadow-emerald-100 cursor-pointer active:scale-95">
                <i data-lucide="award" class="w-4 h-4"></i>
                Nhập mã chấm thi
            </button>
            @endif

            @if($canCreateSchedule)
            <button type="button" onclick="openCreateScheduleModal()"
                class="inline-flex items-center gap-2 px-4 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-xl text-xs sm:text-sm font-semibold transition-all shadow-md shadow-indigo-100 cursor-pointer active:scale-95">
                <i data-lucide="calendar-plus" class="w-4 h-4"></i>
                Tạo lịch thi mới
            </button>
            @endif

            @if($canExport)
            <button type="button" id="btn_export_speaking_schedule"
                class="inline-flex items-center gap-2 px-3.5 py-2.5 bg-emerald-50 hover:bg-emerald-100 text-emerald-700 rounded-xl text-xs sm:text-sm font-semibold transition-all border border-emerald-200 shadow-xs cursor-pointer active:scale-95">
                <i data-lucide="file-spreadsheet" class="w-4 h-4 text-emerald-600"></i>
                Xuất dữ liệu
            </button>
            @endif

            <!-- <button type="button" onclick="location.reload()"
                    class="inline-flex items-center gap-2 px-3.5 py-2.5 bg-white text-slate-700 rounded-xl text-xs sm:text-sm font-medium hover:bg-slate-50 transition-colors border border-slate-200 shadow-xs cursor-pointer">
                    <i data-lucide="refresh-cw" class="w-4 h-4"></i>
                    Tải lại
                </button> -->
        </div>
    </div>

    <!-- Statistics Cards Section -->
    <div class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-4 gap-4">
        @if($canViewAll)
        <!-- Card 1: Tổng số lịch thi -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Tổng số lịch thi</span>
                <span class="text-2xl font-black text-slate-800 mt-1 block" id="stat_total">{{ number_format($stats['total'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-indigo-50 text-indigo-600 flex items-center justify-center">
                <i data-lucide="calendar" class="w-5 h-5"></i>
            </div>
        </div>

        <!-- Card 2: Đã chấm điểm -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Đã chấm điểm</span>
                <span class="text-2xl font-black text-emerald-600 mt-1 block" id="stat_graded">{{ number_format($stats['graded'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center">
                <i data-lucide="check-circle" class="w-5 h-5"></i>
            </div>
        </div>

        <!-- Card 3: Chờ chấm điểm -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Chờ chấm điểm</span>
                <span class="text-2xl font-black text-amber-500 mt-1 block" id="stat_pending">{{ number_format($stats['pending'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-amber-50 text-amber-600 flex items-center justify-center">
                <i data-lucide="clock" class="w-5 h-5"></i>
            </div>
        </div>

        <!-- Card 4: Đang kích hoạt mã -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Đang kích hoạt</span>
                <span class="text-2xl font-black text-blue-600 mt-1 block" id="stat_active">{{ number_format($stats['active'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-blue-50 text-blue-600 flex items-center justify-center">
                <i data-lucide="toggle-right" class="w-5 h-5"></i>
            </div>
        </div>
        @else
        <!-- Card Giáo viên: Bài đã chấm -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between sm:col-span-2">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Tổng bài tôi đã chấm</span>
                <span class="text-2xl font-black text-emerald-600 mt-1 block" id="stat_my_graded">{{ number_format($stats['my_graded'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-emerald-50 text-emerald-600 flex items-center justify-center">
                <i data-lucide="award" class="w-5 h-5"></i>
            </div>
        </div>

        <!-- Card Giáo viên: Chấm hôm nay -->
        <div class="p-4 bg-white rounded-xl border border-slate-200 shadow-xs flex items-center justify-between sm:col-span-2">
            <div>
                <span class="text-xs font-semibold text-slate-500 block">Bài đã chấm hôm nay</span>
                <span class="text-2xl font-black text-indigo-600 mt-1 block" id="stat_my_today">{{ number_format($stats['my_graded_today'] ?? 0) }}</span>
            </div>
            <div class="w-11 h-11 rounded-xl bg-indigo-50 text-indigo-600 flex items-center justify-center">
                <i data-lucide="calendar-check" class="w-5 h-5"></i>
            </div>
        </div>
        @endif
    </div>

    <!-- Filter Section -->
    <div class="bg-white rounded-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-slate-200 p-5">
        <form method="GET" action="{{ route('speaking-schedule.index') }}" id="filterForm"
            class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-3.5 items-end">

            <!-- 1. Mã CODE / Mã bài thi -->
            <div>
                <label for="filter_code" class="block text-xs font-bold text-slate-700 mb-1.5">Mã CODE / Mã bài thi</label>
                <input type="text" id="filter_code" name="code" value="{{ request('code') }}"
                    placeholder="Nhập mã CODE hoặc ID bài thi..."
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs font-mono uppercase focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
            </div>

            <!-- 2. Đề thi (TomSelect Multi-choice) -->
            <div>
                <label for="exam_id" class="block text-xs font-bold text-slate-700 mb-1.5">Đề thi</label>
                <select id="exam_id" name="exam_id[]" multiple placeholder="Tất cả đề thi"
                    class="w-full px-3.5 py-2 bg-slate-50 border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                </select>
            </div>

            <!-- 3. Tên học viên -->
            <div>
                <label for="filter_student_name" class="block text-xs font-bold text-slate-700 mb-1.5">Tên học viên</label>
                <input type="text" id="filter_student_name" name="student_name" value="{{ request('student_name') }}"
                    placeholder="Nhập tên học viên..."
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
            </div>

            <!-- 4. Email -->
            <div>
                <label for="filter_email" class="block text-xs font-bold text-slate-700 mb-1.5">Email</label>
                <input type="text" id="filter_email" name="email" value="{{ request('email') }}"
                    placeholder="Nhập email..."
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
            </div>

            <!-- 5. Số điện thoại -->
            <div>
                <label for="filter_phone" class="block text-xs font-bold text-slate-700 mb-1.5">Số điện thoại</label>
                <input type="text" id="filter_phone" name="phone" value="{{ request('phone') }}"
                    placeholder="Nhập số điện thoại..."
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
            </div>

            <!-- 6. Từ ngày bắt đầu -->
            <div>
                <label for="date_from" class="block text-xs font-bold text-slate-700 mb-1.5">Từ ngày (Bắt đầu)</label>
                <div class="relative">
                    <input type="text" id="date_from" name="date_from" value="{{ request('date_from') }}"
                        placeholder="Chọn ngày bắt đầu..."
                        class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all cursor-pointer">
                    <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
                        <i data-lucide="calendar" class="w-4 h-4 text-slate-400"></i>
                    </div>
                </div>
            </div>

            <!-- 7. Đến ngày bắt đầu -->
            <div>
                <label for="date_to" class="block text-xs font-bold text-slate-700 mb-1.5">Đến ngày (Bắt đầu)</label>
                <div class="relative">
                    <input type="text" id="date_to" name="date_to" value="{{ request('date_to') }}"
                        placeholder="Chọn ngày kết thúc..."
                        class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all cursor-pointer">
                    <div class="absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none">
                        <i data-lucide="calendar" class="w-4 h-4 text-slate-400"></i>
                    </div>
                </div>
            </div>

            <!-- 8. Loại đề thi -->
            <div>
                <label for="filter_exam_type" class="block text-xs font-bold text-slate-700 mb-1.5">Loại đề thi</label>
                <select id="filter_exam_type" name="exam_type"
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                    <option value="">Tất cả loại đề</option>
                    <option value="1" {{ request('exam_type') === '1' ? 'selected' : '' }}>Easy PASS for Teens</option>
                    <option value="2" {{ request('exam_type') === '2' ? 'selected' : '' }}>Easy PASS for Kids</option>
                    <option value="3" {{ request('exam_type') === '3' ? 'selected' : '' }}>Easy IELTS</option>
                    <option value="4" {{ request('exam_type') === '4' ? 'selected' : '' }}>Easy Speak for Teens</option>
                </select>
            </div>

            <!-- 9. Trạng thái làm bài -->
            <div>
                <label for="filter_has_tested" class="block text-xs font-bold text-slate-700 mb-1.5">Trạng thái làm bài</label>
                <select id="filter_has_tested" name="has_tested"
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                    <option value="">Tất cả</option>
                    <option value="0" {{ request('has_tested') === '0' ? 'selected' : '' }}>Chưa làm bài test</option>
                    <option value="1" {{ request('has_tested') === '1' ? 'selected' : '' }}>Đã làm bài test</option>
                </select>
            </div>

            <!-- 10. Trạng thái chấm điểm -->
            <div>
                <label for="filter_status" class="block text-xs font-bold text-slate-700 mb-1.5">Trạng thái chấm</label>
                <select id="filter_status" name="status"
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                    <option value="">Tất cả</option>
                    <option value="0" {{ request('status') === '0' ? 'selected' : '' }}>Chưa chấm</option>
                    <option value="1" {{ request('status') === '1' ? 'selected' : '' }}>Đã chấm</option>
                </select>
            </div>

            <!-- 11. Trạng thái ca thi -->
            <div>
                <label for="filter_session_status" class="block text-xs font-bold text-slate-700 mb-1.5">Trạng thái ca thi</label>
                <select id="filter_session_status" name="session_status"
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                    <option value="">Tất cả trạng thái ca</option>
                    <option value="0" {{ request('session_status') === '0' ? 'selected' : '' }}>Chờ diễn ra</option>
                    <option value="1" {{ request('session_status') === '1' ? 'selected' : '' }}>Done</option>
                    <option value="2" {{ request('session_status') === '2' ? 'selected' : '' }}>Hủy trước ca</option>
                    <option value="3" {{ request('session_status') === '3' ? 'selected' : '' }}>Hủy sau ca</option>
                </select>
            </div>

            <!-- 12. Giới hạn số lượt sử dụng -->
            <div>
                <label for="filter_is_active" class="block text-xs font-bold text-slate-700 mb-1.5">Giới hạn số lượt</label>
                <select id="filter_is_active" name="is_active"
                    class="w-full px-3.5 py-3.5 bg-white border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                    <option value="">Tất cả</option>
                    <option value="1" {{ request('is_active') === '1' ? 'selected' : '' }}>Có giới hạn số lượt</option>
                    <option value="0" {{ request('is_active') === '0' ? 'selected' : '' }}>Không giới hạn (Vô hạn)</option>
                </select>
            </div>

            @if($canViewAll)
            <!-- 13. Giáo viên chấm (Dành cho Admin/Vận hành - TomSelect searchTeacher) -->
            <div>
                <label for="filter_teacher_id" class="block text-xs font-bold text-slate-700 mb-1.5">Giáo viên chấm Speaking</label>
                <select id="filter_teacher_id" name="teacher_id" placeholder="Tất cả giáo viên..."
                    class="w-full px-3.5 py-2 bg-slate-50 border border-slate-200 rounded-lg text-xs focus:bg-white focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 outline-none transition-all">
                </select>
            </div>
            @endif

            <!-- Nút Thao Tác Tìm Kiếm & Xóa Lọc (Dòng riêng) -->
            <div class="col-span-full flex items-center gap-2.5 pt-1.5 mt-1">
                <button
                    class="inline-flex items-center justify-center gap-2 px-5 py-2.5 bg-indigo-600 hover:bg-indigo-700 text-white rounded-lg text-xs font-semibold shadow-xs transition-all cursor-pointer">
                    <i data-lucide="filter" class="w-4 h-4"></i> Lọc dữ liệu
                </button>
                <button type="button" id="resetBtn"
                    class="hidden flex items-center justify-center gap-1.5 px-4 py-2.5 bg-slate-100 hover:bg-slate-200 text-slate-600 rounded-lg text-xs font-semibold transition-all cursor-pointer">
                    <i data-lucide="x" class="w-4 h-4"></i> Xóa lọc
                </button>
            </div>

        </form>
    </div>

    <!-- Dropdown Chọn số bản ghi / trang -->
    <div class="flex items-center justify-between">
        <div class="relative w-44">
            <select id="per_page" name="per_page"
                class="peer block w-full appearance-none rounded-lg border border-slate-200 bg-white px-3.5 pb-1.5 pt-5 text-xs font-semibold text-slate-800 shadow-xs transition-all focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 cursor-pointer">
                <option value="5">5</option>
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="50">50</option>
                <option value="100">100</option>
            </select>

            <label for="per_page"
                class="pointer-events-none absolute left-3.5 top-1.5 z-10 origin-left -translate-y-0.5 scale-90 transform text-[10px] font-bold text-slate-400 uppercase tracking-wider transition-all duration-200 peer-focus:text-indigo-600">
                Hiển thị
            </label>

            <div class="pointer-events-none absolute right-3 top-1/2 z-10 -translate-y-1/2 text-slate-400">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2"
                    stroke="currentColor" class="h-3.5 w-3.5">
                    <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
                </svg>
            </div>
        </div>

        <span class="text-xs text-slate-500 font-medium" id="tableRecordSummary"></span>
    </div>

    <!-- Main Data Table Section -->
    <div class="bg-white rounded-xl shadow-[0_8px_30px_rgb(0,0,0,0.04)] border border-slate-200 overflow-hidden">

        <div id="speaking-schedule-table-container" class="overflow-x-auto custom-scrollbar">
            <table class="min-w-max w-full divide-y divide-slate-200">
                <thead class="bg-slate-50/80 border-b border-slate-200 text-[11px] font-bold text-slate-600 uppercase tracking-wider">
                    <tr>
                        <!-- 1. STT (Sticky left 0) -->
                        <th class="sticky left-0 z-20 bg-slate-50 px-3.5 py-3.5 text-center w-[55px] min-w-[55px] whitespace-nowrap">
                            STT
                        </th>

                        <!-- 2. Mã CODE / Mã bài thi (Sticky left 55px) -->
                        <th class="sticky left-[55px] z-20 bg-slate-50 px-4 py-3.5 text-left w-[185px] min-w-[185px] whitespace-nowrap">
                            Mã CODE / Mã bài thi
                        </th>

                        <!-- 3. Học viên (Sticky left 240px + Shadow phải) -->
                        <th class="sticky left-[240px] z-20 bg-slate-50 px-4 py-3.5 text-left w-[230px] min-w-[230px] whitespace-nowrap shadow-[4px_0_10px_-3px_rgba(0,0,0,0.08)]">
                            Học viên
                        </th>

                        <!-- 4. Loại đề thi -->
                        <th class="px-4 py-3.5 text-left min-w-[170px] whitespace-nowrap">
                            Loại đề thi
                        </th>

                        <!-- 5. TG đặt lịch -->
                        <th class="px-4 py-3.5 text-left min-w-[160px] whitespace-nowrap">
                            TG đặt lịch
                        </th>

                        <!-- 6. Thời gian thi -->
                        <th class="px-4 py-3.5 text-left min-w-[180px] whitespace-nowrap">
                            Thời gian thi
                        </th>

                        <!-- 7. Trạng thái ca thi -->
                        <th class="px-4 py-3.5 text-center min-w-[130px] whitespace-nowrap">
                            Trạng thái ca
                        </th>

                        <!-- 6. Đề thi & Campaign -->
                        <th class="hidden px-4 py-3.5 text-left min-w-[200px] whitespace-nowrap">
                            Đề thi / Campaign
                        </th>

                        <!-- 7. Giáo viên chấm -->
                        <th class="px-4 py-3.5 text-left min-w-[160px] whitespace-nowrap">
                            Giáo viên chấm
                        </th>

                        <!-- 8. Điểm Speaking -->
                        <th class="px-4 py-3.5 text-center min-w-[140px] whitespace-nowrap">
                            Điểm Speaking
                        </th>

                        <!-- 9. Lượt dùng -->
                        <th class="px-4 py-3.5 text-center min-w-[110px] whitespace-nowrap">
                            Lượt dùng
                        </th>

                        <!-- 10. Giới hạn lượt -->
                        <th class="px-4 py-3.5 text-center min-w-[120px] whitespace-nowrap">
                            Giới hạn lượt
                        </th>

                        <!-- 11. Hành động (Sticky right 0 + Shadow trái) -->
                        <th class="sticky right-0 z-20 bg-slate-50 px-4 py-3.5 text-center min-w-[130px] whitespace-nowrap shadow-[-4px_0_10px_-3px_rgba(0,0,0,0.08)]">
                            Hành động
                        </th>
                    </tr>
                </thead>
                <tbody class="bg-white divide-y divide-slate-100 text-xs" id="speaking-schedule-body">
                </tbody>
            </table>
        </div>

        <!-- Table Footer / Pagination -->
        <div class="px-6 py-4 border-t border-slate-200 bg-white flex items-center justify-between text-xs text-slate-500 font-medium flex-wrap gap-2" id="pagination-container">
        </div>

        <!-- Floating Scrollbar -->
        <x-floating-scroll targetId="speaking-schedule-table-container" />
    </div>

    <!-- Hidden Inputs For Permissions & Tenant Context -->
    <input type="hidden" id="perm_can_create" value="{{ $canCreateSchedule ? 1 : 0 }}">
    <input type="hidden" id="perm_can_edit" value="{{ $canEditSchedule ? 1 : 0 }}">
    <input type="hidden" id="perm_can_delete" value="{{ $canDeleteSchedule ? 1 : 0 }}">
    <input type="hidden" id="perm_can_toggle_active" value="{{ $canToggleActive ? 1 : 0 }}">
    <input type="hidden" id="perm_can_grade" value="{{ $canGradeByCode ? 1 : 0 }}">
    <input type="hidden" id="perm_can_view_all" value="{{ $canViewAll ? 1 : 0 }}">
    <input type="hidden" id="perm_can_update_session_status" value="{{ $canUpdateSessionStatus ? 1 : 0 }}">
    <input type="hidden" id="user_campaign_id" value="{{ $campaignId ?? '' }}">
</div>

<!-- Include Modals -->
@include('speaking-schedule.modal.create-schedule-modal')
@include('speaking-schedule.modal.edit-schedule-modal')
@include('speaking-schedule.modal.grade-by-code-modal')
@include('speaking-schedule.modal.view-detail-modal')
@include('speaking-schedule.modal.update-session-status-modal')

<script>
    window.routes = {
        getSpeakingSchedule: "{{ route('speaking-schedule.getData') }}",
        storeSpeakingSchedule: "{{ route('speaking-schedule.store') }}",
        updateSpeakingSchedule: "{{ route('speaking-schedule.update', ['id' => ':id']) }}",
        deleteSpeakingSchedule: "{{ route('speaking-schedule.destroy', ['id' => ':id']) }}",
        toggleActiveSpeakingSchedule: "{{ route('speaking-schedule.toggleActive', ['id' => ':id']) }}",
        verifyCode: "{{ route('speaking-schedule.verifyCode') }}",
        submitGrading: "{{ route('speaking-schedule.submitGrading') }}",
        lookupStudentScore: "{{ route('speaking-schedule.lookupStudentScore') }}",
        getAllExams: "{{ route('exams.getAllExams') }}",
        searchTeachers: "{{ route('teacher.search') }}",
        exportSpeakingSchedule: "{{ route('speaking-schedule.export') }}",
        exportSpeakingScheduleProgress: "{{ route('speaking-schedule.exportProgress', ['export_id' => ':id']) }}",
        updateSessionStatus: "{{ route('speaking-schedule.updateSessionStatus', ['id' => ':id']) }}"
    };
</script>
<script src="{{ asset('js/utils/utils.js') }}"></script>
<script src="{{ asset('js/utils/floating-scroll.js') }}"></script>
<script src="{{ asset('js/speaking-schedule/speaking-schedule.js') }}"></script>
@endsection