@inject('activityLogger', 'V2\Services\ActivityLogger\ActivityLoggerService')
<form action="{{ route('v2.structural-editor.structural-data.save') }}" method="POST" id="form-lai">
    {{ csrf_field() }}
    <input type="hidden" name="tab" value="transparencia-lai">
    @php
        $configModel = $configs->has('lai_items') ? $configs['lai_items'] : null;
        $defaultItems = [
            ['id' => 'receitas',  'name' => 'Receitas',           'icon' => 'bi-graph-up-arrow',     'url' => '/receitas',  'active' => true, 'order' => 1],
            ['id' => 'despesas',  'name' => 'Despesas',           'icon' => 'bi-cash-stack',         'url' => '/despesas',  'active' => true, 'order' => 2],
            ['id' => 'licitacoes','name' => 'Licitações',         'icon' => 'bi-file-earmark-text',  'url' => '/licitacoes','active' => true, 'order' => 3],
            ['id' => 'esic',      'name' => 'e-SIC / Ouvidoria',  'icon' => 'bi-chat-left-dots',     'url' => '/ouvidoria', 'active' => true, 'order' => 4],
        ];
        $payload = $configModel ? $configModel->payload : $defaultItems;
        $payloadJson = json_encode($payload);
    @endphp

    <div class="mb-3">
        <p class="text-muted small mb-3">
            Gerencie os itens exibidos no painel "Acesso à Informação" do rodapé.
            Cada item mostra uma prévia visual <strong>idêntica ao botão final</strong>.
            Você pode editar nome, ícone, URL, reordenar com setas e ativar/desativar individualmente.
        </p>
        @v2can('LayoutBase', 'write')
        <p class="text-muted small mb-3">
            <i class="bi bi-info-circle"></i> O atalho global (ligar/desligar o painel LAI) está disponível em
            <a href="{{ route('v2.structural-editor.features') }}">Features &amp; Acessibilidade</a>.
        </p>
        @endv2can

        <div id="lai-builder-container" class="bg-light border p-3 rounded" style="min-height: 200px;">
            <div id="lai-list" class="mb-0">
                {{-- Grid de itens renderizados via JS (row de colunas com prévia visual) --}}
            </div>
            <button type="button" id="btn-add-lai" class="btn btn-outline-secondary btn-sm d-inline-flex align-items-center gap-1 mt-3 {{ \v2_can('LayoutBase', 'write') ? '' : 'd-none' }}">
                <i class="bi bi-plus-lg"></i> Adicionar Item
            </button>
        </div>

        <textarea name="lai_items_json" id="lai_items_json" style="display:none;" aria-label="JSON dos itens da transparência">{{ $payloadJson }}</textarea>
    </div>

    @v2can('LayoutBase', 'write')
    <button type="submit" class="btn btn-primary fw-bold px-3 d-inline-flex align-items-center gap-1 mt-3">
        <i class="bi bi-save" aria-hidden="true"></i> Salvar Itens da Transparência
    </button>
    @endv2can
</form>

@include('v2-structurallandingeditor::cms.tabs.layoutbase.components.history-table', ['configModel' => $configModel, 'logSuffix' => 'Atualizou os Itens da Transparência LAI.'])

@push('scripts')
    @include('v2-structurallandingeditor::cms.tabs.layoutbase.scripts.transparencia-lai')
@endpush