<!DOCTYPE html>
{% load static i18n l10n fontawesome_5 bootstrap4 %}
<html lang="{{ language }}">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ tab_title }}</title>
    <link rel="icon" type="image/ico" href="{% static 'images/ksp-favicon.ico' %}">
    {% bootstrap_css %}
    {% bootstrap_javascript jquery='full' %}
    {% fontawesome_5_static %}
    <link rel="stylesheet" href="{% static 'css/konova.css' %}">
    <script src="https://unpkg.com/htmx.org@1.6.1"></script>

    {% block head %}
    {% endblock %}
</head>

<body>
    <header>
        {% block header %}
            {% include 'navbars/public_navbar.html' %}
        {% endblock %}
    </header>
    <div class="container-fluid mt-3 px-5">
        {% for message in messages %}
        <div class="row alert alert-{{ message.tags }}">
            <div>
                <span class="mr-3">
                {% if "danger" in message.tags %}
                    {% fa5_icon 'exclamation' %}
                {% elif "info" in message.tags %}
                    {% fa5_icon 'info' %}
                {% elif "success" in message.tags %}
                    {% fa5_icon 'check' %}
                {% endif %}
                </span>
                {{ message }}
            </div>
        </div>
        {% endfor %}

        {% block body %}

        {% endblock %}
    </div>

    {% block footer %}

    {% endblock %}
</body>


</html>