@extends('layouts.auth')

@section('title', '500 — Server Error')

@section('content')
    <div class="text-center">
        <div class="inline-flex items-center justify-center w-16 h-16 bg-danger-50 rounded-full mb-4">
            <svg class="w-8 h-8 text-danger-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/>
                <line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/>
            </svg>
        </div>
        <h2 class="font-display text-2xl font-semibold text-gray-900 mb-2">Something Went Wrong</h2>
        <p class="text-sm text-gray-500 mb-6">An unexpected error occurred. Please try again or contact support.</p>
        <a href="/" class="btn-primary">
            <svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg>
            Go Home
        </a>
    </div>
@endsection