{{--
    @intent Aba "Header" do Editor Estrutural do Portal.
    @description Editor direto de HTML/Blade para o cabeçalho do portal.
    @vars $contents (array)
--}}
<form action="{{ route('v2.structural-editor.editor.save') }}" method="POST">
    {{ csrf_field() }}

    <div class="sle-area-editor" data-area="header">
        <div class="d-flex align-items-center justify-content-between mb-2">
            <p class="text-muted small mb-0">
                Código HTML/Blade injetado no <strong>cabeçalho</strong> do portal.
                Se vazio, o header governamental padrão é renderizado.
            </p>
            <div class="d-flex align-items-center gap-2 flex-shrink-0 ms-2">
                <div class="form-check form-switch mb-0">
                    @php $hActive = $contents['header']->active ?? true; @endphp
                    <input class="form-check-input" type="checkbox"
                           name="areas[header][active]" value="1"
                           id="hdr-active" {{ $hActive ? 'checked' : '' }}>
                    <label class="form-check-label small" for="hdr-active">Ativo</label>
                </div>
            </div>
        </div>

        @php $hVal = $contents['header']->content ?? ''; @endphp
        <input type="hidden" name="areas[header][content_type]" value="htmlmixed">
        @include('v2-cms::partials.code-editor', [
            'id'     => 'hdr-editor',
            'name'   => 'areas[header][content]',
            'value'  => $hVal,
            'mode'   => 'htmlmixed',
            'height' => '300px',
            'label'  => false,
        ])
    </div>

    <div class="mt-3">
        <button type="submit" class="btn btn-primary fw-bold px-4 d-inline-flex align-items-center gap-1">
            <i class="bi bi-save"></i> Salvar Header
        </button>
    </div>
</form>