@extends('errors::minimal')

@section('title', __('Server Error'))
{{--@section('code', '500')--}}
@section('message')
    <div class="text-center" style="background-color:#fff">
        <style>
            body {
                background-color: #ffffff;
                color: #2c2c2c;
                font-family: sans-serif;
                margin: 0;
                padding: 0;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 100vh;
            }
            .content {
                text-align: center;
                max-width: 400px;
                padding: 20px;
            }
            h1 {
                font-size: 64px;
                margin: 0 0 10px;
                font-weight: normal;
            }
            h2 {
                font-size: 20px;
                margin: 0 0 20px;
                font-weight: normal;
            }
            p {
                font-size: 14px;
                color: #555;
                margin: 0 0 30px;
            }
            a {
                text-decoration: none;
                color: #2c2c2c;
                border: 1px solid #2c2c2c;
                padding: 8px 16px;
                border-radius: 4px;
            }
            a:hover {
                background-color: #f2f2f2;
            }
        </style>
        <div class="content">
            <h1>500</h1>
            <h2>Erro Interno do Servidor</h2>
            <p>Desculpe, algo inesperado aconteceu.<br>Tente novamente mais tarde.</p>
            <a href="/">Voltar para a página inicial</a>
        </div>
    </div>
@endsection