{% extends "layout.html" %}
{% load i18n static %}
{% block body_class %}error-page{% endblock %}
{% block layout %}
    {% block navigation %}
        {{ block.super }}
    {% endblock %}
    {% block content %}
        <div class="error-content d-flex align-content-center text-center">
            <div class="d-block align-self-center ml-auto mr-auto">
                <div class="d-block text-center">
                    <img src="{% static 'images/gifs/coffee.gif' %}" class="img-fluid"/>
                </div>
                <div class="d-block">
                    <h1>{% block error_heading %}{% trans 'Sorry!' %}{% endblock %}</h1>
                </div>
                <div class="d-block">
                    {% block error_message %}{% endblock %}
                </div>
                <div class="d-block">
                    <p>
                        <a class="btn btn-primary btn-lg mb-3"
                           onclick="javascript:history.go(-1);">{% trans 'Return to previous page' %}</a>
                        <a class="btn btn-primary btn-lg mb-3" href="{{ homepage_url }}">{% trans "Go to homepage" %}</a>
                    </p>
                </div>
            </div>
        </div>
    {% endblock %}
    {% block footer %}
        {{ block.super }}
    {% endblock %}
{% endblock %}