{{--
    @intent Submódulo 3 — Dados Estruturais (links header/footer, contato, redes sociais, LAI)
    @description Organizado em abas: Links Header, Links Footer, Contato, Redes Sociais, Transparência LAI.
    @vars $layoutConfigs (Collection)
--}}
@extends('v2-cms::layouts.app', [
    'title'    => 'Dados Estruturais',
    'subtitle' => 'Editor Estrutural'
])

@section('page-breadcrumbs')
    <nav aria-label="Breadcrumb">
        <ol class="breadcrumb bg-transparent p-0 mb-0 small">
            <li class="breadcrumb-item"><a href="{{ route('v2.cms.dashboard') }}" class="text-decoration-none">Dashboard</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.supportconfigs.index') }}" class="text-decoration-none">Suporte</a></li>
            <li class="breadcrumb-item"><a href="{{ route('v2.structural-editor.theme') }}" class="text-decoration-none">Landing Page</a></li>
            <li class="breadcrumb-item active" aria-current="page">Dados Estruturais</li>
        </ol>
    </nav>
@endsection

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

        <header class="v2-page-header mb-4">
            <div class="row">
                <div class="col-12">
                    <p class="text-muted">
                        Configure os menus de navegação, dados de contato, redes sociais e os itens do painel de transparência (LAI)
                        que aparecem em todo o portal.
                    </p>
                    <p class="text-muted small">
                        <i class="bi bi-info-circle"></i> O controle global para ativar/desativar o painel LAI está em
                        <a href="{{ route('v2.structural-editor.features') }}">Features &amp; Acessibilidade</a>.
                    </p>
                </div>
            </div>
        </header>

        <section class="v2-main-content" aria-label="Painel de dados estruturais">
            @include('flash::message')

            <div class="card shadow-sm border-0">
                <div class="card-header bg-light p-0 border-bottom-0">
                    <ul class="nav nav-tabs" id="structuralTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold active"
                                    id="sd-headerlinks-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_sd_headerlinks"
                                    type="button" role="tab"
                                    aria-controls="tab_sd_headerlinks"
                                    aria-selected="true">
                                <i class="bi bi-list-ul me-1"></i> Links Header
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="sd-footerlinks-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_sd_footerlinks"
                                    type="button" role="tab"
                                    aria-controls="tab_sd_footerlinks"
                                    aria-selected="false">
                                <i class="bi bi-link-45deg me-1"></i> Links Footer
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="sd-contato-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_sd_contato"
                                    type="button" role="tab"
                                    aria-controls="tab_sd_contato"
                                    aria-selected="false">
                                <i class="bi bi-telephone me-1"></i> Contato
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="sd-redes-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_sd_redes"
                                    type="button" role="tab"
                                    aria-controls="tab_sd_redes"
                                    aria-selected="false">
                                <i class="bi bi-share me-1"></i> Redes Sociais
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="sd-lai-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_sd_lai"
                                    type="button" role="tab"
                                    aria-controls="tab_sd_lai"
                                    aria-selected="false">
                                <i class="bi bi-shield-check me-1"></i> Transparência (LAI)
                            </button>
                        </li>
                    </ul>
                </div>

                <div class="card-body p-4">
                    <div class="tab-content" id="structuralTabsContent">

                        {{-- Tab 1: Links do Header --}}
                        <div class="tab-pane fade show active"
                             id="tab_sd_headerlinks"
                             role="tabpanel"
                             aria-labelledby="sd-headerlinks-tab">
                            @php $configs = $layoutConfigs; @endphp
                            @include('v2-structurallandingeditor::cms.tabs.layoutbase.links-header')
                        </div>

                        {{-- Tab 2: Links do Footer --}}
                        <div class="tab-pane fade"
                             id="tab_sd_footerlinks"
                             role="tabpanel"
                             aria-labelledby="sd-footerlinks-tab">
                            @php $configs = $layoutConfigs; @endphp
                            @include('v2-structurallandingeditor::cms.tabs.layoutbase.links-footer')
                        </div>

                        {{-- Tab 3: Contato --}}
                        <div class="tab-pane fade"
                             id="tab_sd_contato"
                             role="tabpanel"
                             aria-labelledby="sd-contato-tab">
                            @php $configs = $layoutConfigs; @endphp
                            @include('v2-structurallandingeditor::cms.tabs.layoutbase.contato')
                        </div>

                        {{-- Tab 4: Redes Sociais --}}
                        <div class="tab-pane fade"
                             id="tab_sd_redes"
                             role="tabpanel"
                             aria-labelledby="sd-redes-tab">
                            @php $configs = $layoutConfigs; @endphp
                            @include('v2-structurallandingeditor::cms.tabs.layoutbase.redes-sociais')
                        </div>

                        {{-- Tab 5: Transparência LAI --}}
                        <div class="tab-pane fade"
                             id="tab_sd_lai"
                             role="tabpanel"
                             aria-labelledby="sd-lai-tab">
                            @php $configs = $layoutConfigs; @endphp
                            @include('v2-structurallandingeditor::cms.tabs.layoutbase.transparencia-lai')
                        </div>

                    </div>
                </div>
            </div>

            @include('v2-cms::partials.activity-footer', [
                'model' => new \V2\Modules\Support\StructuralLandingEditor\Models\StructuralPortalContent()
            ])

        </section>

    </main>
@endsection