@extends('layouts.app')

@section('title', 'Ученики')

@push('styles')
<style>
    a { text-decoration: none; }
    .fio-col { min-width: 220px; width: 25%; }
    .filter-card { background: var(--ax-gray-50); border: 1px solid var(--ax-border); border-radius: var(--ax-radius); padding: 1rem; margin-bottom: 1rem; }
    .status-checkbox-list, .tag-checkbox-list { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
    .status-chip {
        display: inline-block;
        cursor: pointer;
        padding: .3rem .75rem;
        border-radius: var(--ax-radius-sm);
        border: 1px solid var(--ax-border);
        background: var(--ax-gray-100);
        color: var(--ax-text);
        font-size: .85rem;
        font-weight: 500;
        user-select: none;
        transition: .15s;
    }
    .status-checkbox-list input[type=checkbox], .tag-checkbox-list input[type=checkbox] { display: none; }
    .status-checkbox-list input:checked + .status-chip,
    .tag-checkbox-list input:checked + .status-chip,
    .status-chip.status-chip-active {
        background: var(--ax-primary);
        border-color: var(--ax-primary);
        color: #fff;
        font-weight: 600;
    }
    .status-chip-static { cursor: default; }

    .discipline-dropdown { position: relative; }
    .discipline-dropdown-menu {
        display: none;
        position: absolute;
        top: calc(100% + 4px);
        left: 0;
        z-index: 1050;
        min-width: 100%;
        max-height: 220px;
        overflow-y: auto;
        background: var(--ax-surface);
        border: 1px solid var(--ax-border);
        border-radius: var(--ax-radius-sm);
        box-shadow: var(--ax-shadow-lg);
        padding: .25rem 0;
    }
    .discipline-dropdown-menu.open { display: block; }
    .discipline-dropdown-item {
        display: flex;
        align-items: center;
        gap: .5rem;
        padding: .35rem .75rem;
        cursor: pointer;
        font-size: .875rem;
        transition: background .1s;
    }
    .discipline-dropdown-item:hover { background: var(--ax-primary-50); }
    .discipline-dropdown-item.selected { background: var(--ax-primary-50); }
    .discipline-dropdown-item input[type=checkbox] { flex-shrink: 0; cursor: pointer; }
    .disc-abbr {
        font-weight: 600;
        font-size: .8rem;
        background: var(--ax-gray-600);
        color: #fff;
        border-radius: 4px;
        padding: 1px 5px;
        flex-shrink: 0;
    }
    .disc-name { color: var(--ax-text); }
</style>
@endpush

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

    <div class="ax-page-header">
        <h2 class="mb-0">{{ \App\Support\SessionAuth::user()['name'] ?? '' }}</h2>
        <div class="d-flex gap-2">
            @if ($role === 'admin')
            <a href="/admin/import_students.php" class="btn btn-outline-primary">
                <i class="bi bi-file-earmark-spreadsheet"></i> Импорт
            </a>
            @endif
            <a href="#" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addStudentModal">Добавить</a>
        </div>
    </div>

    <form method="GET" action="" id="filter-form">
        <div class="filter-card">
            <div class="row g-2 align-items-end">

                <div class="col-md-3">
                    <label class="form-label small text-muted mb-1">Поиск</label>
                    <input type="text" class="form-control" name="search"
                           placeholder="Имя или фамилия" autocomplete="off"
                           value="{{ request('search', '') }}">
                </div>

                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Класс</label>
                    <select name="class_id" class="form-select">
                        <option value="">Все</option>
                        @foreach ($classes as $c)
                            <option value="{{ $c->id }}" {{ request('class_id') == $c->id ? 'selected' : '' }}>
                                {{ $c->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Язык</label>
                    <select name="language_id" class="form-select">
                        <option value="">Все</option>
                        @foreach ($languages as $l)
                            <option value="{{ $l->id }}" {{ request('language_id') == $l->id ? 'selected' : '' }}>
                                {{ $l->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Формат обучения</label>
                    <select name="learning_type_id" class="form-select">
                        <option value="">Все</option>
                        @foreach ($learningTypes as $lt)
                            <option value="{{ $lt->id }}" {{ request('learning_type_id') == $lt->id ? 'selected' : '' }}>
                                {{ $lt->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                @php
                    $selectedDisciplines = array_map('intval', (array) request('disciplines', []));
                @endphp
                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Предмет</label>
                    <div class="dropdown discipline-dropdown">
                        <button class="btn btn-outline-secondary w-100 d-flex justify-content-between align-items-center"
                                type="button" id="disciplineDropdownBtn"
                                onclick="toggleDisciplineDropdown(event)">
                            <span id="disciplineDropdownLabel">
                                @if (!empty($selectedDisciplines))
                                    Выбрано: {{ count($selectedDisciplines) }}
                                @else
                                    Все
                                @endif
                            </span>
                            <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" viewBox="0 0 16 16">
                                <path d="M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z"/>
                            </svg>
                        </button>
                        <div class="discipline-dropdown-menu" id="disciplineDropdownMenu">
                            @foreach ($disciplines as $d)
                                @php
                                    $checked = in_array($d->id, $selectedDisciplines);
                                @endphp
                                <label class="discipline-dropdown-item {{ $checked ? 'selected' : '' }}">
                                    <input type="checkbox"
                                           name="disciplines[]"
                                           value="{{ $d->id }}"
                                           {{ $checked ? 'checked' : '' }}
                                           onchange="updateDisciplineSelection()">
                                    <span class="disc-abbr">{{ $d->abbreviation }}</span>
                                    <span class="disc-name">{{ $d->name }}</span>
                                </label>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="col-md-2">
                    <label class="form-label small text-muted mb-1">Баланс</label>
                    <select name="balance" class="form-select">
                        <option value="">Все</option>
                        <option value="paid" {{ request('balance') === 'paid' ? 'selected' : '' }}>Оплачено</option>
                        <option value="overdue" {{ request('balance') === 'overdue' ? 'selected' : '' }}>Просрочено</option>
                    </select>
                </div>

                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">Поиск</button>
                </div>
                <div class="col-md-1">
                    <a href="/students.php" class="btn btn-outline-secondary w-100">Сбросить</a>
                </div>
            </div>

            <div class="mt-3">
                <label class="form-label small text-muted mb-2">Статус:</label>
                <div class="status-checkbox-list">
                    @php
                        $selectedStatuses = array_map('intval', (array) request('status_ids', [1]));
                    @endphp
                    @foreach ($allStatuses as $st)
                        <div>
                            <input type="checkbox"
                                   name="status_ids[]"
                                   value="{{ $st->id }}"
                                   id="status_{{ $st->id }}"
                                   {{ in_array((int) $st->id, $selectedStatuses, true) ? 'checked' : '' }}
                                   onchange="document.getElementById('filter-form').submit()">
                            <label for="status_{{ $st->id }}" class="status-chip">
                                {{ $st->name }}
                            </label>
                        </div>
                    @endforeach
                </div>
            </div>

            @if (!empty($allTags))
                <div class="mt-3">
                    <div class="d-flex align-items-center gap-2 mb-2">
                        <label class="form-label small text-muted mb-0">Метки:</label>
                        @if ($canManageTags)
                            <button type="button" class="btn btn-outline-secondary btn-sm py-0 px-2"
                                    data-bs-toggle="modal" data-bs-target="#manageTagsModal"
                                    title="Управление метками">+ Управление метками</button>
                        @endif
                    </div>
                    <div class="tag-checkbox-list">
                        @foreach ($allTags as $tag)
                            <div data-tag-id="{{ $tag->id }}">
                                <input type="checkbox"
                                       name="tag_ids[]"
                                       value="{{ $tag->id }}"
                                       id="tag_{{ $tag->id }}"
                                       {{ in_array($tag->id, $selectedTagIds) ? 'checked' : '' }}
                                       onchange="document.getElementById('filter-form').submit()">
                                <label for="tag_{{ $tag->id }}" class="status-chip">
                                    {{ $tag->name }}
                                </label>
                            </div>
                        @endforeach
                    </div>
                </div>
            @else
                <div class="mt-3 d-flex align-items-center gap-2">
                    <span class="small text-muted">Метки:</span>
                    @if ($canManageTags)
                        <button type="button" class="btn btn-outline-secondary btn-sm py-0 px-2"
                                data-bs-toggle="modal" data-bs-target="#manageTagsModal"
                                title="Создать метку">+ Создать метку</button>
                    @endif
                </div>
            @endif

        </div>
    </form>

    <div class="d-flex justify-content-between align-items-center mb-2">
        <h5 class="mb-0">Ученики
            <span class="badge bg-secondary fw-normal">{{ $totalItems }}</span>
        </h5>

        @if ($canManageStudents)
            <div id="bulkActionsBar" class="dropdown d-none">
                <button class="btn btn-outline-secondary d-flex align-items-center gap-2"
                        type="button" data-bs-toggle="dropdown">
                    <span id="bulkSelectedCount">0</span> выбрано
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                        <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                    </svg>
                </button>
                <ul class="dropdown-menu dropdown-menu-end">
                    <li><a class="dropdown-item" href="#" onclick="openBulkModal('paymentModal'); return false;">Добавить оплату</a></li>
                    <li><a class="dropdown-item" href="#" onclick="openBulkModal('freezeModal'); return false;">Добавить заморозку</a></li>
                    <li><a class="dropdown-item" href="#" onclick="openBulkModal('statusModal'); return false;">Изменить статус</a></li>
                    <li><a class="dropdown-item" href="#" onclick="openBulkModal('groupModal'); return false;">Добавить в группу</a></li>
                </ul>
            </div>
        @endif
    </div>

    @if (!empty($paginatedUnits))
        <div class="table-responsive">
            <table class="table table-bordered table-hover mb-4">
                <thead class="table-light">
                <tr>
                    @if ($canManageStudents)
                        <th style="width:32px;"><input type="checkbox" id="selectAllStudents"></th>
                    @endif
                    <th class="fio-col">ФИО</th>
                    <th>Метки</th>
                    <th>Класс</th>
                    <th>Язык</th>
                    <th>Предметы</th>
                    <th>Баланс</th>
                    <th>Родитель</th>
                    @if ($canManageStudents)
                        <th style="width:40px;"></th>
                    @endif
                </tr>
                </thead>
                <tbody>
                @foreach ($paginatedUnits as $unit)
                    <tr>
                        @if ($canManageStudents)
                            <td><input type="checkbox" class="student-checkbox" value="{{ $unit->id }}"></td>
                        @endif
                        <td>
                            <a href="/student_admin_info.php?student_id={{ $unit->id }}"
                               class="fw-bold">
                                {{ trim(($unit->last_name ?? '').' '.($unit->first_name ?? '')) ?: 'Без имени' }}
                            </a>
                            @if (!empty($unit->phone))
                                <br><small class="text-muted">{{ $unit->phone }}</small>
                            @endif
                        </td>
                        <td>
                            <div class="d-flex flex-wrap gap-1 align-items-center">
                                @foreach ($studentTagsMap[$unit->id] ?? [] as $tag)
                                    <span class="status-chip status-chip-static">
                                        {{ $tag->name }}
                                    </span>
                                @endforeach
                                @if ($canManageTags)
                                    <button type="button"
                                            class="btn btn-outline-secondary btn-sm py-0 px-1 lh-1"
                                            style="font-size:11px;"
                                            onclick="openAssignTagModal({{ $unit->id }}, '{{ addslashes(trim(($unit->last_name ?? '').' '.($unit->first_name ?? ''))) }}', {{ json_encode($studentTagsMap[$unit->id] ?? []) }})">
                                        +
                                    </button>
                                @endif
                            </div>
                        </td>
                        <td>{{ $unit->class_name ?? '—' }}</td>
                        <td>{{ $unit->language_name ?? '—' }}</td>
                        <td>{{ $unit->disciplines ?? '—' }}</td>
                        <td>
                            @php
                                $unitBalance = (float) ($unit->total_paid ?? 0) - (float) ($unit->total_charged ?? 0);
                                $balanceClass = $unitBalance >= 0 ? 'text-success' : 'text-danger';
                            @endphp
                            <span class="fw-semibold {{ $balanceClass }}">{{ number_format($unitBalance, 0, ',', ' ') }} ₸</span>
                            @if ($invoiceRequest = $openInvoiceRequests[$unit->id] ?? null)
                                <br>
                                @if ($invoiceRequest->status === 'approved')
                                    <span class="badge bg-success">Родитель подтвердил</span>
                                @else
                                    <span class="badge bg-secondary">Ждём ответа родителя</span>
                                @endif
                            @endif
                        </td>
                        <td>
                            @php
                                $agentName = trim(($unit->agent_last_name ?? '').' '.($unit->agent_first_name ?? ''));
                                $agentPhone = $unit->agent_phone_number ?? '';
                            @endphp
                            {{ $agentName ?: '—' }}
                            @if ($agentPhone)
                                <br><small class="text-muted">{{ $agentPhone }}</small>
                            @endif
                        </td>
                        @if ($canManageStudents)
                            <td class="text-center">
                                <div class="dropdown">
                                    <button class="btn btn-sm btn-light border-0 py-0 px-1" type="button"
                                            data-bs-toggle="dropdown" aria-expanded="false">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                                            <path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
                                        </svg>
                                    </button>
                                    <ul class="dropdown-menu dropdown-menu-end">
                                        <li><a class="dropdown-item" href="#" onclick="openRowActionModal('statusModal', {{ $unit->id }}); return false;">Изменить статус</a></li>
                                        <li><a class="dropdown-item" href="#" onclick="openRowActionModal('paymentModal', {{ $unit->id }}); return false;">Добавить оплату</a></li>
                                        <li><a class="dropdown-item" href="#" onclick="openRowActionModal('freezeModal', {{ $unit->id }}); return false;">Добавить заморозку</a></li>
                                        <li><a class="dropdown-item" href="#" onclick="openRowActionModal('groupModal', {{ $unit->id }}); return false;">Добавить в группу</a></li>
                                    </ul>
                                </div>
                            </td>
                        @endif
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    @else
        <div class="alert alert-light">Ученики не найдены.</div>
    @endif

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

</div>

@if ($canManageStudents)

<div class="modal fade" id="paymentModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Добавить оплату <small class="text-muted" id="paymentModalCount"></small></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form method="POST">
        @csrf
        <input type="hidden" name="action" value="add_payment">
        <div id="paymentStudentIds"></div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">Сумма</label>
            <input type="number" step="0.01" min="0" name="amount" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Дата</label>
            <input type="date" name="payment_date" class="form-control" value="{{ date('Y-m-d') }}" required>
          </div>
          @if (!empty($paymentStatuses))
          <div class="mb-3">
            <label class="form-label">Статус оплаты</label>
            <select name="status_id" class="form-select">
              <option value="">— без статуса —</option>
              @foreach ($paymentStatuses as $ps)
                <option value="{{ $ps->id }}">{{ $ps->name }}</option>
              @endforeach
            </select>
          </div>
          @endif
          <div class="mb-3">
            <label class="form-label">Комментарий</label>
            <input type="text" name="comment" class="form-control">
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">Сохранить</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="freezeModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Добавить заморозку <small class="text-muted" id="freezeModalCount"></small></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form method="POST">
        @csrf
        <input type="hidden" name="action" value="add_frozen_day">
        <div id="freezeStudentIds"></div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">Дата с</label>
            <input type="date" name="freeze_from" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Дата по</label>
            <input type="date" name="freeze_to" class="form-control" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Причина</label>
            <input type="text" name="reason" class="form-control">
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">Сохранить</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="statusModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Изменить статус <small class="text-muted" id="statusModalCount"></small></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form method="POST" id="statusModalForm">
        @csrf
        <input type="hidden" name="action" value="change_status">
        <div id="statusStudentIds"></div>
        <div class="modal-body">
          <select name="status_id" class="form-select mb-3" required>
            <option value="">— Выберите статус —</option>
            @foreach ($allStatuses as $st)
              <option value="{{ $st->id }}" data-color="{{ $st->color }}">{{ $st->name }}</option>
            @endforeach
          </select>
          <div class="mb-3">
            <label class="form-label">Дата изменения</label>
            <input type="date" name="status_date" class="form-control" value="{{ now()->toDateString() }}" required>
          </div>
          <select name="reason_id" class="form-select">
            <option value="">— Причина (необязательно) —</option>
            @foreach ($allStatusReasons as $r)
              <option value="{{ $r->id }}">{{ $r->name }}</option>
            @endforeach
          </select>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">Сохранить</button>
        </div>
      </form>
    </div>
  </div>
</div>

<div class="modal fade" id="groupModal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Добавить в группу <small class="text-muted" id="groupModalCount"></small></h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <form method="POST">
        @csrf
        <input type="hidden" name="action" value="add_to_group">
        <div id="groupStudentIds"></div>
        <div class="modal-body">
          <div class="mb-3">
            <label class="form-label">Группа</label>
            <select name="group_id" class="form-select" required>
              <option value="">— Выберите группу —</option>
              @foreach ($groups as $g)
                <option value="{{ $g->id }}">{{ $g->group_name }} — {{ $g->teacher_name ?? 'без преподавателя' }}{{ $g->schedule_time ? ', '.$g->schedule_time : '' }}</option>
              @endforeach
            </select>
          </div>
          <div class="mb-3">
            <label class="form-label">Дата начала</label>
            <input type="date" name="joined_at" class="form-control" value="{{ date('Y-m-d') }}" required>
          </div>
          <div class="mb-3">
            <label class="form-label">Дата окончания (необязательно)</label>
            <input type="date" name="end_date" class="form-control">
          </div>
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-success">Сохранить</button>
        </div>
      </form>
    </div>
  </div>
</div>

@endif

@if ($canManageTags)
    <div class="modal fade" id="manageTagsModal" tabindex="-1">
        <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">
                    <div id="manageTagsAlert"></div>
                    @if (!empty($allTags))
                        <div class="mb-3">
                            <label class="form-label small text-muted">Существующие метки</label>
                            <div class="d-flex flex-wrap gap-2">
                                @foreach ($allTags as $tag)
                                    <div id="tag-chip-{{ $tag->id }}" class="d-flex align-items-center gap-1" data-tag-id="{{ $tag->id }}">
                                        <span class="status-chip status-chip-static">
                                            {{ $tag->name }}
                                        </span>
                                        <form method="POST" class="d-inline js-ajax-form"
                                              data-remove-target="#tag-chip-{{ $tag->id }}" data-alert-target="#manageTagsAlert"
                                              onsubmit="return confirm('Удалить метку «{{ addslashes($tag->name) }}»? Она будет снята со всех студентов.')">
                                            @csrf
                                            <input type="hidden" name="action" value="delete_tag">
                                            <input type="hidden" name="tag_id" value="{{ $tag->id }}">
                                            <button type="submit" class="btn btn-outline-danger btn-sm py-0 px-1" style="font-size:11px;">×</button>
                                        </form>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <hr>
                    @endif

                    <label class="form-label small text-muted">Новая метка</label>
                    <form method="POST">
                        @csrf
                        <input type="hidden" name="action" value="create_tag">
                        <div class="mb-3">
                            <input type="text" name="tag_name" class="form-control"
                                   placeholder="Название метки (напр. Летние курсы)" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label small text-muted">Цвет</label>
                            <div class="d-flex gap-2 flex-wrap">
                                @foreach ($bootstrapColors as $color)
                                    <div>
                                        <input type="radio" class="btn-check" name="tag_color"
                                               id="color_{{ $color }}" value="{{ $color }}"
                                               {{ $color === 'primary' ? 'checked' : '' }}>
                                        <label class="btn btn-{{ $color }} btn-sm" for="color_{{ $color }}">
                                            {{ $color }}
                                        </label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">Создать метку</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="assignTagModal" tabindex="-1">
        <div class="modal-dialog modal-sm">
            <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" id="assignTagBody">
                </div>
            </div>
        </div>
    </div>
@endif

<div class="modal fade" id="addStudentModal" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable">
        <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.php" method="POST">
                    @csrf

                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label">Имя</label>
                            <input type="text" class="form-control @error('student_name') is-invalid @enderror" name="student_name" value="{{ old('student_name') }}" required>
                            @error('student_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Фамилия</label>
                            <input type="text" class="form-control @error('student_surname') is-invalid @enderror" name="student_surname" value="{{ old('student_surname') }}" required>
                            @error('student_surname')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Отчество</label>
                            <input type="text" class="form-control" name="student_middlename" value="{{ old('student_middlename') }}">
                        </div>
                    </div>

                    <div class="row g-2 mb-2">
                        <div class="col-md-3">
                            <label class="form-label">Пол</label>
                            <select class="form-select @error('gender') is-invalid @enderror" name="gender" required>
                                <option value="">Выберите</option>
                                <option value="1" {{ old('gender') === '1' ? 'selected' : '' }}>Мужской</option>
                                <option value="0" {{ old('gender') === '0' ? 'selected' : '' }}>Женский</option>
                            </select>
                            @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Телефон</label>
                            <input type="text" class="form-control" name="phone" value="{{ old('phone') }}">
                        </div>
                        <div class="col-md-3">
                            <label class="form-label">ИИН</label>
                            <input type="text" class="form-control @error('iin') is-invalid @enderror" name="iin" value="{{ old('iin') }}" maxlength="12" inputmode="numeric" pattern="\d{12}">
                            @error('iin')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-2">
                            <label class="form-label">Договор №</label>
                            <input type="text" class="form-control" name="agreement_number" value="{{ old('agreement_number') }}" maxlength="50">
                        </div>
                    </div>

                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label">Пароль для входа на сайт</label>
                            <input type="text" class="form-control @error('password') is-invalid @enderror" name="password" value="{{ old('password', '123456') }}" minlength="6" required>
                            @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            <div class="form-text">Логином для входа служит ИИН — без него у ученика не будет доступа на сайт.</div>
                        </div>
                    </div>

                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label">Имя родителя</label>
                            <input type="text" class="form-control" name="agent_first_name" value="{{ old('agent_first_name') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Фамилия родителя</label>
                            <input type="text" class="form-control" name="agent_last_name" value="{{ old('agent_last_name') }}">
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Телефон родителя</label>
                            <input type="text" class="form-control" name="agent_phone_number" value="{{ old('agent_phone_number') }}">
                        </div>
                    </div>

                    <div class="mb-2">
                        <label class="form-label">Цель</label>
                        <textarea class="form-control" name="goal" rows="1" maxlength="500">{{ old('goal') }}</textarea>
                    </div>

                    <hr class="my-2">

                    @php
                        $groupTariffs = array_filter($allTariffs, fn ($t) => $t->category !== 'individual');
                        $individualTariffs = array_filter($allTariffs, fn ($t) => $t->category === 'individual');
                    @endphp

                    <div class="row g-2 mb-2">
                        <div class="col-md-4">
                            <label class="form-label">Статус</label>
                            <select class="form-select" name="status_id">
                                <option value="">— Выберите —</option>
                                @foreach ($allStatuses as $st)
                                    <option value="{{ $st->id }}" {{ (old('status_id') !== null ? old('status_id') == $st->id : (int) $st->id === 1) ? 'selected' : '' }}>{{ $st->name }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Групповой тариф</label>
                            <select class="form-select" name="general_tariff_id">
                                <option value="">— Без группового тарифа —</option>
                                @foreach ($groupTariffs as $t)
                                    <option value="{{ $t->id }}">{{ $t->name }} ({{ number_format((float) $t->price, 0, ',', ' ') }} ₸ / {{ $t->lessons_count }} ур.)</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Индивидуальный тариф</label>
                            <select class="form-select" name="individual_tariff_id">
                                <option value="">— Без индивидуального тарифа —</option>
                                @foreach ($individualTariffs as $t)
                                    <option value="{{ $t->id }}">{{ $t->name }} ({{ number_format((float) $t->price, 0, ',', ' ') }} ₸ / {{ $t->lessons_count }} ур.)</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <div class="form-text">Используются как тарифы по умолчанию для групповых и индивидуальных занятий, пока для группы не назначен свой тариф.</div>
                        </div>
                    </div>

                    <div class="row g-2 mb-3">
                        <div class="col-md-4">
                            <label class="form-label">Формат обучения</label>
                            <select class="form-select @error('learning_type_id') is-invalid @enderror" name="learning_type_id" required>
                                <option value="">Выберите формат</option>
                                @foreach ($learningTypes as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            </select>
                            @error('learning_type_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Класс</label>
                            <select class="form-select @error('class_id') is-invalid @enderror" name="class_id" required>
                                <option value="">Выберите класс</option>
                                @foreach ($classes as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            </select>
                            @error('class_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-4">
                            <label class="form-label">Язык обучения</label>
                            <select name="language_id" class="form-select @error('language_id') is-invalid @enderror" required>
                                <option value="" disabled {{ old('language_id') ? '' : 'selected' }}>Выберите язык</option>
                                @foreach ($languages as $row)
                                    <option value="{{ $row->id }}">{{ $row->name }}</option>
                                @endforeach
                            </select>
                            @error('language_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                    </div>

                    <div class="text-end">
                        <button type="submit" class="btn btn-success">Добавить студента</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    @if ($canManageStudents)
    const selectAllCb = document.getElementById('selectAllStudents');
    const bulkBar      = document.getElementById('bulkActionsBar');
    const bulkCount    = document.getElementById('bulkSelectedCount');

    function getSelectedStudentIds() {
        return Array.from(document.querySelectorAll('.student-checkbox:checked')).map(cb => cb.value);
    }

    function refreshBulkBar() {
        const ids = getSelectedStudentIds();
        bulkCount.textContent = ids.length;
        bulkBar.classList.toggle('d-none', ids.length === 0);

        const all = document.querySelectorAll('.student-checkbox');
        const checked = document.querySelectorAll('.student-checkbox:checked');
        selectAllCb.checked = all.length > 0 && all.length === checked.length;
    }

    document.addEventListener('change', function (e) {
        if (e.target.classList.contains('student-checkbox')) refreshBulkBar();
    });

    selectAllCb.addEventListener('change', function () {
        document.querySelectorAll('.student-checkbox').forEach(cb => cb.checked = selectAllCb.checked);
        refreshBulkBar();
    });

    function openActionModal(modalId, ids) {
        if (ids.length === 0) return;

        const prefix = { paymentModal: 'payment', freezeModal: 'freeze', statusModal: 'status', groupModal: 'group' }[modalId];

        document.getElementById(prefix + 'StudentIds').innerHTML =
            ids.map(id => `<input type="hidden" name="student_ids[]" value="${id}">`).join('');

        document.getElementById(prefix + 'ModalCount').textContent =
            `(${ids.length} студент${ids.length > 1 ? 'а/ов' : ''})`;

        new bootstrap.Modal(document.getElementById(modalId)).show();
    }

    function openBulkModal(modalId) {
        openActionModal(modalId, getSelectedStudentIds());
    }

    function openRowActionModal(modalId, studentId) {
        openActionModal(modalId, [studentId]);
    }

    function showAlert(type, message) {
        const map = { success: 'alert-success', error: 'alert-danger' };
        const el = document.createElement('div');
        el.className = `alert ${map[type] || 'alert-secondary'} alert-dismissible fade show mx-3 mt-2`;
        el.setAttribute('role', 'alert');
        el.textContent = message;

        const closeBtn = document.createElement('button');
        closeBtn.type = 'button';
        closeBtn.className = 'btn-close';
        closeBtn.setAttribute('data-bs-dismiss', 'alert');
        closeBtn.setAttribute('aria-label', 'Закрыть');
        el.appendChild(closeBtn);

        document.querySelector('.container-fluid').prepend(el);
        setTimeout(() => bootstrap.Alert.getOrCreateInstance(el).close(), 4000);
    }

    document.getElementById('statusModalForm').addEventListener('submit', function (e) {
        e.preventDefault();

        const form = e.target;
        const formData = new FormData(form);

        fetch('/students.php', {
            method: 'POST',
            headers: { 'X-Requested-With': 'XMLHttpRequest' },
            body: formData,
        })
            .then(r => r.json())
            .then(data => {
                bootstrap.Modal.getInstance(document.getElementById('statusModal'))?.hide();

                if (!data.success) {
                    showAlert('error', data.message || 'Не удалось обновить статус.');
                    return;
                }

                document.querySelectorAll('.student-checkbox:checked').forEach(cb => cb.checked = false);
                refreshBulkBar();
                form.reset();
                showAlert('success', data.message);
            })
            .catch(() => showAlert('error', 'Ошибка сети. Попробуйте ещё раз.'));
    });
    @endif

    function toggleDisciplineDropdown(e) {
        e.stopPropagation();
        document.getElementById('disciplineDropdownMenu').classList.toggle('open');
    }

    function updateDisciplineSelection() {
        const checked = document.querySelectorAll('.discipline-dropdown-item input:checked');

        document.querySelectorAll('.discipline-dropdown-item').forEach(item => {
            item.classList.toggle('selected', item.querySelector('input').checked);
        });

        const label = document.getElementById('disciplineDropdownLabel');
        if (checked.length > 0) {
            label.textContent = `Выбрано: ${checked.length}`;
        } else {
            label.textContent = 'Все';
        }
    }

    document.addEventListener('click', function (e) {
        const menu = document.getElementById('disciplineDropdownMenu');
        if (menu && !e.target.closest('.discipline-dropdown')) {
            menu.classList.remove('open');
        }
    });

    let allTags = @json($allTags);
    const csrfToken = @json(csrf_token());

    // Tag delete lives in #manageTagsModal, but the same tag is also rendered as a
    // filter checkbox (data-tag-id) elsewhere on this page and cached in allTags for
    // the assign-tag modal — keep all three in sync without a full reload. Per-student
    // tag badges already rendered in the results table are deliberately left as-is;
    // they're cosmetic-only (the underlying student_tags row is already gone) and
    // repopulate correctly next load.
    document.getElementById('manageTagsModal').addEventListener('ajax-form:success', function (e) {
        const tagId = e.target.querySelector('[name="tag_id"]')?.value;
        if (!tagId) return;

        document.querySelectorAll(`[data-tag-id="${tagId}"]`).forEach(el => el.remove());
        allTags = allTags.filter(t => String(t.id) !== String(tagId));
    });

    function csrfInput() {
        return `<input type="hidden" name="_token" value="${csrfToken}">`;
    }

    function openAssignTagModal(studentId, studentName, currentTags) {
        const currentTagIds = currentTags.map(t => t.id);
        let html = `<p class="small text-muted mb-2">${studentName}</p>`;

        if (currentTags.length > 0) {
            html += '<div class="d-flex flex-wrap gap-1 mb-3">';
            currentTags.forEach(tag => {
                html += `
                <form method="POST" class="d-inline">
                    ${csrfInput()}
                    <input type="hidden" name="action"     value="remove_tag">
                    <input type="hidden" name="student_id" value="${studentId}">
                    <input type="hidden" name="tag_id"     value="${tag.id}">
                    <button type="submit" class="status-chip status-chip-active">
                        ${tag.name} ×
                    </button>
                </form>`;
            });
            html += '</div>';
        }

        const available = allTags.filter(t => !currentTagIds.includes(t.id));
        if (available.length > 0) {
            html += '<div class="small text-muted mb-1">Добавить:</div>';
            html += '<div class="d-flex flex-wrap gap-1">';
            available.forEach(tag => {
                html += `
                <form method="POST" class="d-inline">
                    ${csrfInput()}
                    <input type="hidden" name="action"     value="assign_tag">
                    <input type="hidden" name="student_id" value="${studentId}">
                    <input type="hidden" name="tag_id"     value="${tag.id}">
                    <button type="submit" class="status-chip opacity-50">
                        + ${tag.name}
                    </button>
                </form>`;
            });
            html += '</div>';
        } else if (currentTags.length === 0) {
            html += '<p class="text-muted small">Нет доступных меток. Создайте метки через кнопку «+».</p>';
        }

        document.getElementById('assignTagBody').innerHTML = html;
        new bootstrap.Modal(document.getElementById('assignTagModal')).show();
    }
</script>
@endpush