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

    <div class="mb-3">
        <label class="form-label fw-bold">Gerenciador de Links do Footer</label>
        <p class="text-muted small mb-3">Crie Colunas (ex: Institucional) e adicione links dentro de cada coluna. Limite recomendado: 4 colunas.</p>
        
        <div id="footer-builder-container" class="bg-light border p-3 rounded" style="min-height: 200px;">
            <div id="footer-list" style="display: flex; gap: 15px; flex-wrap: wrap;">
                <!-- Colunas renderizadas via JS -->
            </div>
            <button type="button" id="btn-add-column" 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-layout-three-columns"></i> Adicionar Coluna
            </button>
        </div>

        <textarea name="footer_links_json" id="footer_links_json" style="display:none;" aria-label="JSON das colunas do footer">{{ $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 Footer</button>
    @endv2can
</form>

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

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