@inject('activityLogger', 'V2\Services\ActivityLogger\ActivityLoggerService')
<form action="{{ route('v2.structural-editor.structural-data.save') }}" method="POST" id="form-header">
    {{ csrf_field() }}
    <input type="hidden" name="tab" value="links-header">
    @php 
        $configModel = $configs->has('links_header') ? $configs['links_header'] : null;
        $payloadJson = $configModel ? json_encode($configModel->payload) : '[]';
    @endphp

    <div class="mb-3">
        <label class="form-label fw-bold">Gerenciador de Links do Header</label>
        <p class="text-muted small mb-3">Crie menus e submenus (até 3 níveis). Deixe a URL vazia caso o item sirva apenas como agrupador de submenus.</p>
        <div class="alert alert-warning p-3 mb-3 d-flex align-items-center gap-2 small" role="alert">
            <i class="bi bi-info-circle-fill fs-5"></i>
            <div>
                <strong>Recomendação de Layout:</strong> Como o portal adota um cabeçalho unificado (em uma única linha horizontal), recomenda-se um limite de <strong>5 a 6 links principais</strong>. Exceder essa quantidade ativará uma rolagem horizontal que pode prejudicar a experiência do usuário em telas menores.
            </div>
        </div>
        
        <div id="header-builder-container" class="bg-light border p-3 rounded" style="min-height: 200px;">
            <div id="header-list">
                <!-- Arvore renderizada via JS -->
            </div>
            <button type="button" id="btn-add-menu" class="btn btn-outline-secondary btn-sm mt-3 d-inline-flex align-items-center gap-1 {{ \v2_can('LayoutBase', 'write') ? '' : 'd-none' }}">
                <i class="bi bi-plus-lg"></i> Adicionar Item
            </button>
        </div>

        <textarea name="header_links_json" id="header_links_json" style="display:none;" aria-label="JSON dos links do header">{{ $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 Links do Header</button>
    @endv2can
</form>

@include('v2-structurallandingeditor::cms.tabs.layoutbase.components.history-table', ['configModel' => $configModel, 'logSuffix' => 'Atualizou os Links do Header.'])

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