@extends('errors.layout')

@section('title', '500 — Server Error')
@section('code', '500')
@section('badge-label', 'Internal Server Error')
@section('dot-color', '#F59E0B')
@section('icon-bg', '#FEF3C7')
@section('icon-color', '#F59E0B')

@section('icon')
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
    <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
@endsection

@section('heading', 'Something Went Wrong')
@section('description', 'The server encountered an unexpected condition that prevented it from fulfilling the request. Our team has been notified and is working on a fix.')

@section('actions')
    <a href="{{ url('/dashboard') }}" class="btn-primary">
        <svg width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="3">
            <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
        </svg>
        Back to Dashboard
    </a>
    <button onclick="window.location.reload()" class="btn-secondary">Try Again</button>
@endsection