@extends('v2-portal::app-layout', [
    'pageTitle' => 'Sessão Expirada',
    '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-info mb-4" style="opacity: 0.3;">
                <i class="bi bi-hourglass-split" style="font-size: 6rem;" aria-hidden="true"></i>
            </div>

            <h2 class="text-dark display-4 fw-bold mb-3">419</h2>
            <p class="lead text-dark mb-2 mx-auto" style="max-width: 500px;">
                Sua sessão expirou por inatividade.
            </p>
            <p class="small text-muted mb-5">
                Por motivos de segurança, formulários expiram após um tempo ocioso. Por favor, atualize a página.
            </p>

            <div class="d-flex justify-content-center" role="group" aria-label="Ações">
                <button type="button" onclick="window.location.reload()" 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-arrow-clockwise" aria-hidden="true"></i>
                    <span>Atualizar Página</span>
                </button>
            </div>
        </div>
    @endcomponent
@endsection