{{--
    "Добавить результаты" matrix form + "Прогресс по ученикам" history table, rendered both by
    admin/ent_scores/index.blade.php (initial load) and by EntScoreController::store()'s AJAX
    branch, which re-renders this partial after a successful submit and returns it as data.html
    for the js-ajax-form handler (layouts/app.blade.php) to swap in via
    data-replace-target="#entScoresCard" — needed to clear the matrix back to blank inputs and
    refresh the progress table, both of which only happened via full reload before. Params:
    $search, $classId, $students, $sections, $lastProfile, $detail, $attempts (see
    EntScoreController::cardData(), which assembles all of them for every call site).

    The progress table's rows expand into every sitting that student has (from $attempts), each
    with an edit and a delete button — update()/destroy() answer both with a re-rendered copy of
    this same partial, so the two write paths added later need no swap logic of their own.

    Two entry modes over the same posted shape (scores[student_id][section_id]):

      - compact (default) — the mandatory sections as fixed columns, then two "profile subject"
        slots per student, each a subject dropdown paired with a score box. That mirrors an
        actual ЕНТ sitting (3 mandatory + 2 subjects of the student's own choosing) instead of
        asking the user to find two of eleven profile columns in a table that scrolls sideways.
      - full — the original every-student × every-section matrix, kept for what the two slots
        can't express (a student with three subjects on record, edits across many subjects at
        once) and reached via the "Показать все предметы" switch.

    Both tables are always rendered, and every input in the inactive one is disabled so the two
    can share input names without the browser posting each score twice. Which one is active is
    JS's business (see index.blade.php); with JS off the compact table is the one that works,
    including whatever its dropdowns were preselected with server-side.
--}}
@php
    $mandatorySections = array_values(array_filter($sections, fn ($s) => (int) $s['is_mandatory'] === 1));
    $profileSections = array_values(array_filter($sections, fn ($s) => (int) $s['is_mandatory'] !== 1));

    $formatMax = fn ($max) => rtrim(rtrim(number_format((float) $max, 1, '.', ''), '0'), '.');

    // Subject names for the expanded sitting rows, which carry section ids and nothing else.
    $sectionNames = array_column($sections, 'name', 'id');

    // Which subject each dropdown starts on. old() wins (a rejected submit has to come back
    // exactly as typed), otherwise it's whatever the student sat last time — see
    // EntScoreController::lastProfileSections(). Only ids still in the dictionary survive, so a
    // section deleted since that sitting doesn't select a phantom option.
    $oldScores = old('scores', []);
    $profileIds = array_map(fn ($s) => (int) $s['id'], $profileSections);
    $preselect = [];
    foreach ($students as $s) {
        $sid = (int) $s['id'];
        $typed = array_map('intval', array_keys(array_filter(
            $oldScores[$sid] ?? [],
            fn ($v) => $v !== null && $v !== ''
        )));
        $chosenIds = array_values(array_intersect($typed, $profileIds))
            ?: array_values(array_intersect($lastProfile[$sid] ?? [], $profileIds));
        $preselect[$sid] = array_slice($chosenIds, 0, 2);
    }
