<!doctype html>
{% extends "base_public.html" %}

{% block title %}Error interno · EpicrisisIA{% endblock %}
{% block body_class %}error-page error-page--server{% endblock %}

{% block head_extra %}
  <link rel="stylesheet" href="/static/css/error-pages.css" />
{% endblock %}

{% block content %}
  <main class="error-page__shell">
    <section class="error-page__panel">
      <p class="error-page__eyebrow">Error 500</p>
      <h1>{{ title }}</h1>
      <p class="error-page__message">{{ message }}</p>
      {% if detail %}
        <p class="error-page__detail">{{ detail }}</p>
      {% endif %}
      {% if support_request_id %}
        <div class="error-page__support">
          <span>Request ID</span>
          <code>{{ support_request_id }}</code>
        </div>
      {% endif %}
      <div class="error-page__actions">
        <a class="ui-button" href="{{ primary_action_href }}">{{ primary_action_label }}</a>
        {% if secondary_action_href and secondary_action_label %}
          <a class="ui-button ui-button--secondary" href="{{ secondary_action_href }}">{{ secondary_action_label }}</a>
        {% endif %}
      </div>
    </section>
  </main>
{% endblock %}
