@php
    $secSettings = App\Models\SchoolSetting::current();
    $secTitle = $secSettings?->{$section . '_title'};
    $secSubtitle = $secSettings?->{$section . '_subtitle'};
@endphp
<div class="section-header-box mb-4" id="sec-box-{{ $section }}">
    <div class="section-header-view" id="sec-view-{{ $section }}">
        <div class="d-flex justify-content-between align-items-start gap-3">
            <div class="flex-grow-1">
                <div class="section-header-title">{!! $secTitle ?: $titleDefault !!}</div>
                @if($secSubtitle ?: $subtitleDefault)
                    <div class="section-header-subtitle">{!! $secSubtitle ?: $subtitleDefault !!}</div>
                @endif
            </div>
            <button type="button" class="btn btn-sm btn-light btn-action section-edit-btn" data-section="{{ $section }}" title="Editar contenido">
                <i class="bi bi-pencil"></i> Editar
            </button>
        </div>
    </div>
    <div class="section-header-edit d-none" id="sec-edit-{{ $section }}">
        <label class="form-label small">Titulo</label>
        <div class="quill-inline quill-inline-title" id="sec-title-editor-{{ $section }}"></div>
        <label class="form-label small mt-2">Subtitulo / Frase</label>
        <div class="quill-inline quill-inline-subtitle" id="sec-subtitle-editor-{{ $section }}"></div>
        <div class="d-flex justify-content-end gap-2 mt-3">
            <button type="button" class="btn btn-sm btn-light section-cancel-btn" data-section="{{ $section }}">Cancelar</button>
            <button type="button" class="btn btn-sm btn-primary section-save-btn" data-section="{{ $section }}"><i class="bi bi-check-lg me-1"></i> Guardar</button>
        </div>
    </div>
</div>