{% extends "base.html" %}
{% block content %}
<div class="min-h-[70vh] flex flex-col items-center justify-center text-center px-4">
    <div class="bg-red-50 p-6 rounded-full mb-6">
        <i class="fas fa-exclamation-triangle text-6xl text-red-500"></i>
    </div>
    <h1 class="text-4xl font-bold text-gray-800 mb-2">500 - Kesalahan Sistem</h1>
    <p class="text-gray-600 text-lg mb-8 max-w-md">
        Terjadi kesalahan internal pada server. Tim teknis telah dinotifikasi. Silakan coba beberapa saat lagi.
    </p>
    <div class="space-x-4">
        <a href="/" class="bg-minhaj-blue text-white px-6 py-3 rounded-lg hover:bg-blue-800 transition shadow-md font-semibold">
            <i class="fas fa-sync-alt mr-2"></i> Refresh Dashboard
        </a>
    </div>
</div>
{% endblock %}