{% extends 'workflows/base_shell.html' %}
{% load i18n %}

{% block title %}{{ error_title }}{% endblock %}

{% block shell_body %}
  {% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
  <div class="page-stack">
    <section class="surface-card" style="max-width: 760px; margin: 0 auto;">
      <div class="surface-head">
        <div>
          <div class="eyebrow">{% trans "Fehlerseite" %}</div>
          <h1>{{ error_heading }}</h1>
          <p class="sub">{{ error_message }}</p>
        </div>
        <div class="app-stat-card" style="min-width: 120px; text-align: center;">
          <strong style="font-size: 2rem; line-height: 1;">{{ error_code }}</strong>
          <span>{% trans "Status" %}</span>
        </div>
      </div>
      <div class="app-action-row">
        <a class="btn btn-primary" href="/">{% trans "Zur Startseite" %}</a>
        {% if request.user.is_authenticated %}
        <a class="btn btn-secondary" href="/requests/">{% trans "Zum Dashboard" %}</a>
        {% else %}
        <a class="btn btn-secondary" href="/accounts/login/">{% trans "Anmelden" %}</a>
        {% endif %}
      </div>
    </section>
  </div>
{% endblock %}