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

{% load i18n %}

{% block head %}
{{ block.super }}
<style>
    .pf-c-empty-state {
        height: 100vh;
    }
</style>
{% endblock %}

{% block body %}
<section class="ak-static-page pf-c-page__main-section pf-m-no-padding-mobile pf-m-xl">
    <div class="pf-c-empty-state">
        <div class="pf-c-empty-state__content">
            <i class="fas fa-exclamation-circle pf-c-empty-state__icon" aria-hidden="true"></i>
            <h1 class="pf-c-title pf-m-lg">
                {% trans title %}
            </h1>
            <div class="pf-c-empty-state__body">
                {% if message %}
                <h3>{% trans message %}</h3>
                {% endif %}
            </div>
            <a href="/" class="pf-c-button pf-m-primary pf-m-block">{% trans 'Go to home' %}</a>
        </div>
    </div>
</section>
{% endblock %}
