@extends('v2-portal::app-layout', [
    'pageTitle' => 'Mapa do Site',
    'title' => 'Mapa do Site',
    'pageDescription' => 'Estrutura hierárquica e navegação rápida de todas as áreas do Portal Lotep.',
    'showAccessibilityBar' => true,
    'stickyAccessibilityBar' => true,
    'showHeader' => true,
    'showMainHeader' => true,
    'showMainFooter' => true,
    'showFooter' => true,
    'showMainLeftArea' => false,
    'showMainRightArea' => false
])

@section('main-section-area')
    <article class="row fs-6 lh-base">
        <div class="col-12">
            <h2 class="h3 mb-3 pb-2 text-primary fw-bolder"
                style="border-bottom: 2px solid var(--bs-border-color);">
                <i class="bi bi-diagram-3-fill me-2" aria-hidden="true"></i> Estrutura de Navegação
            </h2>

            <p class="text-secondary">
                Utilize o mapa do site abaixo para encontrar facilmente os conteúdos
                e as principais seções informativas do portal Lotep.
            </p>

            <div class="row g-4 mt-3">
                <div class="col-md-6">
                    <h3 class="h6 mb-3 pb-2 text-dark border-bottom fw-bold">
                        Páginas Principais e Legais
                    </h3>
                    <ul class="text-secondary ps-3 fs-6" style="list-style-type: square;">
                        <li class="mb-2">
                            <a href="{{ route('v2.portal.home') }}" class="text-primary fw-bold">
                                Página Inicial (Homepage)
                            </a>
                        </li>
                        <li class="mb-2">
                            <a href="{{ route('v2.portal.lgpd') }}" class="text-primary">
                                LGPD (Lei Geral de Proteção de Dados)
                            </a>
                        </li>
                        <li class="mb-2">
                            <a href="{{ route('v2.portal.acessibilidade') }}" class="text-primary">
                                Declaração de Acessibilidade
                            </a>
                        </li>
                        <li class="mb-2">
                            <span class="text-muted">Mapa do Site (Você está aqui)</span>
                        </li>
                    </ul>
                </div>

                <div class="col-md-6">
                    <h3 class="h6 mb-3 pb-2 text-dark border-bottom fw-bold">
                        Canais de Atendimento
                    </h3>
                    <ul class="text-secondary ps-3 fs-6" style="list-style-type: square;">
                        <li class="mb-2">
                            <a href="{{ route('v2.portal.ouvidoria') }}" class="text-primary fw-bold">
                                Ouvidoria Oficial
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </article>
@endsection