{{--
    @intent Submódulo 1 — Metaconfigurações (metadados, SEO, e-mail)
    @description Organizado em abas: Metadados, SEO, E-mail.
    @vars $userConfigs (array), $layoutConfigs (Collection)
--}}
@extends('v2-cms::layouts.app', [
    'title'    => 'Metaconfigurações',
    '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">Meta</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">
                        Gerencie os metadados institucionais, configurações de SEO e a conexão de e-mail (SMTP) do sistema.
                        Estes dados são disseminados globalmente em todas as páginas do portal.
                    </p>
                </div>
            </div>
        </header>

        <section class="v2-main-content" aria-label="Painel de metaconfigurações">
            @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="metaTabs" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold active"
                                    id="meta-metadados-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_meta_metadados"
                                    type="button" role="tab"
                                    aria-controls="tab_meta_metadados"
                                    aria-selected="true">
                                <i class="bi bi-building me-1"></i> Metadados
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="meta-seo-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_meta_seo"
                                    type="button" role="tab"
                                    aria-controls="tab_meta_seo"
                                    aria-selected="false">
                                <i class="bi bi-search-heart me-1"></i> SEO
                            </button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link px-4 py-3 fw-bold"
                                    id="meta-email-tab"
                                    data-bs-toggle="tab"
                                    data-bs-target="#tab_meta_email"
                                    type="button" role="tab"
                                    aria-controls="tab_meta_email"
                                    aria-selected="false">
                                <i class="bi bi-envelope me-1"></i> E-mail
                            </button>
                        </li>
                    </ul>
                </div>

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

                        {{-- Tab 1: Metadados --}}
                        <div class="tab-pane fade show active"
                             id="tab_meta_metadados"
                             role="tabpanel"
                             aria-labelledby="meta-metadados-tab">
                            <form action="{{ route('v2.structural-editor.meta.save') }}" method="POST">
                                {{ csrf_field() }}
                                <input type="hidden" name="tab" value="metadados">
                                @php $configs = $userConfigs; @endphp
                                @include('v2-structurallandingeditor::cms.tabs.userconfigs.metadados')
                            </form>
                        </div>

                        {{-- Tab 2: SEO --}}
                        <div class="tab-pane fade"
                             id="tab_meta_seo"
                             role="tabpanel"
                             aria-labelledby="meta-seo-tab">
                            <form action="{{ route('v2.structural-editor.meta.save') }}" method="POST">
                                {{ csrf_field() }}
                                <input type="hidden" name="tab" value="seo">
                                @php $configs = $userConfigs; @endphp
                                @include('v2-structurallandingeditor::cms.tabs.userconfigs.seo')
                            </form>
                        </div>

                        {{-- Tab 3: E-mail --}}
                        <div class="tab-pane fade"
                             id="tab_meta_email"
                             role="tabpanel"
                             aria-labelledby="meta-email-tab">
                            <form action="{{ route('v2.structural-editor.meta.save') }}" method="POST">
                                {{ csrf_field() }}
                                <input type="hidden" name="tab" value="email">
                                @php $configs = $userConfigs; @endphp
                                @include('v2-structurallandingeditor::cms.tabs.userconfigs.email')
                            </form>
                        </div>

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

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

        </section>

    </main>
@endsection