@endphp
<div id="entScoresCard">
    <div class="ax-info-section mb-4">
        <div class="ax-info-section-header">
            <span class="ax-info-section-title">Добавить результаты</span>
            @if (! empty($students))
                <div class="form-check form-switch mb-0">
                    <input class="form-check-input" type="checkbox" id="entShowAllSections">
                    <label class="form-check-label small" for="entShowAllSections">Показать все предметы</label>
                </div>
            @endif
        </div>
        <div class="ax-info-section-body">
            <form action="/admin/ent_scores.php" method="POST" class="js-ajax-form"
                  data-replace-target="#entScoresCard" data-alert-target="#entScoresAlert">
                @csrf
                <input type="hidden" name="search" value="{{ $search }}">
                <input type="hidden" name="class_id" value="{{ $classId }}">

                <div class="row g-2 align-items-end mb-3">
                    <div class="col-6 col-md-3">
                        <label class="form-label small">Дата теста</label>
                        <input type="date" class="form-control @error('test_date') is-invalid @enderror"
                               name="test_date" required value="{{ old('test_date') ?: date('Y-m-d') }}">
                        @error('test_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-12 col-md-6">
                        <label class="form-label small">Заметка</label>
                        <input type="text" class="form-control" name="note" maxlength="255" value="{{ old('note') }}">
                    </div>
                </div>

                @error('scores')
                    <div class="alert alert-danger py-2">{{ $message }}</div>
                @enderror

                @if (empty($students))
                    <div class="ax-empty-state">
                        <i class="bi bi-search ax-empty-icon"></i>
                        Нет учеников по заданному фильтру.
                    </div>
                @else
                    {{-- Sets both slots for every student at once: the common case is a whole
                         class sitting the same pair, and clicking through 2 × N dropdowns for
                         that is exactly what made this page tedious. Fills empty slots only, so
                         students already carrying their own subjects keep them. --}}
                    <div class="ax-card ax-card--muted mb-3" id="entProfileDefaults">
                        <div class="ax-sub-label">Профильные предметы для всего списка</div>
                        <div class="row g-2 align-items-end">
                            @foreach ([0, 1] as $slot)
                                <div class="col-12 col-md-4">
                                    <label class="form-label small">Профильный {{ $slot + 1 }}</label>
                                    <select class="form-select form-select-sm js-ent-default-profile" data-slot="{{ $slot }}">
                                        <option value="">— не выбран —</option>
                                        @foreach ($profileSections as $section)
                                            <option value="{{ (int) $section['id'] }}">{{ $section['name'] }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            @endforeach
                            <div class="col-12 col-md-4">
                                <button type="button" class="btn btn-outline-primary btn-sm w-100" id="entApplyProfiles">
                                    <i class="bi bi-arrow-down"></i> Проставить всем
                                </button>
                            </div>
                        </div>
                    </div>

                    <div class="table-responsive mb-2" id="entCompactTable">
                        <table class="table table-sm align-middle mb-0">
                            <thead>
                                <tr>
                                    <th style="min-width:180px;">Ученик</th>
                                    @foreach ($mandatorySections as $section)
                                        <th style="min-width:100px;">
                                            {{ $section['name'] }}
                                            <span class="badge bg-primary">Обяз.</span>
                                            <div class="text-muted small fw-normal">макс. {{ $formatMax($section['max_score']) }}</div>
                                        </th>
                                    @endforeach
                                    @foreach ([0, 1] as $slot)
                                        <th style="min-width:230px;">
                                            Профильный {{ $slot + 1 }}
                                            <div class="text-muted small fw-normal">предмет и балл</div>
                                        </th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($students as $s)
                                    <tr>
                                        <td>{{ $s['last_name'] . ' ' . $s['first_name'] }}</td>
                                        @foreach ($mandatorySections as $section)
                                            <td>
                                                <input type="number" step="0.1" min="0" max="{{ $section['max_score'] }}"
                                                       class="form-control form-control-sm"
                                                       name="scores[{{ (int) $s['id'] }}][{{ (int) $section['id'] }}]"
                                                       value="{{ old('scores.'.$s['id'].'.'.$section['id']) }}">
                                            </td>
                                        @endforeach
                                        @foreach ([0, 1] as $slot)
                                            @php
                                                $chosenId = $preselect[(int) $s['id']][$slot] ?? null;
                                                $chosen = null;
                                                foreach ($profileSections as $candidate) {
                                                    if ((int) $candidate['id'] === $chosenId) {
                                                        $chosen = $candidate;
                                                        break;
                                                    }
                                                }
                                            @endphp
                                            <td class="js-ent-profile-slot">
                                                <div class="d-flex gap-1">
                                                    {{-- The score box's name carries the section id, so it gets rewritten
                                                         whenever this dropdown changes, and the box stays disabled (and
                                                         therefore unposted) while no subject is chosen. --}}
                                                    <select class="form-select form-select-sm js-ent-profile-select"
                                                            data-student="{{ (int) $s['id'] }}" data-slot="{{ $slot }}">
                                                        <option value="">— не выбран —</option>
                                                        @foreach ($profileSections as $section)
                                                            <option value="{{ (int) $section['id'] }}"
                                                                    data-max="{{ $section['max_score'] }}"
                                                                    @selected($chosen && (int) $chosen['id'] === (int) $section['id'])>{{ $section['name'] }}</option>
                                                        @endforeach
                                                    </select>
                                                    @if ($chosen)
                                                        <input type="number" step="0.1" min="0" max="{{ $chosen['max_score'] }}"
                                                               class="form-control form-control-sm js-ent-profile-score"
                                                               style="max-width:96px;"
                                                               placeholder="0–{{ $formatMax($chosen['max_score']) }}"
                                                               name="scores[{{ (int) $s['id'] }}][{{ (int) $chosen['id'] }}]"
                                                               value="{{ old('scores.'.$s['id'].'.'.$chosen['id']) }}">
                                                    @else
                                                        <input type="number" step="0.1" min="0"
                                                               class="form-control form-control-sm js-ent-profile-score"
                                                               style="max-width:96px;" disabled>
                                                    @endif
                                                </div>
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <div class="table-responsive mb-2 d-none" id="entFullTable">
                        <table class="table table-sm align-middle mb-0">
                            <thead>
                                <tr>
                                    <th style="min-width:180px;">Ученик</th>
                                    @foreach ($sections as $section)
                                        <th style="min-width:100px;">
                                            {{ $section['name'] }}
                                            @if ($section['is_mandatory'])
                                                <span class="badge bg-primary">Обяз.</span>
                                            @endif
                                            <div class="text-muted small fw-normal">макс. {{ $formatMax($section['max_score']) }}</div>
                                        </th>
                                    @endforeach
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($students as $s)
                                    <tr>
                                        <td>{{ $s['last_name'] . ' ' . $s['first_name'] }}</td>
                                        @foreach ($sections as $section)
                                            <td>
                                                <input type="number" step="0.1" min="0" max="{{ $section['max_score'] }}"
                                                       class="form-control form-control-sm"
                                                       name="scores[{{ (int) $s['id'] }}][{{ (int) $section['id'] }}]"
                                                       value="{{ old('scores.'.$s['id'].'.'.$section['id']) }}" disabled>
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <button type="submit" class="btn btn-primary">Добавить результаты</button>
                @endif
            </form>
        </div>
    </div>

    @if (!empty($detail))
    <div class="ax-info-section mb-4">
        <div class="ax-info-section-header">
            <span class="ax-info-section-title">Прогресс по ученикам</span>
        </div>
        {{-- Table sits directly in the section (no ax-info-section-body) so it
             stays flush to the edges, as it did inside the old card. --}}
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr><th>Ученик</th><th class="text-center">Предыдущий</th><th class="text-center">Последний</th><th class="text-center">&Delta;</th><th class="text-center" title="Средний прирост суммы баллов за одну попытку, по всем попыткам ученика">Ср. прогресс</th><th class="text-center">Все результаты</th></tr>
                </thead>
                <tbody>
                @foreach ($detail as $row)
                    @php $studentName = $row['last_name'] . ' ' . $row['first_name']; @endphp
                    <tr>
                        <td>{{ $studentName }}</td>
                        <td class="text-center">{{ $row['previous_score'] ?? '—' }}</td>
                        <td class="text-center">{{ $row['latest_score'] }}</td>
                        <td class="text-center">
                            @if ($row['delta'] !== null)
                                <span class="{{ $row['delta'] >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ ($row['delta'] >= 0 ? '+' : '') . $row['delta'] }}
                                </span>
                            @else
                                —
                            @endif
                        </td>
                        <td class="text-center">
                            @if ($row['avg_delta'] !== null)
                                <span class="{{ $row['avg_delta'] >= 0 ? 'text-success' : 'text-danger' }}">
                                    {{ ($row['avg_delta'] >= 0 ? '+' : '') . $row['avg_delta'] }}
                                </span>
                            @else
                                —
                            @endif
                        </td>
                        <td class="text-center">
                            {{-- Collapsed by default: most visits to this page are entry, not
                                 correction, and a student with six sittings would otherwise push
                                 the next student off the screen. --}}
                            <button type="button" class="btn btn-outline-secondary btn-sm js-ent-toggle-attempts"
                                    data-target="#entAttempts_{{ $row['student_id'] }}">
                                <i class="bi bi-chevron-down"></i>
                                {{ count($attempts[$row['student_id']] ?? []) }}
                            </button>
                        </td>
                    </tr>
                    <tr class="d-none" id="entAttempts_{{ $row['student_id'] }}">
                        {{-- --ax-gray-50, not Bootstrap's .bg-body-tertiary: this app's dark mode
                             is its own <html data-theme="dark"> token set (css/style.css), and
                             Bootstrap's theme variables never flip with it — .bg-body-tertiary
                             would be a white panel in the middle of a dark page. --}}
                        <td colspan="6" style="background: var(--ax-gray-50);">
                            <table class="table table-sm align-middle mb-0">
                                <thead>
                                    <tr>
                                        <th style="min-width:110px;">Дата</th>
                                        <th class="text-center">Сумма</th>
                                        <th>Предметы</th>
                                        <th>Заметка</th>
                                        <th class="text-end" style="min-width:110px;">Действия</th>
                                    </tr>
                                </thead>
                                <tbody>
                                @foreach ($attempts[$row['student_id']] ?? [] as $attempt)
                                    <tr>
                                        <td>{{ $attempt['date'] }}</td>
                                        <td class="text-center fw-semibold">{{ $attempt['total'] }}</td>
                                        <td>
                                            @foreach ($attempt['sections'] as $sectionId => $score)
                                                <span class="badge bg-secondary fw-normal">
                                                    {{ $sectionNames[$sectionId] ?? ('#' . $sectionId) }}: {{ $score }}
                                                </span>
                                            @endforeach
                                            @if ($attempt['unassigned'] !== null)
                                                {{-- A pre-021 row: no subject to name, but it still counts
                                                     toward the sum above, so say where the difference is. --}}
                                                <span class="badge bg-warning text-dark fw-normal">
                                                    без предмета: {{ $attempt['unassigned'] }}
                                                </span>
                                            @endif
                                        </td>
                                        <td class="text-muted small">{{ $attempt['note'] ?? '—' }}</td>
                                        <td class="text-end text-nowrap">
                                            {{-- The dialog itself is shared and filled in from these
                                                 attributes on click (see index.blade.php): one modal per
                                                 sitting would be every student × every sitting × every
                                                 subject worth of inputs in the page. --}}
                                            <button type="button" class="btn btn-outline-primary btn-sm js-ent-edit"
                                                    data-bs-toggle="modal" data-bs-target="#entEditModal"
                                                    data-student="{{ $row['student_id'] }}"
                                                    data-student-name="{{ $studentName }}"
                                                    data-date="{{ $attempt['date'] }}"
                                                    data-note="{{ $attempt['note'] }}"
                                                    data-unassigned="{{ $attempt['unassigned'] }}"
                                                    data-scores="{{ json_encode((object) $attempt['sections']) }}"
                                                    title="Изменить">&#9998;</button>
                                            <form method="POST" action="/admin/ent_scores_delete.php" class="d-inline js-ajax-form"
                                                  data-replace-target="#entScoresCard" data-alert-target="#entScoresAlert"
                                                  onsubmit="return confirm('Удалить результат ЕНТ за {{ $attempt['date'] }} у {{ $studentName }}? Баллы по всем предметам этого теста будут удалены.')">
                                                @csrf
                                                <input type="hidden" name="student_id" value="{{ $row['student_id'] }}">
                                                <input type="hidden" name="test_date" value="{{ $attempt['date'] }}">
                                                <input type="hidden" name="search" value="{{ $search }}">
                                                <input type="hidden" name="class_id" value="{{ $classId }}">
                                                <button type="submit" class="btn btn-outline-danger btn-sm" title="Удалить">&#128465;</button>
                                            </form>
                                        </td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

    {{--
        Edit dialog, one for the whole card. Every subject in the dictionary gets a field, not
        just the ones the sitting already has: "this score is filed under the wrong subject" and
        "I missed one" are the two edits this exists for, and neither is expressible otherwise.
        An emptied field removes that subject from the sitting — update() reconciles the set.

        Sits outside the entry form on purpose (a nested <form> is invalid HTML and the browser
        would drop this one), and inside #entScoresCard so a successful save replaces it along
        with everything else — the js-ajax-form handler hides the modal and waits for
        'hidden.bs.modal' before swapping, so the backdrop doesn't get stranded.
    --}}
    <div class="modal fade" id="entEditModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable">
            {{-- Reports into the dialog, not into #entScoresAlert like every other form on this
                 page: a rejected edit leaves the dialog open (deliberately — what the user typed
                 is still in it), and an alert on the page behind it sits under the backdrop, so
                 the submit would look like it had simply done nothing. The success message goes
                 the other way, echoed onto the page by index.blade.php's ajax-form:success
                 listener, since by then this dialog is closing. --}}
            <form method="POST" action="/admin/ent_scores_update.php" class="modal-content js-ajax-form"
                  data-replace-target="#entScoresCard" data-alert-target="#entEditAlert">
                @csrf
                <input type="hidden" name="search" value="{{ $search }}">
                <input type="hidden" name="class_id" value="{{ $classId }}">
                <input type="hidden" name="student_id" id="entEditStudentId">
                {{-- The sitting is keyed by (student, date), so moving it needs both dates. --}}
                <input type="hidden" name="original_date" id="entEditOriginalDate">

                <div class="modal-header">
                    <h5 class="modal-title">Изменить результат ЕНТ — <span id="entEditStudentName"></span></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <div id="entEditAlert"></div>

                    <div class="row g-2 mb-3">
                        <div class="col-12 col-md-4">
                            <label class="form-label small">Дата теста</label>
                            <input type="date" class="form-control" name="test_date" id="entEditDate" required>
                        </div>
                        <div class="col-12 col-md-8">
                            <label class="form-label small">Заметка</label>
                            <input type="text" class="form-control" name="note" id="entEditNote" maxlength="255">
                        </div>
                    </div>

                    <div class="alert alert-warning py-2 d-none" id="entEditUnassigned"></div>

                    <div class="ax-sub-label">Баллы по предметам</div>
                    <div class="text-muted small mb-2">Пустое поле — предмет будет убран из этого результата.</div>
                    <div class="row g-2">
                        @foreach ($sections as $section)
                            <div class="col-6 col-md-4">
                                <label class="form-label small mb-0">
                                    {{ $section['name'] }}
                                    @if ($section['is_mandatory'])
                                        <span class="badge bg-primary">Обяз.</span>
                                    @endif
                                    <span class="text-muted d-block">макс. {{ $formatMax($section['max_score']) }}</span>
                                </label>
                                <input type="number" step="0.1" min="0" max="{{ $section['max_score'] }}"
                                       class="form-control form-control-sm js-ent-edit-score"
                                       data-section="{{ (int) $section['id'] }}"
                                       name="scores[{{ (int) $section['id'] }}]">
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Отмена</button>
                    <button type="submit" class="btn btn-primary">Сохранить</button>
                </div>
            </form>
        </div>
    </div>
    @endif
</div>