@extends('layouts.admin.base-dashboard')

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

@section('content')
@php
    $wa = env('WHATSAPP_SUPPORT_CONTACT', '68128840622');
    $waNumber = preg_replace('/\D/', '', $wa);
    $waUrl = "https://wa.me/{$waNumber}";
@endphp

<div class="container d-flex flex-column align-items-center justify-content-center py-5" style="min-height: 80vh;">
    <h1 class="display-1 text-danger">500</h1>
    <h3 class="mb-4">Oops! Ada Kesalahan Pada Server 🚧</h3>
    <p class="lead text-center">
        Terjadi gangguan di server kami.<br>
        Silakan coba beberapa saat lagi.<br>
        Jika error berlanjut, hubungi admin sistem.
    </p>

    <div class="d-flex gap-3 mt-4 flex-wrap justify-content-center">
        <a href="{{ route('home') }}" class="btn btn-primary btn-sm px-4 text-white mr-2 mb-2">
            ⬅️ Kembali ke Dashboard
        </a>
        <a href="{{ $waUrl }}" class="btn btn-success btn-sm px-4 text-white" target="_blank">
            <i class="la la-whatsapp text-white"></i> Hubungi Support
        </a>
    </div>
</div>
@endsection