@extends('v2-portal::app-layout', [
    'pageTitle' => 'Erro Interno',
    '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-danger mb-4" style="opacity: 0.2;">
                <i class="bi bi-exclamation-triangle-fill" style="font-size: 6rem;" aria-hidden="true"></i>
            </div>

            <h2 class="text-dark display-4 fw-bold mb-3">500</h2>
            <p class="lead text-dark mb-2 mx-auto" style="max-width: 500px;">
                Ocorreu um erro inesperado em nosso servidor.
            </p>
            <p class="small text-muted mb-5">
                Nossa equipe técnica já foi notificada e está trabalhando para resolver o problema.
            </p>

            <div class="d-flex flex-wrap justify-content-center gap-2" role="group" aria-label="Ações de suporte">
                <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" title="Recarregar a página atual">
                    <i class="bi bi-arrow-clockwise" aria-hidden="true"></i>
                    <span>Tentar Novamente</span>
                </button>

                <a href="{{ url('ouvidoria') }}" class="btn btn-outline-secondary d-inline-flex align-items-center gap-2 px-4 py-2 btn-sm rounded-pill fw-bold" title="Comunicar este erro à equipe de suporte através da ouvidoria">
                    <i class="bi bi-telephone-fill" aria-hidden="true"></i>
                    <span>Relatar Falha</span>
                </a>
            </div>
        </div>
    @endcomponent
@endsection