@extends('layouts.app')

@section('title', 'Группы')

@section('content')
    <div class="container mt-4">

        <div class="ax-card p-3 mb-4">
            <div class="d-flex justify-content-between align-items-center">
                <h2 class="mb-0">{{ \App\Support\SessionAuth::user()['name'] ?? '' }}</h2>
                <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addGroupModal">Добавить</a>

                <div class="modal fade" id="addGroupModal" tabindex="-1" aria-labelledby="addGroupModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <h5 class="modal-title" id="addGroupModalLabel">Добавить новую группу</h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                            </div>
                            <div class="modal-body">
                                <form action="/add_group.php" method="POST">
                                    @csrf
                                    {{-- Only mini-groups are named by hand; a 'Group' gets
                                         M.11.RUS.101 from GroupNamingService. Toggled by
                                         the type select below (script at the bottom). --}}
                                    <div class="mb-3 js-group-name-manual">
                                        <label for="group_name" class="form-label">Название мини-группы</label>
                                        <input type="text" class="form-control @error('group_name') is-invalid @enderror"
                                               id="group_name" name="group_name" value="{{ old('group_name') }}">
                                        @error('group_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3 js-group-name-auto">
                                        <div class="alert alert-info py-2 mb-0 small">
                                            Название сформируется автоматически: <strong>Предмет.Класс.Язык.Номер</strong>
                                            (например, M.11.RUS.101; для онлайн-групп — M.11.RUS.ONL.101).
                                            Номер присваивается, когда у группы появится расписание:
                                            1xx — Пн/Ср/Пт, 2xx — Вт/Чт/Сб.
                                        </div>
                                        @error('group_name')<div class="text-danger small mt-1">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="teacher_id" class="form-label">Учитель</label>
                                        <select class="form-control @error('teacher_id') is-invalid @enderror" id="teacher_id" name="teacher_id" required>
                                            <option value="">Выберите учителя</option>
                                            @foreach ($teachers as $teacher)
                                                <option value="{{ $teacher->id }}" {{ (string) old('teacher_id') === (string) $teacher->id ? 'selected' : '' }}>
                                                    {{ $teacher->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('teacher_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="group_type" class="form-label">Тип группы</label>
                                        <select class="form-control @error('group_type') is-invalid @enderror" id="group_type" name="group_type" required>
                                            <option value="Group" {{ old('group_type') === 'Group' ? 'selected' : '' }}>Группа</option>
                                            <option value="MiniGroup" {{ old('group_type') === 'MiniGroup' ? 'selected' : '' }}>Индив</option>
                                        </select>
                                        @error('group_type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="subject" class="form-label">Предмет</label>
                                        <select class="form-control @error('subject_id') is-invalid @enderror" id="subject" name="subject_id" required>
                                            <option value="">Выберите предмет</option>
                                            @foreach ($disciplines as $subject)
                                                <option value="{{ $subject->id }}" {{ (string) old('subject_id') === (string) $subject->id ? 'selected' : '' }}>
                                                    {{ $subject->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('subject_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="language" class="form-label">Язык обучения</label>
                                        <select class="form-control @error('language_id') is-invalid @enderror" id="language" name="language_id" required>
                                            <option value="">Выберите язык</option>
                                            @foreach ($languages as $language)
                                                <option value="{{ $language->id }}" {{ (string) old('language_id') === (string) $language->id ? 'selected' : '' }}>
                                                    {{ $language->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('language_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="level_id" class="form-label">Уровень / направление</label>
                                        <select class="form-select @error('level_id') is-invalid @enderror" id="level_id" name="level_id">
                                            <option value="">— нет —</option>
                                            @foreach ($levels as $level)
                                                <option value="{{ $level->id }}" {{ (string) old('level_id') === (string) $level->id ? 'selected' : '' }}>
                                                    {{ $level->name }}{{ $level->abbreviation ? ' ('.$level->abbreviation.')' : '' }}
                                                </option>
                                            @endforeach
                                        </select>
                                        <div class="form-text">Если выбран, в названии вместо языка стоит он: E.11.ELEM.101, M.6.НИШ.101.</div>
                                        @error('level_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="learning_type" class="form-label">Тип обучения</label>
                                        <select class="form-control @error('learning_type_id') is-invalid @enderror" id="learning_type" name="learning_type_id" required>
                                            <option value="">Выберите тип обучения</option>
                                            @foreach ($learningTypes as $learningType)
                                                <option value="{{ $learningType->id }}" {{ (string) old('learning_type_id') === (string) $learningType->id ? 'selected' : '' }}>
                                                    {{ $learningType->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('learning_type_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>
                                    <div class="mb-3">
                                        <label for="class_id" class="form-label">Класс</label>
                                        <select class="form-select @error('class_id') is-invalid @enderror" id="class_id" name="class_id" required>
                                            <option value="">Выберите класс</option>
                                            @foreach ($classes as $class)
                                                <option value="{{ $class->id }}" {{ (string) old('class_id') === (string) $class->id ? 'selected' : '' }}>
                                                    {{ $class->name }}
                                                </option>
                                            @endforeach
                                        </select>
                                        @error('class_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                    </div>

                                    <button type="submit" class="btn btn-success">Добавить группу</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="d-flex justify-content-between align-items-center mb-3">
            <h2 class="mb-0">Группы:</h2>
            <form class="d-flex flex-wrap gap-2" method="GET" action="">
                <input type="text" class="form-control me-2" name="search" placeholder="Поиск по имени или фамилии"
                       value="{{ request('search', '') }}">

                <select name="teacher_id" class="form-select me-2">
                    <option value="">Все учителя</option>
                    @foreach ($teachers as $teacher)
                        <option value="{{ $teacher->id }}" {{ request('teacher_id') == $teacher->id ? 'selected' : '' }}>
                            {{ $teacher->name }}
                        </option>
                    @endforeach
                </select>

                <select name="class_id" class="form-select me-2">
                    <option value="">Все классы</option>
                    @foreach ($classes as $class)
                        <option value="{{ $class->id }}" {{ request('class_id') == $class->id ? 'selected' : '' }}>
                            {{ $class->name }}
                        </option>
                    @endforeach
                </select>

                <select name="learning_type" class="form-select me-2">
                    <option value="">Все типы обучения</option>
                    @foreach ($learningTypes as $type)
                        <option value="{{ $type->name }}" {{ request('learning_type') == $type->name ? 'selected' : '' }}>
                            {{ $type->name }}
                        </option>
                    @endforeach
                </select>

                <select name="is_active" class="form-select me-2">
                    <option value="1" {{ (! request()->has('is_active') || request('is_active') == '1') ? 'selected' : '' }}>Активные</option>
                    <option value="0" {{ request('is_active') == '0' ? 'selected' : '' }}>Неактивные</option>
                    <option value="all" {{ request('is_active') == 'all' ? 'selected' : '' }}>Все</option>
                </select>

                <button class="btn btn-outline-secondary" type="submit">Поиск</button>
            </form>
        </div>

        @if (!empty($paginatedUnits))
            <div class="table-responsive">
                <table class="table table-bordered table-hover mb-4">
                    <thead class="table-light">
                    <tr>
                        <th>Название группы</th>
                        <th>Преподаватель</th>
                        <th>Тип обучения</th>
                        <th>Время</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach ($paginatedUnits as $unit)
                        <tr>
                            <td class="fw-semibold">
                                <a href="/group_admin_info.php?group_id={{ $unit->id }}">
                                    {{ $unit->group_name ?? 'Без названия' }}
                                </a>
                                @if ((int) $unit->is_active !== 1)
                                    <span class="badge bg-secondary ms-1">неактивна</span>
                                @endif
                            </td>
                            <td>{{ $unit->teacher_name ?? 'Нет преподавателя' }}</td>
                            <td>{{ $unit->learning_type_name ?? '—' }}</td>
                            <td>
                                <span class="badge bg-secondary fs-6 text-start" style="white-space: normal;">
                                    @forelse ($unit->schedules as $schedule)
                                        <span class="d-block">
                                            {{ \App\Support\Weekdays::toString((int) $schedule->weekdays) }}
                                            &middot;
                                            {{ substr($schedule->begin_time, 0, 5) }} - {{ substr($schedule->end_time, 0, 5) }}
                                        </span>
                                    @empty
                                        Без расписания
                                    @endforelse
                                </span>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="alert alert-light">На сегодня нет групп с уроками.</div>
        @endif

        @if ($totalPages > 1)
            <nav>
                <ul class="pagination">
                    @for ($i = 1; $i <= $totalPages; $i++)
                        <li class="page-item {{ $i === $currentPage ? 'active' : '' }}">
                            @php
                                $query = request()->query();
                                $query['page'] = $i;
                            @endphp
                            <a class="page-link" href="?{{ http_build_query($query) }}">
                                {{ $i }}
                            </a>
                        </li>
                    @endfor
                </ul>
            </nav>
        @endif

    </div>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    const type = document.getElementById('group_type');
    if (!type) return;

    const sync = function () {
        const manual = type.value === 'MiniGroup';
        document.querySelectorAll('.js-group-name-manual').forEach(el => el.style.display = manual ? '' : 'none');
        document.querySelectorAll('.js-group-name-auto').forEach(el => el.style.display = manual ? 'none' : '');
        document.getElementById('group_name').required = manual;
    };

    type.addEventListener('change', sync);
    sync();
});
</script>
@if ($errors->any())
<script>
document.addEventListener('DOMContentLoaded', function () {
    new bootstrap.Modal(document.getElementById('addGroupModal')).show();
});
</script>
@endif
@endpush