@extends('v2-portal::app-layout', [
    'pageTitle' => 'Pré-visualização da Página',
    'showMainHeader' => false,
    'showMainLeftArea' => false,
    'showMainRightArea' => false,
    'showMainFooter' => false,
    'showHeader' => true,
    'showFooter' => true,
    'fullWidthMain' => true,
])

@section('main-section-area')
    <div class="new-landing-page-content-wrapper">
        <div class="new-landing-page-content">
            @include('v2-service-landingsectionseditor::components.landing-sections-viewer', ['sections' => $sections])
        </div>
    </div>
@endsection

@push('scripts')
<script>
window.addEventListener('message', function(e) {
    if (e.data && e.data.type === 'lotep:update-section-html') {
        const sectionId = e.data.sectionId;
        const html = e.data.html;
        const block = document.querySelector('.lse-render-section-block[data-section-id="' + sectionId + '"]');
        if (block) {
            // Swap inner HTML
            block.innerHTML = html;
        } else {
            // Fallback: full reload if section is new or not found
            window.location.reload();
        }
    }
});
</script>
@endpush