{{--
    One dictionary table's rows + its per-row edit modals + its add modal, split out
    of index.blade.php so DictionaryController::save() can re-render just this table
    after an add/edit/delete/move and return it as data.html — see data-replace-target
    on the js-ajax-form handler in layouts/app.blade.php. Params: $table, $title,
    $items, $tablesWithAbbr, $commentCategories. The #dictCard_{{ $table }} id is the
    replace-target the AJAX handler swaps via outerHTML.
--}}
<div id="dictCard_{{ $table }}">
    <div class="table-responsive">
        <table class="table table-striped table-hover align-middle mb-0">
            <thead class="table-light">
            <tr>
                <th style="width: 70px;">#</th>
                <th style="width: 70px;">Порядок</th>
                <th>Название</th>
                @if (in_array($table, $tablesWithAbbr, true))<th style="width: 220px;">Аббревиатура</th>@endif
                @if ($table === 'classrooms')<th>Аренда/урок</th><th>Ссылка</th><th>Комментарий</th>@endif
                @if ($table === 'student_statuses')<th>Цвет</th>@endif
                @if ($table === 'comments')<th>Категория</th><th>Текст</th>@endif
                @if ($table === 'ent_sections')<th>Макс. балл</th><th>Обязательный</th>@endif
                <th style="width: 180px;" class="text-center">Действия</th>
            </tr>
            </thead>
            <tbody>
            @forelse ($items as $index => $item)
                <tr>
                    <td>{{ $item['id'] }}</td>
                    <td class="text-nowrap">
                        <form method="POST" action="/admin/indexes.php" class="d-inline js-ajax-form"
                              data-replace-target="#dictCard_{{ $table }}" data-alert-target="#dictAlert_{{ $table }}">
                            @csrf
                            <input type="hidden" name="action" value="move">
                            <input type="hidden" name="id" value="{{ $item['id'] }}">
                            <input type="hidden" name="table" value="{{ $table }}">
                            <input type="hidden" name="direction" value="up">
                            <button type="submit" class="btn btn-outline-secondary btn-sm" {{ $index === 0 ? 'disabled' : '' }} title="Переместить выше">&#9650;</button>
                        </form>
                        <form method="POST" action="/admin/indexes.php" class="d-inline js-ajax-form"
                              data-replace-target="#dictCard_{{ $table }}" data-alert-target="#dictAlert_{{ $table }}">
                            @csrf
                            <input type="hidden" name="action" value="move">
                            <input type="hidden" name="id" value="{{ $item['id'] }}">
                            <input type="hidden" name="table" value="{{ $table }}">
                            <input type="hidden" name="direction" value="down">
                            <button type="submit" class="btn btn-outline-secondary btn-sm" {{ $index === count($items) - 1 ? 'disabled' : '' }} title="Переместить ниже">&#9660;</button>
                        </form>
                    </td>
                    <td>{{ $item['name'] ?? '' }}</td>
                    @if (in_array($table, $tablesWithAbbr, true))<td>{{ $item['abbreviation'] ?? '' }}</td>@endif
                    @if ($table === 'classrooms')
                        <td>{{ $item['rent_per_lesson'] !== null ? number_format((float) $item['rent_per_lesson'], 2) : '—' }}</td>
                        <td>
                            @if ($item['link'])
                                <a class="truncate" href="{{ $item['link'] }}" target="_blank">{{ $item['link'] }}</a>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                        <td>
                            @if ($item['comment'])
                                <span class="truncate">{{ $item['comment'] }}</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                    @endif
                    @if ($table === 'student_statuses')
                        <td><span class="badge bg-{{ $item['color'] }}">{{ $item['color'] }}</span></td>
                    @endif
                    @if ($table === 'comments')
                        <td>{{ $item['category_id'] }}</td>
                        <td>{{ $item['text'] }}</td>
                    @endif
                    @if ($table === 'ent_sections')
                        <td>{{ $item['max_score'] }}</td>
                        <td>
                            @if ($item['is_mandatory'])
                                <span class="badge bg-primary">Да</span>
                            @else
                                <span class="text-muted">—</span>
                            @endif
                        </td>
                    @endif
                    <td class="text-center">
                        <button type="button" class="btn btn-outline-primary btn-sm" data-bs-toggle="modal" data-bs-target="#editModal_{{ $table }}_{{ $item['id'] }}">&#9998;</button>
                        <form method="POST" action="/admin/indexes.php" class="d-inline js-ajax-form"
                              data-replace-target="#dictCard_{{ $table }}" data-alert-target="#dictAlert_{{ $table }}"
                              onsubmit="return confirm('Удалить запись #{{ $item['id'] }}?')">
                            @csrf
                            <input type="hidden" name="action" value="delete">
                            <input type="hidden" name="id" value="{{ $item['id'] }}">
                            <input type="hidden" name="table" value="{{ $table }}">
                            <button type="submit" class="btn btn-outline-danger btn-sm">&#128465;</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="7" class="text-center text-muted">Записей пока нет</td>
                </tr>
            @endforelse
            </tbody>
        </table>
    </div>

    {{-- Edit modals (one per row) --}}
    @foreach ($items as $item)
        <div class="modal fade" id="editModal_{{ $table }}_{{ $item['id'] }}" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <form method="POST" action="/admin/indexes.php" class="modal-content js-ajax-form"
                      data-replace-target="#dictCard_{{ $table }}" data-alert-target="#dictAlert_{{ $table }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Редактировать: {{ $title }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <input type="hidden" name="action" value="edit">
                        <input type="hidden" name="id" value="{{ $item['id'] }}">
                        <input type="hidden" name="table" value="{{ $table }}">

                        @if ($table === 'comment_categories')
                            <div class="mb-3">
                                <label class="form-label">Название категории</label>
                                <input type="text" name="name" class="form-control" value="{{ $item['name'] ?? '' }}" required>
                            </div>
                        @elseif ($table === 'comments')
                            <div class="mb-3">
                                <label class="form-label">ID комментария</label>
                                <input type="text" class="form-control" value="{{ $item['id'] }}" readonly disabled>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Категория</label>
                                <select name="category_id" class="form-select" required>
                                    @foreach ($commentCategories as $cat)
                                        <option value="{{ $cat['id'] }}" @selected((string) $cat['id'] === (string) $item['category_id'])>{{ $cat['id'] . ' — ' . $cat['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Текст комментария</label>
                                <textarea name="text" class="form-control" rows="2" required>{{ $item['text'] }}</textarea>
                            </div>
                        @elseif ($table === 'student_statuses')
                            <div class="mb-3">
                                <label class="form-label">Название</label>
                                <input type="text" name="name" class="form-control" value="{{ $item['name'] ?? '' }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Цвет (Bootstrap)</label>
                                <select name="color" class="form-select" required>
                                    @foreach (['success','secondary','warning','danger','info','primary','dark','light'] as $c)
                                        <option value="{{ $c }}" @selected($item['color'] === $c)>{{ $c }}</option>
                                    @endforeach
                                </select>
                                <div class="mt-1">
                                    <span class="badge bg-{{ $item['color'] }}">{{ $item['name'] }}</span>
                                </div>
                            </div>
                        @elseif ($table === 'ent_sections')
                            <div class="mb-3">
                                <label class="form-label">Название</label>
                                <input type="text" name="name" class="form-control" value="{{ $item['name'] ?? '' }}" required>
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Максимальный балл</label>
                                <input type="number" name="max_score" class="form-control" min="0" step="0.1"
                                       value="{{ $item['max_score'] ?? '' }}" required>
                            </div>
                            <div class="form-check mb-3">
                                <input type="checkbox" name="is_mandatory" value="1" class="form-check-input"
                                       id="editEntMandatory_{{ $item['id'] }}" @checked($item['is_mandatory'])>
                                <label class="form-check-label" for="editEntMandatory_{{ $item['id'] }}">Обязательная секция</label>
                            </div>
                        @else
                            <div class="mb-3">
                                <label class="form-label">Название</label>
                                <input type="text" name="name" class="form-control" value="{{ $item['name'] ?? '' }}" required>
                            </div>
                            @if (in_array($table, $tablesWithAbbr, true))
                                <div class="mb-3">
                                    <label class="form-label">Аббревиатура</label>
                                    <input type="text" name="abbreviation" class="form-control" value="{{ $item['abbreviation'] ?? '' }}">
                                </div>
                            @endif
                            @if ($table === 'classrooms')
                                <div class="mb-3">
                                    <label class="form-label">Аренда за урок</label>
                                    <input type="number" name="rent_per_lesson" class="form-control" min="0" step="0.01"
                                           value="{{ $item['rent_per_lesson'] !== null ? (string) $item['rent_per_lesson'] : '' }}" placeholder="0.00">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Ссылка</label>
                                    <input type="text" name="link" class="form-control" value="{{ $item['link'] ?? '' }}">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Комментарий</label>
                                    <textarea name="comment" class="form-control" rows="2">{{ $item['comment'] ?? '' }}</textarea>
                                </div>
                            @endif
                        @endif
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Сохранить</button>
                    </div>
                </form>
            </div>
        </div>
    @endforeach

    {{-- Add modal --}}
    <div class="modal fade" id="addModal_{{ $table }}" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog">
            <form method="POST" action="/admin/indexes.php" class="modal-content js-ajax-form"
                  data-replace-target="#dictCard_{{ $table }}" data-alert-target="#dictAlert_{{ $table }}">
                @csrf
                <div class="modal-header">
                    <h5 class="modal-title">Добавить: {{ $title }}</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <input type="hidden" name="action" value="add">
                    <input type="hidden" name="table" value="{{ $table }}">

                    @if ($table === 'comment_categories')
                        <div class="mb-3">
                            <label class="form-label">ID категории</label>
                            <input type="text" name="id" class="form-control" placeholder="A, B, C или D" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Название категории</label>
                            <input type="text" name="name" class="form-control" placeholder="Поведение" required>
                        </div>
                    @elseif ($table === 'comments')
                        <div class="mb-3">
                            <label class="form-label">ID комментария</label>
                            <input type="text" name="id" class="form-control" placeholder="A1, B2" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Категория</label>
                            <select name="category_id" class="form-select" required>
                                @foreach ($commentCategories as $cat)
                                    <option value="{{ $cat['id'] }}">{{ $cat['id'] . ' — ' . $cat['name'] }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Текст комментария</label>
                            <textarea name="text" class="form-control" rows="2" required></textarea>
                        </div>
                    @elseif ($table === 'ent_sections')
                        <div class="mb-3">
                            <label class="form-label">Название</label>
                            <input type="text" name="name" class="form-control" placeholder="Например: Математика" required>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Максимальный балл</label>
                            <input type="number" name="max_score" class="form-control" min="0" step="0.1" required>
                        </div>
                        <div class="form-check mb-3">
                            <input type="checkbox" name="is_mandatory" value="1" class="form-check-input" id="addEntMandatory_{{ $table }}">
                            <label class="form-check-label" for="addEntMandatory_{{ $table }}">Обязательная секция</label>
                        </div>
                    @else
                        <div class="mb-3">
                            <label class="form-label">Название</label>
                            <input type="text" name="name" class="form-control" required>
                        </div>
                        @if (in_array($table, $tablesWithAbbr, true))
                            <div class="mb-3">
                                <label class="form-label">Аббревиатура</label>
                                <input type="text" name="abbreviation" class="form-control" placeholder="Напр.: МАТ, РУС">
                            </div>
                        @endif
                        @if ($table === 'classrooms')
                            <div class="mb-3">
                                <label class="form-label">Аренда за урок</label>
                                <input type="number" name="rent_per_lesson" class="form-control" min="0" step="0.01" placeholder="0.00">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Ссылка</label>
                                <input type="text" name="link" class="form-control" placeholder="https://...">
                            </div>
                            <div class="mb-3">
                                <label class="form-label">Комментарий</label>
                                <textarea name="comment" class="form-control" rows="2"></textarea>
                            </div>
                        @endif
                        @if ($table === 'student_statuses')
                            <div class="mb-3">
                                <label class="form-label">Цвет (Bootstrap) <span class="text-danger">*</span></label>
                                <select name="color" class="form-select" required>
                                    @foreach (['success','secondary','warning','danger','info','primary','dark','light'] as $c)
                                        <option value="{{ $c }}">{{ $c }}</option>
                                    @endforeach
                                </select>
                            </div>
                        @endif
                    @endif
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success">Добавить</button>
                </div>
            </form>
        </div>
    </div>
</div>