{# SPDX-License-Identifier: AGPL-3.0-or-later #}
{# SPDX-FileCopyrightText: 2026 JWP Consulting GK #}
{% extends "base.html" %}
{% load projectify %}
{% load i18n %}
{% block title %}
    {% trans "Application error" %} - Projectify
{% endblock title %}
{% block body %}
    {% include "common/navigation/header/landing.html" %}
    <div class="flex grow flex-col items-center gap-12 p-20">
        <main id="main" class="flex max-w-lg flex-col gap-6">
            <h1 class="text-5xl font-bold">{% trans "Application error" %}</h1>
            {% picture src="status500Image.png" alt=_("Illustration of a broken egg") klass="max-w-sm" %}
            <p>{% trans "An error occured that the application does not know how to handle." %}</p>
            <p>
                {% anchor "storefront:contact-us" _("contact us") as contact_us_anchor %}
                {% blocktranslate with contact_us_anchor=contact_us_anchor %}
                    We are sorry this happened. If the same error keeps happening, please {{ contact_us_anchor }}.
                {% endblocktranslate %}
            </p>
        </main>
    </div>
    {% include "common/footer.html" %}
{% endblock body %}