@extends('layouts.app')

@section('title', 'Справочники')

{{--
    Ports app/Views/admin/dictionaries/index.php (legacy) — see the Phase 51
    plan. No Old::/$errors usage in legacy, so flashes go through the
    standard session()->flash() success/error/info/warning loop the shared
    layout already renders. Legacy builds modals via ob_start() string
    concatenation to place them after every table; Blade doesn't need that
    trick, so modals are emitted inline in the same @foreach instead.

    Each table's rows + modals live in _table_card.blade.php, not inline here —
    DictionaryController::save() re-renders that same partial after an
    add/edit/delete/move and returns it for the js-ajax-form handler
    (layouts/app.blade.php) to swap in, so none of those actions reload the page.
--}}

@push('styles')
<style>
    th, td { padding-top: .35rem !important; padding-bottom: .35rem !important; font-size: .95rem; }
    .btn-sm { padding: .25rem .5rem; font-size: .8rem; }
    .truncate { max-width: 360px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: bottom; }
    @media (max-width: 992px) { .truncate { max-width: 200px; } }
</style>
@endpush

@section('content')
<div class="container py-4">
    <h2 class="mb-4">Справочники</h2>

    @foreach ($tables as $table => $tableData)
        @php $title = $tableData['title']; $items = $tableData['items']; @endphp
        <div class="mb-4">
            <div class="card shadow-sm">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <strong>{{ $title }}</strong>
                    <button type="button" class="btn btn-success btn-sm" data-bs-toggle="modal" data-bs-target="#addModal_{{ $table }}">Добавить</button>
                </div>
                <div class="card-body p-0">
                    <div id="dictAlert_{{ $table }}" class="px-2 pt-2"></div>
                    @include('admin.dictionaries._table_card', [
                        'table' => $table,
                        'title' => $title,
                        'items' => $items,
                        'tablesWithAbbr' => $tablesWithAbbr,
                        'commentCategories' => $commentCategories,
                    ])
                </div>
            </div>
        </div>
    @endforeach
</div>
@endsection