@extends('v2-cms::layouts.app', [
    'title' => 'Homepage — Seções',
])

@section('content')
<main role="main" class="v2-cms-module-container">

    <header class="v2-page-header mb-4">
        <div class="row">
            <div class="col-12">
                <h1 class="h3 mb-2">
                    <i class="bi bi-house-gear me-2"></i> Editor de Seções da Homepage
                </h1>
                <p class="text-muted mb-0">
                    Adicione, remova e reordene as seções da página inicial.
                    Use o editor visual para configurar cada bloco de conteúdo.
                </p>
            </div>
        </div>
    </header>

    <section class="v2-main-content" aria-label="Editor de seções">
        @include('flash::message')

        <div class="card shadow-sm border-0">
            <div class="card-header bg-light d-flex align-items-center justify-content-between py-3">
                <h5 class="mb-0 fw-bold">
                    <i class="bi bi-layers me-1"></i> Seções
                </h5>
                <div class="d-flex align-items-center gap-2">
                    <button type="submit" form="homepage-sections-form"
                            class="btn btn-primary fw-bold px-4 d-inline-flex align-items-center gap-1">
                        <i class="bi bi-save"></i> Salvar
                    </button>
                    <form action="{{ route('v2.homepage.cache.refresh') }}" method="POST" class="d-inline">
                        {{ csrf_field() }}
                        <button type="submit"
                                class="btn btn-outline-secondary fw-bold px-3 d-inline-flex align-items-center gap-1"
                                title="Remove o cache de páginas do Redis para que a homepage reflita imediatamente as alterações das seções.">
                            <i class="bi bi-arrow-clockwise"></i> Atualizar cache
                        </button>
                    </form>
                </div>
            </div>
            <div class="card-body p-3">
                <form id="homepage-sections-form"
                      action="{{ route('v2.homepage.sections.save') }}"
                      method="POST">
                    {{ csrf_field() }}

                    @include('v2-service-landingsectionseditor::components.forms.landing-sections-editor', [
                        'name' => 'landing_sections_json',
                        'value' => $sections,
                        'label' => 'Seções da Homepage'
                    ])
                </form>
            </div>
        </div>
    </section>

    {{-- Histórico de auditoria --}}
    @include('v2-cms::partials.activity-footer', [
        'history' => $history,
        'model'   => $config ?? null,
    ])

</main>
@endsection