{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>
            {% block title %}
                Error
            {% endblock title %}
        - Servala</title>
        <link rel="shortcut icon"
              href="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2033%2034'%20fill-rule='evenodd'%20stroke-linejoin='round'%20stroke-miterlimit='2'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M3%2027.472c0%204.409%206.18%205.552%2013.5%205.552%207.281%200%2013.5-1.103%2013.5-5.513s-6.179-5.552-13.5-5.552c-7.281%200-13.5%201.103-13.5%205.513z'%20fill='%23435ebe'%20fill-rule='nonzero'/%3e%3ccircle%20cx='16.5'%20cy='8.8'%20r='8.8'%20fill='%2341bbdd'/%3e%3c/svg%3e"
              type="image/x-icon">
        <link rel="stylesheet" href="{% static 'mazer/compiled/css/app.css' %}">
        <link rel="stylesheet" href="{% static 'mazer/compiled/css/error.css' %}">
    </head>
    <body>
        <script src="{% static 'mazer/static/js/initTheme.js' %}"></script>
        <div id="error">
            <div class="error-page container">
                <div class="col-md-8 col-12 offset-md-2">
                    <div class="text-center">
                        <img class="img-error"
                             src="{% static 'img/sir-vala-notext.png' %}"
                             alt="Sir Vala - {% block error_alt %}Error{% endblock error_alt %}"
                             style="max-width: 300px;
                                    margin-bottom: 2rem">
                        <h1 class="error-title">
                            {% block error_title %}
                                Error
                            {% endblock error_title %}
                        </h1>
                        <p class="fs-5 text-gray-600">
                            {% block error_message %}
                                An error occurred.
                            {% endblock error_message %}
                        </p>
                        <a href="/" class="btn btn-lg btn-outline-primary mt-3">Go Home</a>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
