@extends('v2-cms::layouts.app', ['title' => '500 - Erro interno'])

@section('content')
<div class="d-flex flex-column align-items-center justify-content-center text-center py-5">
    <h2 class="display-1 fw-bold text-danger mb-3">500</h2>
    
    <div class="max-width-500" style="max-width: 500px;">
        <h3 class="h4 text-dark mb-3">
            <i class="bi bi-exclamation-triangle-fill text-danger me-2"></i> Oops! Algo deu errado.
        </h3>
        
        <p class="text-secondary mb-3">
            Trabalharemos para corrigir isso imediatamente.
        </p>
        
        <p class="text-muted small mb-4">
            Se o problema persistir, entre em contato com o suporte em <a href="mailto:{{ config('v2.support.email') }}" class="text-decoration-none">{{ config('v2.support.email') }}</a>.
        </p>
        
        <a href="{{ route('v2.cms.dashboard') }}" class="btn btn-primary d-inline-flex align-items-center gap-2 px-4 shadow-sm">
            <i class="bi bi-arrow-left"></i> Retornar ao Dashboard
        </a>
    </div>
</div>
@endsection