{% extends 'layout.twig' %}

{% block title %}Error {{ status }} — IRDB{% endblock %}

{% set _error_card %}
<div class="flex min-h-[60vh] items-center justify-center px-4">
    <div class="w-full max-w-md rounded-2xl border border-slate-200 bg-white p-8 text-center shadow-sm dark:border-slate-800 dark:bg-slate-900">
        <div class="font-mono text-5xl font-bold tracking-tight text-slate-400 dark:text-slate-600">{{ status }}</div>
        <h1 class="mt-3 text-xl font-semibold">
            {% if is_client_error %}{{ message|default("Something's not right with that request") }}{% else %}We hit an error processing this request{% endif %}
        </h1>
        {% if message and not is_client_error %}
            <p class="mt-3 break-words text-left font-mono text-xs text-slate-600 dark:text-slate-400">{{ message }}</p>
        {% endif %}
        <div class="mt-6 flex justify-center gap-3">
            <a href="/" class="rounded-md bg-indigo-600 px-4 py-2 text-sm font-medium text-white hover:bg-indigo-500">Back to home</a>
        </div>
    </div>
</div>
{% endset %}

{% block content %}{{ _error_card|raw }}{% endblock %}
{% block guest_content %}{{ _error_card|raw }}{% endblock %}
