@extends('layouts.app')

@section('title', 'Информация о группе')

{{--
    Ports app/Views/group/show.php (legacy, 1450 lines) + the render()
    payload from App\Controllers\GroupController::show()
    (app/Controllers/GroupController.php:488-559) — see the Phase 16 plan.

    Every write form on this page is Laravel-native @csrf as of Phase 21
    (edit/delete/deactivate-group: Phase 17; group-tariff CRUD: Phase 18;
    schedule CRUD: Phase 19; student add/remove: Phase 21, shared with
    adviser/schedule/index.blade.php since that page migrated in Phase 20).
    No more legacy CSRF pass-through forms remain on this page.

    The edit-group modal checks Laravel's own $errors/old() first (set by
    Illuminate\Http\Request::validate()'s automatic redirect-back), falling
    back to the legacy $oldInput/$oldErrors (Phase 16) only when Laravel's
    own bag is empty — the two can never both be populated for the same
    request/redirect cycle, since only one side ever writes on any given
    submit. See the Phase 17 plan.

    Role gating mirrors the legacy view's two in_array($role, ['admin'])
    blocks exactly (tariffs, financials) — the page itself has no
    page-level role restriction (only SessionAuth::check()), matching the
    same flagged-not-fixed ambiguity as student_admin_info.php.

    The #StudentModal edit-student-in-group form is ported byte-for-byte
    broken, matching production: it posts to /update_student_to_group.php
    (no matching route at all) and its data-weekdays attribute is always
    empty (Group::getStudents() never selects sg.weekdays) — not this
    phase's concern to fix.
--}}

