{{--
    500 — Server Error
    Shows a user-friendly message and a reference/correlation ID.
    Never shows a stack trace in production.
--}}
@extends('errors._layout', [
    'error_code'    => 500,
    'error_title'   => 'Something Went Wrong in the Nova',
    'error_message' => 'An unexpected error occurred. Our team has been notified and is on it.',
])

@section('badge', 'Server Error')

@section('primary-cta')
<button onclick="window.location.reload()"
   class="inline-flex items-center gap-2 rounded-xl bg-sky-500 hover:bg-sky-400 text-white font-semibold px-6 py-3 text-sm shadow-lg shadow-sky-900/30 transition-colors cursor-pointer">
    <i class="fas fa-redo" aria-hidden="true"></i>
    Try Again
</button>
@endsection

@section('secondary-ctas')
<a href="/" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
    Return Home
</a>
<a href="/contact" class="rounded-xl border border-white/10 hover:border-white/25 text-white/70 hover:text-white px-4 py-2 text-sm transition-colors">
    Report Issue
</a>
@endsection

@section('recovery')
@if(isset($correlationId))
<div class="flex justify-center">
    <div class="inline-flex items-center gap-2 rounded-xl bg-white/4 border border-white/8 px-5 py-3 text-xs text-white/40">
        <i class="fas fa-fingerprint text-white/25" aria-hidden="true"></i>
        Reference ID: <span class="font-mono font-semibold text-white/60 select-all">{{ $correlationId }}</span>
    </div>
</div>
@endif
@if(config('app.debug') && isset($exception))
    <div class="mt-8 mx-auto max-w-4xl text-left bg-black/40 rounded-xl p-4 overflow-auto">
        <div class="font-semibold text-white/80 mb-3">Exception: {{ $exception->getMessage() }}</div>
        <pre class="text-xs text-white/60 whitespace-pre-wrap">{{ $exception->getTraceAsString() }}</pre>
    </div>
@endif
@endsection
