{{--
    "Добавить результаты" 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, $detail.
--}}
<div id="entScoresCard">
    <div class="card shadow-sm mb-4">
        <div class="card-header"><strong>Добавить результаты</strong></div>
        <div class="card-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="text-muted">Нет учеников по заданному фильтру.</div>
                @else
                    <div class="table-responsive mb-2">
                        <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">макс. {{ rtrim(rtrim(number_format((float) $section['max_score'], 1, '.', ''), '0'), '.') }}</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']) }}">
                                            </td>
                                        @endforeach
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

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

    @if (!empty($detail))
    <div class="card shadow-sm mb-4">
        <div class="card-header"><strong>Прогресс по ученикам</strong></div>
        <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></tr>
                </thead>
                <tbody>
                @foreach ($detail as $row)
                    <tr>
                        <td>{{ $row['last_name'] . ' ' . $row['first_name'] }}</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>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
    @endif
</div>