{% extends "admin/base_site.html" %}
{% load i18n %}

{% block breadcrumbs %}
<div class="breadcrumbs">
<a href="{% url 'admin:index' %}">{% translate 'Home' %}</a>
&rsaquo; {% translate 'Server error' %}
</div>
{% endblock %}

{% block title %}{% translate 'Server error (500)' %}{% endblock %}

{% block content %}
<div class="card bg-base-100 border border-base-200 shadow-lg p-6 max-w-3xl mt-6">
    <div class="flex items-center justify-between">
        <div>
            <p class="text-xs uppercase tracking-[0.3em] text-base-content/60">
                {% trans "Error" %}
            </p>
            <h1 class="text-3xl font-semibold">{% translate 'Server Error <em>(500)</em>' %}</h1>
        </div>
        <div class="text-5xl font-semibold text-base-content/20">500</div>
    </div>
    <p class="mt-4 text-sm text-base-content/70">{% translate 'There’s been an error. It’s been reported to the site administrators via email and should be fixed shortly. Thanks for your patience.' %}</p>
    <div class="mt-6">
        <a href="{% url 'admin:index' %}" class="btn btn-primary btn-sm">
            <i class="fa-solid fa-arrow-left-long"></i>
            {% trans "Back to dashboard" %}
        </a>
    </div>
</div>

{% endblock %}
