{% extends "base.html" %}
{% block title %}Error interno{% endblock %}
{% block page_title %}Error interno{% endblock %}

{% block content %}
<div class="text-center py-5">
  <div style="font-size:5rem;color:#fca5a5">
    <i class="bi bi-exclamation-triangle"></i>
  </div>
  <h2 class="fw-bold mt-3 mb-2" style="color:#991b1b">Ha ocurrido un error</h2>
  <p class="text-muted mb-1">Algo salió mal en el servidor. El error ha sido registrado.</p>
  <p class="text-muted small mb-4">
    Si el problema persiste, contacta con soporte: <a href="mailto:soporte@contaapp.es">soporte@contaapp.es</a>
  </p>
  <a href="{{ url_for('dashboard.index') }}" class="btn btn-primary me-2">
    <i class="bi bi-house me-1"></i>Volver al inicio
  </a>
  <a href="javascript:history.back()" class="btn btn-outline-secondary">
    <i class="bi bi-arrow-left me-1"></i>Volver atrás
  </a>
  {% if error_id %}
  <p class="text-muted mt-3" style="font-size:.78rem">Referencia del error: <code>{{ error_id }}</code></p>
  {% endif %}
</div>
{% endblock %}
