@extends('layout.mainlayout')

@php
    $metaTitle = 'Server Error';
    $metaDescription = 'An unexpected error occurred. Our team has been notified.';
@endphp

@section('content')
<div class="error-page">
    <div class="container">
        <div class="row align-items-center justify-content-center min-vh-100">
            <div class="col-lg-6">
                <div class="error-content text-center">
                    <div class="error-icon mb-4">
                        <i class="ti ti-alert-triangle" style="font-size: 8rem; color: #f5576c;"></i>
                    </div>
                    <h1 class="display-1 text-danger mb-3">500</h1>
                    <h2 class="mb-3">Something Went Wrong</h2>
                    <p class="text-muted mb-4">
                        We're experiencing technical difficulties. Our team has been automatically notified 
                        and is working to resolve the issue.
                    </p>
                    <p class="text-muted mb-4">
                        <strong>Please try again in a few moments.</strong>
                    </p>
                    <div class="d-flex gap-3 justify-content-center flex-wrap">
                        <a href="{{ route('home') }}" class="btn btn-primary">
                            <i class="ti ti-home"></i> Go to Homepage
                        </a>
                        <a href="{{ route('contact-us') }}" class="btn btn-outline-secondary">
                            <i class="ti ti-message"></i> Contact Support
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection