{# The themed page for a status mapped from an app exception (see errors.py);
   403 has its own page, errors/forbidden.html. #}
{% extends "structure/base.html" %}
{% block title %}{{ construct.compose_title(construct.t(title_key, {"status": status})) }}{% endblock %}
{# This view renders its own visible <h1>, so suppress the layout default. #}
{% block page_heading %}{% endblock %}
{% block content %}
  <div class="fcu-card">
    <div class="fcu-card-body">
      <h1 class="fcu-text--h2" style="display: flex; align-items: center; gap: 8px; margin-bottom: 8px;">
        {{ icon("error", size="lg") }}
        {{ construct.t(title_key, {"status": status}) }}
      </h1>
      <p style="margin-bottom: 16px;">{{ construct.t(message or message_key, {"status": status}) }}</p>
      <a href="{{ construct.url }}" class="fcu-btn fcu-btn--primary" up-follow up-target="#main-content">
        {{ icon("home", size="md") }}
        {{ construct.t("auth-back-home") }}
      </a>
    </div>
  </div>
{% endblock %}