@push('styles')
<style>
    .info-section { background: var(--ax-surface, #fff); border: 1px solid var(--ax-border, #e5e7eb); border-radius: var(--ax-radius, 12px); margin-bottom: 14px; overflow: hidden; box-shadow: var(--ax-shadow-sm); }
    .info-section-header { padding: 10px 16px; border-bottom: 1px solid var(--ax-border, #e5e7eb); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; background: var(--ax-gray-50, #f9fafb); }
    .info-section-title { font-size: 12px; font-weight: 600; color: var(--ax-text-muted, #6b7280); text-transform: uppercase; letter-spacing: 0.06em; margin: 0; }
    .info-section-body { padding: 16px; }
    .field-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px 20px; }
    .field-label { font-size: 12px; color: var(--ax-gray-400, #9ca3af); margin-bottom: 2px; }
    .field-value { font-size: 14px; font-weight: 500; color: var(--ax-gray-900, #111827); }
    .field-value.dummy { color: var(--ax-gray-300, #d1d5db); font-weight: 400; }
    .metric-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
    .metric-card { background: var(--ax-gray-50, #f9fafb); border-radius: var(--ax-radius-sm, 8px); padding: 10px 12px; }
    .metric-label { font-size: 12px; color: var(--ax-text-muted, #6b7280); margin-bottom: 3px; }
    .metric-value { font-size: 16px; font-weight: 600; color: var(--ax-gray-900, #111827); }
    .metric-value.green { color: var(--ax-success, #16a34a); }
    .metric-value.red { color: var(--ax-danger, #dc2626); }
    .metric-value.amber { color: var(--ax-warning, #d97706); }
    .metric-value.dummy { color: var(--ax-gray-300, #d1d5db); font-size: 13px; font-weight: 400; }
    .sub-label { font-size: 12px; font-weight: 600; color: var(--ax-gray-700, #374151); margin-bottom: 10px; margin-top: 4px; }
    .section-divider { border: none; border-top: 1px solid var(--ax-gray-100, #f3f4f6); margin: 14px 0; }
    .group-avatar { width: 44px; height: 44px; border-radius: 50%; background: var(--ax-primary-100, #dbeafe); display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; color: var(--ax-primary-700, #1d4ed8); flex-shrink: 0; }
</style>
@endpush

@php
    $editGroupHasError = $errors->any()
        || isset($oldErrors['group_name']) || isset($oldErrors['teacher_id']) || isset($oldErrors['group_type'])
        || isset($oldErrors['subject_id']) || isset($oldErrors['language_id']) || isset($oldErrors['learning_type_id'])
        || isset($oldErrors['class_id']);

    $editGroupError = fn (string $field) => $errors->first($field) ?: ($oldErrors[$field] ?? null);
    $editGroupOld = fn (string $field, string $default = '') => $errors->any()
        ? old($field, $default)
        : ($oldInput[$field] ?? $default);
@endphp

@section('content')
<div class="container mt-4" style="max-width: 1040px;">
    @if ($group !== null)
    <div class="info-section">
        <div class="info-section-header">
            <span class="info-section-title">Общая информация</span>
            <div class="d-flex gap-2">
                <button type="button" class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#editGroupModal">Редактировать</button>
                <button type="button" class="btn btn-outline-danger btn-sm" data-bs-toggle="modal" data-bs-target="#deleteModal{{ $groupId }}">Удалить</button>
            </div>
        </div>

        <div class="modal fade" id="deleteModal{{ $groupId }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header bg-danger text-white">
                        <h5 class="modal-title">Удаление группы</h5>
                        <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>Выберите действие для группы <strong>{{ $group->group_name }}</strong>:</p>
                    </div>
                    <div class="modal-footer">
                        <form action="/deactivate_group.php" method="post" class="me-auto">
                            @csrf
                            <input type="hidden" name="group_id" value="{{ $groupId }}">
                            <button type="submit" class="btn btn-outline-warning">&#128993; Деактивировать</button>
                        </form>
                        <form action="/delete_group.php" method="post" onsubmit="return confirm('Полностью удалить группу? Это действие нельзя отменить!');">
                            @csrf
                            <input type="hidden" name="group_id" value="{{ $groupId }}">
                            <button type="submit" class="btn btn-danger">&#128465; Удалить навсегда</button>
                        </form>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="editGroupModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Редактировать группу</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <form action="/edit_group.php" method="POST">
                            @csrf
                            <input type="hidden" name="group_id" value="{{ $groupId }}">

                            @php
                                $oldGroupName = $editGroupOld('group_name');
                                $oldTeacherId = $editGroupOld('teacher_id');
                                $oldGroupType = $editGroupOld('group_type');
                                $oldSubjectId = $editGroupOld('subject_id');
                                $oldLanguageId = $editGroupOld('language_id');
                                $oldLearningTypeId = $editGroupOld('learning_type_id');
                                $oldClassId = $editGroupOld('class_id');
                            @endphp

                            <div class="mb-3">
                                <label for="edit_group_name" class="form-label">Название группы</label>
                                <input type="text" class="form-control{{ $editGroupError('group_name') ? ' is-invalid' : '' }}"
                                       id="edit_group_name" name="group_name"
                                       value="{{ $oldGroupName !== '' ? $oldGroupName : $group->group_name }}" required>
                                @if ($err = $editGroupError('group_name'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_teacher_id" class="form-label">Учитель</label>
                                <select class="form-select{{ $editGroupError('teacher_id') ? ' is-invalid' : '' }}" id="edit_teacher_id" name="teacher_id" required>
                                    <option value="">Выберите учителя</option>
                                    @foreach ($editTeachers as $teacher)
                                        <option value="{{ $teacher->id }}"
                                                {{ ($oldTeacherId !== '' ? $oldTeacherId === (string) $teacher->id : (int) $teacher->id === (int) $group->teacher_id) ? 'selected' : '' }}>
                                            {{ $teacher->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($err = $editGroupError('teacher_id'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_group_type" class="form-label">Тип группы</label>
                                <select class="form-select{{ $editGroupError('group_type') ? ' is-invalid' : '' }}" id="edit_group_type" name="group_type" required>
                                    <option value="Group" {{ ($oldGroupType !== '' ? $oldGroupType === 'Group' : $group->type === 'Group') ? 'selected' : '' }}>Группа</option>
                                    <option value="MiniGroup" {{ ($oldGroupType !== '' ? $oldGroupType === 'MiniGroup' : $group->type === 'MiniGroup') ? 'selected' : '' }}>Индив</option>
                                </select>
                                @if ($err = $editGroupError('group_type'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_subject_id" class="form-label">Предмет</label>
                                <select class="form-select{{ $editGroupError('subject_id') ? ' is-invalid' : '' }}" id="edit_subject_id" name="subject_id" required>
                                    <option value="">Выберите предмет</option>
                                    @foreach ($editDisciplines as $discipline)
                                        <option value="{{ $discipline->id }}"
                                                {{ ($oldSubjectId !== '' ? $oldSubjectId === (string) $discipline->id : (int) $discipline->id === (int) $group->discipline_id) ? 'selected' : '' }}>
                                            {{ $discipline->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($err = $editGroupError('subject_id'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_language_id" class="form-label">Язык обучения</label>
                                <select class="form-select{{ $editGroupError('language_id') ? ' is-invalid' : '' }}" id="edit_language_id" name="language_id" required>
                                    <option value="">Выберите язык</option>
                                    @foreach ($editLanguages as $language)
                                        <option value="{{ $language->id }}"
                                                {{ ($oldLanguageId !== '' ? $oldLanguageId === (string) $language->id : (int) $language->id === (int) $group->language_id) ? 'selected' : '' }}>
                                            {{ $language->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($err = $editGroupError('language_id'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_learning_type_id" class="form-label">Тип обучения</label>
                                <select class="form-select{{ $editGroupError('learning_type_id') ? ' is-invalid' : '' }}" id="edit_learning_type_id" name="learning_type_id" required>
                                    <option value="">Выберите тип обучения</option>
                                    @foreach ($editLearningTypes as $learningType)
                                        <option value="{{ $learningType->id }}"
                                                {{ ($oldLearningTypeId !== '' ? $oldLearningTypeId === (string) $learningType->id : (int) $learningType->id === (int) $group->learning_type_id) ? 'selected' : '' }}>
                                            {{ $learningType->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($err = $editGroupError('learning_type_id'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="mb-3">
                                <label for="edit_class_id" class="form-label">Класс</label>
                                <select class="form-select{{ $editGroupError('class_id') ? ' is-invalid' : '' }}" id="edit_class_id" name="class_id" required>
                                    <option value="">Выберите класс</option>
                                    @foreach ($editClasses as $class)
                                        <option value="{{ $class->id }}"
                                                {{ ($oldClassId !== '' ? $oldClassId === (string) $class->id : (int) $class->id === (int) $group->class_id) ? 'selected' : '' }}>
                                            {{ $class->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @if ($err = $editGroupError('class_id'))
                                    <div class="invalid-feedback">{{ $err }}</div>
                                @endif
                            </div>

                            <div class="modal-footer px-0 pb-0">
                                <button type="submit" class="btn btn-success">Сохранить</button>
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="info-section-body">
            <div class="d-flex align-items-center gap-3 mb-3">
                <div class="group-avatar">
                    {{ mb_strtoupper(mb_substr($group->group_name, 0, 2)) }}
                </div>
                <h4 class="mb-0">{{ $group->group_name }}</h4>
            </div>

            <div class="field-grid">
                <div>
                    <div class="field-label">Преподаватель</div>
                    <div class="field-value">{{ $group->teacher_name ?? '—' }}</div>
                </div>
                <div>
                    <div class="field-label">Тип</div>
                    <div class="field-value">{{ $group->type }}</div>
                </div>
                <div>
                    <div class="field-label">Класс</div>
                    <div class="field-value">{{ $group->class_name ?? '—' }}</div>
                </div>
                <div>
                    <div class="field-label">Предмет</div>
                    <div class="field-value">{{ $group->discipline_name ?? '—' }}</div>
                </div>
                <div>
                    <div class="field-label">Язык</div>
                    <div class="field-value">{{ $group->language_name ?? '—' }}</div>
                </div>
                <div>
                    <div class="field-label">Тип обучения</div>
                    <div class="field-value">{{ $group->learning_type_name ?? '—' }}</div>
                </div>
            </div>
        </div>
    </div>
    @endif

    <div class="info-section">
        <div class="info-section-header">
            <span class="info-section-title">Студенты</span>
            <button type="button" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addStudentModal">
                Добавить
            </button>
        </div>
        <div class="info-section-body">
            <div id="groupStudentsAlert"></div>
            <ul class="list-group">
                @if (!empty($localStudents))
                    @foreach ($localStudents as $student)
                        <li class="list-group-item d-flex justify-content-between align-items-center">
                            <strong>{{ trim("{$student->last_name} {$student->first_name}") }}</strong>
                            <div>
                                <button type="button"
                                        class="btn btn-warning btn-sm"
                                        data-bs-toggle="modal"
                                        data-bs-target="#StudentModal"
                                        data-id="{{ $student->id }}"
                                        data-first-name="{{ $student->first_name ?? '' }}"
                                        data-last-name="{{ $student->last_name ?? '' }}"
                                        data-joined-at="{{ $student->joined_at ?? '' }}"
                                        data-end-date="{{ $student->end_date ?? '' }}"
                                        data-weekdays="{{ $student->weekdays ?? '' }}">
                                    Изменить
                                </button>

                                <form action="/delete_student_from_group.php" method="POST" class="d-inline js-ajax-form"
                                      data-remove-target="li" data-alert-target="#groupStudentsAlert"
                                      onsubmit="return confirm('Вы уверены, что хотите удалить этого студента?');">
                                    @csrf
                                    <input type="hidden" name="id" value="{{ $student->id }}">
                                    <input type="hidden" name="group_id" value="{{ $groupId }}">
                                    <button type="submit" class="btn btn-danger btn-sm">Удалить</button>
                                </form>
                            </div>
                        </li>
                    @endforeach
                @else
                    <p class="text-muted">В этой группе нет студентов в локальной базе данных.</p>
                @endif
            </ul>
        </div>
    </div>

    {{-- Legacy form has no CSRF field at all here (matches production — see the class docblock). --}}
    <div class="modal fade" id="StudentModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Редактировать студента</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form action="/update_student_to_group.php" method="POST">
                        <div class="mb-3">
                            <label for="joined_at" class="form-label">Дата начала</label>
                            <input type="date" class="form-control" id="joined_at" name="joined_at" required>
                        </div>
                        <div class="mb-3">
                            <label for="end_date" class="form-label">Дата окончания</label>
                            <input type="date" class="form-control" id="end_date" name="end_date">
                        </div>
                        <div class="mb-3">
                            <label>
                                <input type="checkbox" id="showWeekdays" class="form-check-input">
                                Показать дни недели
                            </label>
                        </div>
                        <div id="weekdaysCheckboxes" style="display: none;">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="monday" name="weekdays[]" value="1">
                                <label class="form-check-label" for="monday">Понедельник</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="tuesday" name="weekdays[]" value="2">
                                <label class="form-check-label" for="tuesday">Вторник</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="wednesday" name="weekdays[]" value="4">
                                <label class="form-check-label" for="wednesday">Среда</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="thursday" name="weekdays[]" value="8">
                                <label class="form-check-label" for="thursday">Четверг</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="friday" name="weekdays[]" value="16">
                                <label class="form-check-label" for="friday">Пятница</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="saturday" name="weekdays[]" value="32">
                                <label class="form-check-label" for="saturday">Суббота</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="sunday" name="weekdays[]" value="64">
                                <label class="form-check-label" for="sunday">Воскресенье</label>
                            </div>
                        </div>
                        <div class="mb-3">
                            <button type="submit" class="btn btn-primary">Сохранить</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="addStudentModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Добавить студента</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <form action="/add_student_to_group.php" method="POST">
                        @csrf
                        <div class="mb-3">
                            <label for="student_search" class="form-label">Поиск студента</label>
                            <input type="text" class="form-control" id="student_search" name="student_search" placeholder="Начните вводить имя..." autocomplete="off" required>
                            <input type="hidden" id="student_id" name="student_id">
                            <input type="hidden" name="group_id" value="{{ $group->id }}">
                            <ul id="student-suggestions" class="list-group mt-2" style="display: none;"></ul>
                        </div>
                        <div class="mb-3">
                            <label for="joined_at" class="form-label">Дата начала</label>
                            <input type="date" class="form-control" id="joined_at" name="joined_at" required>
                        </div>
                        <div class="mb-3">
                            <label for="end_date" class="form-label">Дата окончания</label>
                            <input type="date" class="form-control" id="end_date" name="end_date">
                        </div>
                        <div class="mb-3">
                            <label>
                                <input type="checkbox" id="showWeekdays" class="form-check-input">
                                Показать дни недели
                            </label>
                        </div>
                        <div id="weekdaysCheckboxes" style="display: none;">
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="monday" name="weekdays[]" value="1">
                                <label class="form-check-label" for="monday">Понедельник</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="tuesday" name="weekdays[]" value="2">
                                <label class="form-check-label" for="tuesday">Вторник</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="wednesday" name="weekdays[]" value="4">
                                <label class="form-check-label" for="wednesday">Среда</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="thursday" name="weekdays[]" value="8">
                                <label class="form-check-label" for="thursday">Четверг</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="friday" name="weekdays[]" value="16">
                                <label class="form-check-label" for="friday">Пятница</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="saturday" name="weekdays[]" value="32">
                                <label class="form-check-label" for="saturday">Суббота</label>
                            </div>
                            <div class="form-check">
                                <input type="checkbox" class="form-check-input" id="sunday" name="weekdays[]" value="64">
                                <label class="form-check-label" for="sunday">Воскресенье</label>
                            </div>
                        </div>
                        <div class="mb-3">
                            <button type="submit" class="btn btn-primary">Сохранить</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="info-section">
        <div class="info-section-header">
            <span class="info-section-title">Расписание</span>
            <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addScheduleModal">
                Добавить
            </button>
        </div>
        <div class="info-section-body">
            <div id="groupScheduleAlert"></div>
            <ul class="list-group">
                @if (!empty($localSchedule))
                    @foreach ($localSchedule as $schedule)
                        <li class="list-group-item d-flex justify-content-between align-items-start">
                            <div>
                                <strong>Время:</strong>
                                {{ date('H:i', strtotime($schedule->begin_time)) }} - {{ date('H:i', strtotime($schedule->end_time)) }}<br>
                                <strong>Дни:</strong> {{ \App\Support\Weekdays::toString((int) $schedule->weekdays) }}<br>
                                <strong>С:</strong> {{ $schedule->begin_date }}
                                @if (!empty($schedule->end_date))
                                    <strong> по </strong> {{ $schedule->end_date }}
                                @endif
                                <br>
                                @if (!empty($schedule->classroom_name))
                                    <strong>Кабинет:</strong> {{ $schedule->classroom_name }}<br>
                                @endif
                                @if (!empty($schedule->classroom_link))
                                    <a href="{{ $schedule->classroom_link }}" target="_blank">Ссылка на кабинет</a>
                                @endif
                            </div>
                            <div class="ms-3 text-end d-flex flex-column gap-2">
                                <button
                                    class="btn btn-sm btn-outline-primary"
                                    data-bs-toggle="modal"
                                    data-bs-target="#editScheduleModal"
                                    onclick="fillEditForm({{ json_encode($schedule) }})">
                                    Редактировать
                                </button>
                                <form method="post" action="/delete_schedule.php" class="js-ajax-form"
                                      data-remove-target="li" data-alert-target="#groupScheduleAlert"
                                      onsubmit="return confirm('Удалить это расписание?');">
                                    @csrf
                                    <input type="hidden" name="schedule_id" value="{{ $schedule->id }}">
                                    <input type="hidden" name="group_id" value="{{ $groupId }}">
                                    <button type="submit" class="btn btn-sm btn-outline-danger">Удалить</button>
                                </form>
                            </div>
                        </li>
                    @endforeach
                @else
                    <p class="text-muted">Расписание в локальной базе не найдено.</p>
                @endif
            </ul>
        </div>
    </div>

    <div class="modal fade" id="addScheduleModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <form method="post" action="/add_schedule.php" id="add-schedule-form">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Добавить расписание</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="group_id" value="{{ $groupId }}">
                        <input type="hidden" name="weekdays" id="add-weekdays-sum">

                        <div class="mb-3">
                            <label class="form-label">Дата с: <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="begin_date" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Дата до:</label>
                            <input type="date" class="form-control" name="end_date">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Время с: <span class="text-danger">*</span></label>
                            <select class="form-select" name="begin_time" id="begin_time" required onchange="updateEndTime()">
                                @foreach (['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00'] as $t)
                                    <option value="{{ $t }}">{{ $t }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Время по: <span class="text-danger">*</span></label>
                            <input type="time" class="form-control" name="end_time" id="end_time" readonly required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label d-block">Дни недели:</label>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach ([['Пн',1],['Вт',2],['Ср',4],['Чт',8],['Пт',16],['Сб',32],['Вс',64]] as $index => $dayPair)
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input add-weekday-checkbox" type="checkbox" value="{{ $dayPair[1] }}" id="add-day{{ $index }}">
                                        <label class="form-check-label" for="add-day{{ $index }}">{{ $dayPair[0] }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="add-classroom" class="form-label">Кабинет:</label>
                            <select name="classroom_id" id="add-classroom" class="form-select">
                                <option value="">-- Не выбран --</option>
                                @foreach ($classrooms as $classroom)
                                    <option value="{{ $classroom->id }}">{{ $classroom->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">Сохранить</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="modal fade" id="editScheduleModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <form id="edit-schedule-form" method="post" action="/edit_schedule.php">
                @csrf
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Редактировать расписание</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="schedule_id" id="edit-schedule-id">
                        <input type="hidden" name="group_id" value="{{ $groupId }}">
                        <input type="hidden" name="weekdays" id="edit-weekdays-sum">

                        <div class="mb-3">
                            <label class="form-label">Дата с: <span class="text-danger">*</span></label>
                            <input type="date" class="form-control" name="begin_date" id="edit-begin-date" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Дата до:</label>
                            <input type="date" class="form-control" name="end_date" id="edit-end-date">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Время с: <span class="text-danger">*</span></label>
                            <select class="form-select" name="begin_time" id="edit-begin-time" required onchange="updateEditEndTime()">
                                @foreach (['08:00','09:00','10:00','11:00','12:00','13:00','14:00','15:00','16:00','17:00','18:00','19:00','20:00'] as $t)
                                    <option value="{{ $t }}">{{ $t }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Время по: <span class="text-danger">*</span></label>
                            <input type="time" class="form-control" name="end_time" id="edit-end-time" readonly required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label d-block">Дни недели:</label>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach ([['Пн',1],['Вт',2],['Ср',4],['Чт',8],['Пт',16],['Сб',32],['Вс',64]] as $index => $dayPair)
                                    <div class="form-check form-check-inline">
                                        <input class="form-check-input edit-weekday-checkbox" type="checkbox" value="{{ $dayPair[1] }}" id="edit-day{{ $index }}">
                                        <label class="form-check-label" for="edit-day{{ $index }}">{{ $dayPair[0] }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <div class="mb-3">
                            <label for="edit-classroom" class="form-label">Кабинет:</label>
                            <select name="classroom_id" id="edit-classroom" class="form-select">
                                <option value="">-- Не выбран --</option>
                                @foreach ($classrooms as $classroom)
                                    <option value="{{ $classroom->id }}">{{ $classroom->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">Сохранить</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @if (in_array($role, ['admin'], true))
        <div class="info-section">
            <div class="info-section-header">
                <span class="info-section-title">Тарифы группы</span>
                <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#addGroupTariffModal">
                    Добавить
                </button>
            </div>
            <div class="info-section-body">
                <div id="groupTariffsAlert"></div>
                <ul class="list-group">
                    @if (!empty($groupTariffs))
                        @foreach ($groupTariffs as $gt)
                            @php
                                $isActive = $gt->start_date <= date('Y-m-d') && $gt->end_date >= date('Y-m-d');
                                $chargePerLesson = $gt->lessons_count > 0
                                    ? number_format($gt->price / $gt->lessons_count, 2)
                                    : '—';
                                $displayName = preg_replace('/^\[manual\]\s*/', '', $gt->name);
                            @endphp
                            <li class="list-group-item d-flex justify-content-between align-items-start">
                                <div>
                                    <div class="d-flex align-items-center gap-2 mb-1">
                                        <strong>{{ $displayName }}</strong>
                                        @if ($gt->is_manual)
                                            <span class="badge bg-warning text-dark">Ручной</span>
                                        @endif
                                        @if ($isActive)
                                            <span class="badge bg-success">Активен</span>
                                        @else
                                            <span class="badge bg-secondary">Неактивен</span>
                                        @endif
                                    </div>
                                    <small class="text-muted">
                                        <strong>Цена:</strong> {{ number_format((float) $gt->price, 2) }} &nbsp;|&nbsp;
                                        <strong>Уроков:</strong> {{ $gt->lessons_count }} &nbsp;|&nbsp;
                                        <strong>За урок:</strong> {{ $chargePerLesson }}<br>
                                        <strong>С:</strong> {{ $gt->start_date }}
                                        <strong> по </strong> {{ $gt->end_date }}
                                    </small>
                                </div>
                                <div class="ms-3 text-end d-flex flex-column gap-2">
                                    <button
                                        class="btn btn-sm btn-outline-primary"
                                        data-bs-toggle="modal"
                                        data-bs-target="#editGroupTariffModal"
                                        onclick="fillGroupTariffEditForm({{ json_encode($gt) }})">
                                        Редактировать
                                    </button>
                                    <form method="post" action="/delete_group_tariff.php" class="js-ajax-form"
                                          data-remove-target="li" data-alert-target="#groupTariffsAlert"
                                          onsubmit="return confirm('Удалить тариф группы?');">
                                        @csrf
                                        <input type="hidden" name="group_tariff_id" value="{{ $gt->id }}">
                                        <input type="hidden" name="group_id" value="{{ $groupId }}">
                                        <button type="submit" class="btn btn-sm btn-outline-danger w-100">Удалить</button>
                                    </form>
                                </div>
                            </li>
                        @endforeach
                    @else
                        <p class="text-muted px-2">Тарифы для группы не назначены.</p>
                    @endif
                </ul>
            </div>
        </div>

        <div class="modal fade" id="addGroupTariffModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Добавить тариф группы</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <form action="/add_group_tariff.php" method="POST">
                            @csrf
                            <input type="hidden" name="group_id" value="{{ $groupId }}">

                            <div class="mb-3">
                                <div class="btn-group w-100" role="group">
                                    <input type="radio" class="btn-check" name="entry_mode" id="add-mode-list" value="list" checked
                                           onchange="switchAddMode('list')">
                                    <label class="btn btn-outline-primary" for="add-mode-list">Из списка</label>
                                    <input type="radio" class="btn-check" name="entry_mode" id="add-mode-manual" value="manual"
                                           onchange="switchAddMode('manual')">
                                    <label class="btn btn-outline-primary" for="add-mode-manual">Вручную</label>
                                </div>
                            </div>

                            <div id="add-list-section">
                                <div class="mb-3">
                                    <label class="form-label">Тариф <span class="text-danger">*</span></label>
                                    <select name="tariff_id" class="form-select" id="add-tariff-select"
                                            onchange="fillTariffDates('add')">
                                        <option value="">— Выберите тариф —</option>
                                        @foreach ($allTariffs as $t)
                                            <option value="{{ $t->id }}"
                                                    data-duration="{{ $t->duration_days }}"
                                                    data-price="{{ $t->price }}"
                                                    data-lessons="{{ $t->lessons_count }}">
                                                {{ $t->name }}
                                                ({{ number_format((float) $t->price, 2) }} / {{ $t->lessons_count }} уроков)
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div id="add-tariff-preview" class="alert alert-info py-2 small mb-3" style="display:none;"></div>
                            </div>

                            <div id="add-manual-section" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Название <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="manual_name"
                                           placeholder="Например: Индивидуальный апрель">
                                </div>
                                <div class="row g-2 mb-3">
                                    <div class="col">
                                        <label class="form-label">Цена <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="manual_price"
                                               id="add-manual-price" min="0" step="0.01" placeholder="10000"
                                               oninput="updateManualPreview('add')">
                                    </div>
                                    <div class="col">
                                        <label class="form-label">Уроков <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="manual_lessons"
                                               id="add-manual-lessons" min="1" placeholder="4"
                                               oninput="updateManualPreview('add')">
                                    </div>
                                </div>
                                <div id="add-manual-preview" class="alert alert-info py-2 small mb-3" style="display:none;"></div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Дата начала <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" name="start_date" id="add-start-date"
                                       value="{{ date('Y-m-d') }}" required
                                       onchange="fillTariffDates('add')">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Дата окончания <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" name="end_date" id="add-end-date" required>
                            </div>

                            <div class="modal-footer px-0 pb-0">
                                <button type="submit" class="btn btn-success">Сохранить</button>
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" id="editGroupTariffModal" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Редактировать тариф группы</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <form action="/edit_group_tariff.php" method="POST">
                            @csrf
                            <input type="hidden" name="group_tariff_id" id="edit-gt-id">
                            <input type="hidden" name="group_id" value="{{ $groupId }}">

                            <div class="mb-3">
                                <div class="btn-group w-100" role="group">
                                    <input type="radio" class="btn-check" name="entry_mode" id="edit-mode-list" value="list"
                                           onchange="switchEditMode('list')">
                                    <label class="btn btn-outline-primary" for="edit-mode-list">Из списка</label>
                                    <input type="radio" class="btn-check" name="entry_mode" id="edit-mode-manual" value="manual"
                                           onchange="switchEditMode('manual')">
                                    <label class="btn btn-outline-primary" for="edit-mode-manual">Вручную</label>
                                </div>
                            </div>

                            <div id="edit-list-section">
                                <div class="mb-3">
                                    <label class="form-label">Тариф <span class="text-danger">*</span></label>
                                    <select name="tariff_id" class="form-select" id="edit-tariff-select"
                                            onchange="fillTariffDates('edit')">
                                        <option value="">— Выберите тариф —</option>
                                        @foreach ($allTariffs as $t)
                                            <option value="{{ $t->id }}"
                                                    data-duration="{{ $t->duration_days }}"
                                                    data-price="{{ $t->price }}"
                                                    data-lessons="{{ $t->lessons_count }}">
                                                {{ $t->name }}
                                                ({{ number_format((float) $t->price, 2) }} / {{ $t->lessons_count }} уроков)
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div id="edit-tariff-preview" class="alert alert-info py-2 small mb-3" style="display:none;"></div>
                            </div>

                            <div id="edit-manual-section" style="display:none;">
                                <div class="mb-3">
                                    <label class="form-label">Название <span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" name="manual_name" id="edit-manual-name"
                                           placeholder="Например: Индивидуальный апрель">
                                </div>
                                <div class="row g-2 mb-3">
                                    <div class="col">
                                        <label class="form-label">Цена <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="manual_price"
                                               id="edit-manual-price" min="0" step="0.01"
                                               oninput="updateManualPreview('edit')">
                                    </div>
                                    <div class="col">
                                        <label class="form-label">Уроков <span class="text-danger">*</span></label>
                                        <input type="number" class="form-control" name="manual_lessons"
                                               id="edit-manual-lessons" min="1"
                                               oninput="updateManualPreview('edit')">
                                    </div>
                                </div>
                                <div id="edit-manual-preview" class="alert alert-info py-2 small mb-3" style="display:none;"></div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Дата начала <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" name="start_date" id="edit-start-date" required
                                       onchange="fillTariffDates('edit')">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Дата окончания <span class="text-danger">*</span></label>
                                <input type="date" class="form-control" name="end_date" id="edit-end-date" required>
                            </div>

                            <div class="modal-footer px-0 pb-0">
                                <button type="submit" class="btn btn-success">Сохранить</button>
                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if (in_array($role, ['admin'], true))
        <div class="info-section">
            <div class="info-section-header">
                <span class="info-section-title">Финансы группы</span>
            </div>
            <div class="info-section-body">
                @if (!$financials['has_tariff'])
                    <div class="alert alert-warning py-2">
                        Нет активного тарифа — расчёт невозможен.
                    </div>
                @endif
                @if ($financials['student_count'] === 0)
                    <div class="alert alert-secondary py-2">
                        В группе нет активных студентов.
                    </div>
                @endif

                <div class="sub-label">За один урок</div>
                <div class="metric-grid">
                    <div class="metric-card">
                        <div class="metric-label">Студентов</div>
                        <div class="metric-value">{{ $financials['student_count'] }}</div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Выручка</div>
                        <div class="metric-value green">
                            {{ number_format($financials['gross_per_lesson'], 0, '.', ' ') }}
                        </div>
                        <div class="metric-label mt-1 mb-0">
                            {{ number_format($financials['revenue_per_lesson'], 0, '.', ' ') }} &times; {{ $financials['student_count'] }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Расходы</div>
                        <div class="metric-value red">
                            {{ number_format($financials['costs_per_lesson'], 0, '.', ' ') }}
                        </div>
                        <div class="metric-label mt-1 mb-0">
                            учитель {{ number_format($financials['teacher_price'], 0, '.', ' ') }}
                            + аренда {{ number_format($financials['rent_per_lesson'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Прибыль</div>
                        <div class="metric-value {{ $financials['profit_per_lesson'] >= 0 ? 'green' : 'red' }}">
                            {{ number_format($financials['profit_per_lesson'], 0, '.', ' ') }}
                        </div>
                        <div class="metric-label mt-1 mb-0">
                            маржа {{ $financials['margin'] }}%
                        </div>
                    </div>
                </div>

                <hr class="section-divider">

                <div class="sub-label">
                    Текущий месяц
                    <span class="badge bg-light text-dark fw-normal ms-1">
                        {{ $financials['lessons_this_month'] }} уроков
                    </span>
                </div>
                <div class="metric-grid">
                    <div class="metric-card">
                        <div class="metric-label">Начислено</div>
                        <div class="metric-value green">
                            {{ number_format($financials['charged_this_month'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Учитель</div>
                        <div class="metric-value red">
                            {{ number_format($financials['teacher_cost_month'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Аренда</div>
                        <div class="metric-value red">
                            {{ number_format($financials['rent_cost_month'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Прибыль</div>
                        <div class="metric-value {{ $financials['profit_this_month'] >= 0 ? 'green' : 'red' }}">
                            {{ number_format($financials['profit_this_month'], 0, '.', ' ') }}
                        </div>
                    </div>
                </div>

                <hr class="section-divider">

                <div class="sub-label">
                    Прогноз месяца
                    <span class="badge bg-light text-dark fw-normal ms-1">
                        {{ $financials['predicted_lessons'] }} уроков
                    </span>
                </div>
                <div class="metric-grid">
                    <div class="metric-card">
                        <div class="metric-label">Начислено</div>
                        <div class="metric-value green">
                            {{ number_format($financials['predicted_charged'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Учитель</div>
                        <div class="metric-value red">
                            {{ number_format($financials['predicted_teacher_cost'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Аренда</div>
                        <div class="metric-value red">
                            {{ number_format($financials['predicted_rent_cost'], 0, '.', ' ') }}
                        </div>
                    </div>
                    <div class="metric-card">
                        <div class="metric-label">Прибыль</div>
                        <div class="metric-value {{ $financials['predicted_profit'] >= 0 ? 'green' : 'red' }}">
                            {{ number_format($financials['predicted_profit'], 0, '.', ' ') }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
</div>
@endsection

@push('scripts')
{{-- Legacy page loads jQuery itself for the $.ajax student-search autocomplete
     and $(...).on(...) handlers below — the shared layout doesn't include it. --}}
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// ── Tariff modal mode switching (admin-only section, but harmless if absent) ──
function switchAddMode(mode) {
    document.getElementById('add-list-section').style.display = mode === 'list' ? 'block' : 'none';
    document.getElementById('add-manual-section').style.display = mode === 'manual' ? 'block' : 'none';
}
function switchEditMode(mode) {
    document.getElementById('edit-list-section').style.display = mode === 'list' ? 'block' : 'none';
    document.getElementById('edit-manual-section').style.display = mode === 'manual' ? 'block' : 'none';
}

function fillTariffDates(prefix) {
    const select = document.getElementById(prefix + '-tariff-select');
    const startInput = document.getElementById(prefix + '-start-date');
    const endInput = document.getElementById(prefix + '-end-date');
    const preview = document.getElementById(prefix + '-tariff-preview');

    const selected = select.options[select.selectedIndex];
    const duration = parseInt(selected?.dataset?.duration || 0);
    const price = selected?.dataset?.price;
    const lessons = selected?.dataset?.lessons;

    if (duration > 0 && startInput.value) {
        const start = new Date(startInput.value);
        start.setDate(start.getDate() + duration - 1);
        endInput.value = start.toISOString().split('T')[0];
    }

    if (price && lessons && duration) {
        const perLesson = (parseFloat(price) / parseInt(lessons)).toFixed(2);
        preview.style.display = 'block';
        preview.innerHTML =
            `<strong>Цена:</strong> ${parseFloat(price).toFixed(2)} &nbsp;|&nbsp;` +
            `<strong>Уроков:</strong> ${lessons} &nbsp;|&nbsp;` +
            `<strong>За урок:</strong> ${perLesson} &nbsp;|&nbsp;` +
            `<strong>Длительность:</strong> ${duration} дн.`;
    } else {
        preview.style.display = 'none';
    }
}

function updateManualPreview(prefix) {
    const price = parseFloat(document.getElementById(prefix + '-manual-price').value);
    const lessons = parseInt(document.getElementById(prefix + '-manual-lessons').value);
    const preview = document.getElementById(prefix + '-manual-preview');

    if (price > 0 && lessons > 0) {
        const perLesson = (price / lessons).toFixed(2);
        preview.style.display = 'block';
        preview.innerHTML = `<strong>За урок:</strong> ${perLesson}`;
    } else {
        preview.style.display = 'none';
    }
}

function fillGroupTariffEditForm(gt) {
    document.getElementById('edit-gt-id').value = gt.id;
    document.getElementById('edit-start-date').value = gt.start_date;
    document.getElementById('edit-end-date').value = gt.end_date;

    if (gt.is_manual == 1) {
        document.getElementById('edit-mode-manual').checked = true;
        switchEditMode('manual');
        document.getElementById('edit-manual-name').value = gt.name.replace(/^\[manual\]\s*/, '');
        document.getElementById('edit-manual-price').value = gt.price;
        document.getElementById('edit-manual-lessons').value = gt.lessons_count;
        updateManualPreview('edit');
    } else {
        document.getElementById('edit-mode-list').checked = true;
        switchEditMode('list');
        document.getElementById('edit-tariff-select').value = gt.tariff_id;
        fillTariffDates('edit');
    }
}

const timeMap = {
    "08:00": "08:50", "09:00": "09:50", "10:00": "10:50", "11:00": "11:50",
    "12:00": "12:50", "13:00": "13:50", "14:00": "14:50", "15:00": "15:50",
    "16:00": "16:50", "17:00": "17:50", "18:00": "18:50", "19:00": "19:50",
    "20:00": "20:50"
};

function updateEditEndTime() {
    const begin = document.getElementById("edit-begin-time").value;
    const endInput = document.getElementById("edit-end-time");
    endInput.value = timeMap[begin] || "";
}

document.addEventListener("DOMContentLoaded", () => {
    const beginInput = document.getElementById("edit-begin-time");
    if (beginInput) {
        beginInput.addEventListener("change", updateEditEndTime);
    }
});

function fillEditForm(schedule) {
    schedule.weekdays = parseInt(schedule.weekdays, 10) || 0;
    schedule.classroom_id = schedule.classroom_id ? parseInt(schedule.classroom_id, 10) : null;

    document.getElementById('edit-schedule-id').value = schedule.id || '';
    document.getElementById('edit-begin-date').value = schedule.begin_date || '';
    document.getElementById('edit-end-date').value = schedule.end_date || '';
    document.getElementById('edit-begin-time').value = schedule.begin_time || '';

    if (schedule.end_time) {
        document.getElementById('edit-end-time').value = schedule.end_time;
    }

    const checkboxes = document.querySelectorAll('.edit-weekday-checkbox');
    checkboxes.forEach(cb => cb.checked = false);
    checkboxes.forEach(cb => {
        const val = parseInt(cb.value, 10);
        if ((schedule.weekdays & val) === val) {
            cb.checked = true;
        }
    });

    let sum = 0;
    document.querySelectorAll('.edit-weekday-checkbox:checked').forEach(cb => {
        sum += parseInt(cb.value, 10);
    });
    document.getElementById('edit-weekdays-sum').value = sum;

    const classroomSelect = document.getElementById('edit-classroom');
    classroomSelect.value = schedule.classroom_id || '';
}

function openEditModal(schedule) {
    fillEditForm(schedule);
    const editModal = new bootstrap.Modal(document.getElementById('editScheduleModal'));
    editModal.show();
}

document.getElementById('add-schedule-form').addEventListener('submit', function () {
    const checkboxes = document.querySelectorAll('.add-weekday-checkbox');
    let sum = 0;
    checkboxes.forEach(cb => { if (cb.checked) sum += parseInt(cb.value, 10); });
    document.getElementById('add-weekdays-sum').value = sum;
});

document.getElementById('edit-schedule-form').addEventListener('submit', function () {
    const checkboxes = document.querySelectorAll('.edit-weekday-checkbox');
    let sum = 0;
    checkboxes.forEach(cb => { if (cb.checked) sum += parseInt(cb.value, 10); });
    document.getElementById('edit-weekdays-sum').value = sum;
});

@if ($editGroupHasError)
document.addEventListener('DOMContentLoaded', function () {
    new bootstrap.Modal(document.getElementById('editGroupModal')).show();
});
@endif

$(document).ready(function () {
    $('#student_search').on('input', function () {
        var query = $(this).val();
        if (query.length > 2) {
            $.ajax({
                url: '/search_students.php',
                method: 'GET',
                data: { query: query },
                success: function (data) {
                    var suggestions = data;
                    $('#student-suggestions').empty().show();
                    suggestions.forEach(function (student) {
                        $('#student-suggestions').append(
                            '<li class="list-group-item student-suggestion d-flex justify-content-between align-items-center" data-id="' + student.id + '">'
                            + '<span>' + student.first_name + ' ' + student.last_name + '</span>'
                            + '<span class="text-muted small">' + (student.class_name || '') + '</span>'
                            + '</li>'
                        );
                    });
                }
            });
        } else {
            $('#student-suggestions').hide();
        }
    });

    document.addEventListener("DOMContentLoaded", () => {
        const modal = document.getElementById("StudentModal");
        modal.addEventListener("show.bs.modal", (event) => {
            const button = event.relatedTarget;
            if (!button) return;

            let joinedAt = button.getAttribute("data-joined-at") || "";
            let endDate = button.getAttribute("data-end-date") || "";
            const weekdays = button.getAttribute("data-weekdays") || "0";

            if (joinedAt.includes(" ")) { joinedAt = joinedAt.split(" ")[0]; }
            if (endDate.includes(" ")) { endDate = endDate.split(" ")[0]; }

            document.getElementById("joined_at").value = joinedAt;
            document.getElementById("end_date").value = endDate;

            const showWeekdays = document.getElementById("showWeekdays");
            const weekdaysBlock = document.getElementById("weekdaysCheckboxes");

            if (showWeekdays && weekdaysBlock) {
                showWeekdays.checked = true;
                weekdaysBlock.style.display = "block";

                const weekdaysMask = parseInt(weekdays, 10) || 0;
                const checkboxes = weekdaysBlock.querySelectorAll("input[type='checkbox']");
                checkboxes.forEach(cb => {
                    const bit = parseInt(cb.value, 10);
                    cb.checked = (weekdaysMask & bit) === bit;
                });
            }
        });
    });

    $(document).on('click', '.student-suggestion', function () {
        var selectedStudent = $(this).find('span').first().text().trim();
        var studentId = $(this).data('id');
        $('#student_search').val(selectedStudent);
        $('#student_id').val(studentId);
        $('#student_search').data('student-id', studentId);
        $('#student-suggestions').hide();
    });

    $('#showWeekdays').on('change', function () {
        if ($(this).is(':checked')) {
            $('#weekdaysCheckboxes').show();
        } else {
            $('#weekdaysCheckboxes').hide();
        }
    });

    $('form').on('submit', function (e) {
        var weekdays = 0;
        $('input[name="weekdays[]"]:checked').each(function () {
            weekdays += parseInt($(this).val());
        });
        $('<input>').attr({
            type: 'hidden',
            name: 'weekdays_sum',
            value: weekdays
        }).appendTo('form');
    });
});

function updateEndTime() {
    const begin = document.getElementById("begin_time").value;
    const end = document.getElementById("end_time");
    end.value = timeMap[begin];
}
</script>
@endpush