{# Página de error genérica. La invoca `register_error_handlers` cuando
   un endpoint HTML levanta una excepción. El layout depende de si hay
   sesión activa: con `user`, extiende el shell completo (la sidebar
   sigue navegable); sin `user`, extiende `empty.html` con un bloque
   centrado + botón a /login. En ambos casos el toast queda inyectado
   en `#dg-toasts` por el bloque `toast_initial` de cada layout.

   Variables esperadas: `status_code`, `message`, `level`, `user`. #}
{% if user %}
  {% extends "core/layouts/sidebar_shell.html" %}
{% else %}
  {% extends "core/layouts/empty.html" %}
{% endif %}

{% from "core/components/toast.html" import toast %}

{% block title %}{{ status_code }} — Datagrowth{% endblock %}

{% block toast_initial %}{{ toast(message, level=level) }}{% endblock %}

{% block content %}
  {% if not user %}
  <section class="space-y-4 text-center">
    <p class="text-xs uppercase tracking-wide text-fg-muted">Error {{ status_code }}</p>
    <h1 class="text-2xl font-semibold text-fg">{{ message }}</h1>
    {% if status_code == 401 %}
    <a href="/login"
       class="inline-flex items-center justify-center rounded-md bg-brand-dark px-4 py-2 text-sm font-medium text-white hover:opacity-90">
      Iniciar sesión
    </a>
    {% else %}
    <a href="/"
       class="inline-flex items-center justify-center rounded-md bg-brand-dark px-4 py-2 text-sm font-medium text-white hover:opacity-90">
      Volver al inicio
    </a>
    {% endif %}
    {% if request_id %}
    <p class="text-xs text-fg-muted">
      Si el problema persiste, <a href="/support" class="underline hover:text-fg">contacta con soporte</a>
      citando el código <code class="font-mono">{{ request_id }}</code>.
    </p>
    {% endif %}
  </section>
  {% else %}
  {% if request_id %}
  <section class="max-w-xl mx-auto mt-12 text-center space-y-2">
    <p class="text-xs uppercase tracking-wide text-fg-muted">Error {{ status_code }}</p>
    <p class="text-sm text-fg-muted">
      Si el problema persiste, <a href="/support" class="underline hover:text-fg">contacta con soporte</a>
      citando el código <code class="font-mono">{{ request_id }}</code>.
    </p>
  </section>
  {% endif %}
  {% endif %}
{% endblock %}