@extends('v2-portal::app-layout', [
    'pageTitle' => 'Acesso Negado',
    'showHeader' => true,
    'showFooter' => true,
    'showMainHeader' => false,
    'showMainLeftArea' => false,
    'showMainRightArea' => false
])

@section('main-section-area')
    @component('v2-portal::main-section.main-content')
        <div class="text-center py-5" style="min-height: 60vh;">
            <div class="text-warning mb-4" style="opacity: 0.3;">
                <i class="bi bi-lock-fill" style="font-size: 6rem;" aria-hidden="true"></i>
            </div>

            <h2 class="text-dark display-4 fw-bold mb-3">403</h2>
            <p class="lead text-dark mb-2 mx-auto" style="max-width: 500px;">
                Acesso Negado.
            </p>
            <p class="small text-muted mb-5">
                Você não tem permissão para acessar este recurso ou página.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-2" role="group" aria-label="Ações">
                <a href="{{ url('/') }}" class="btn btn-primary d-inline-flex align-items-center gap-2 px-4 py-2 btn-sm rounded-pill fw-bold">
                    <i class="bi bi-house-door-fill" aria-hidden="true"></i>
                    <span>Voltar ao Início</span>
                </a>

                <a href="{{ url('acesso-restrito') }}" class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 px-4 py-2 btn-sm rounded-pill fw-bold">
                    <i class="bi bi-box-arrow-in-right" aria-hidden="true"></i>
                    <span>Fazer Login</span>
                </a>
            </div>
        </div>
    @endcomponent
@endsection