{% extends 'appearance/base.html' %}

{% load i18n %}

{% load icons_tags %}

{% block title %}{% trans 'Server error' %}{% endblock %}

{% block content %}
    <div class="container d-flex justify-content-center align-items-center appearance-view-error">
        <div class="row">
            <div class="col-12">
                <div class="text-center">
                    <div class="mayan-icon-6x">
                        {% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500' %}
                    </div>
                </div>

                <h3 class="text-center">{% trans 'Server error' %}</h3>
                <div class="text-center mb-5">
                    <p>{% blocktrans %}There's been an unexpected error.{% endblocktrans %}</p>
                </div>

                <div class="card border-primary">
                    <div class="card-header bg-primary text-white">
                        <p class="mb-0 text-center">{% trans 'What to do next?' %}</p>
                    </div>
                    <div class="card-body">
                        <ul class="fa-ul">
                          <li><span class="fa-li">{% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500_hint_refresh' %}</span>{% blocktrans %}Refresh the page.{% endblocktrans %}</li>
                          <li><span class="fa-li">{% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500_hint_wait' %}</span>{% blocktrans %}Wait a bit. The system might be overloaded.{% endblocktrans %}</li>
                          <li><span class="fa-li">{% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500_hint_administrator' %}</span>{% blocktrans %}Contact your system administrator.{% endblocktrans %}</li>
                          <li><span class="fa-li">{% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500_hint_logs' %}</span>{% blocktrans %}Check the logs for messages with the tags "ERROR", "CRITICAL" or "FATAL".{% endblocktrans %}</li>
                          <li><span class="fa-li">{% icons_get_icon 'mayan.apps.appearance.icons.icon_error_500_hint_issue_tracker' %}</span>{% blocktrans with 'https://gitlab.com/mayan-edms/mayan-edms/-/issues' as issue_url %}Open a ticket using the <a href="{{ issue_url }}">issue tracker</a>.{% endblocktrans %}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}