{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="{% static 'mazer/compiled/css/app.css' %}">
        <link rel="stylesheet"
              href="{% static 'mazer/compiled/css/app-dark.css' %}">
        <link rel="stylesheet" href="{% static 'mazer/compiled/css/iconly.css' %}">
    </head>
    <title>
        {% block html_title %}
            Dashboard
        {% endblock html_title %}
    – Servala</title>
</head>
<body>
    <script src="{% static 'mazer/static/js/initTheme.js' %}"></script>
    <div id="app">
        {% include 'includes/sidebar.html' %}
        <div id="main">
            <div class="page-heading">
                <h3>
                    {% block page_title %}
                        Dashboard
                    {% endblock page_title %}
                </h3>
            </div>
            <div class="page-content">
                {% for message in messages %}
                    {% include "includes/message.html" %}
                {% endfor %}
                {% block content %}
                {% endblock content %}
            </div>
            <footer>
                <div class="footer clearfix mb-0 text-muted">
                    <div class="float-start">
                        <p>
                            &copy; 2025 <a href="https://www.vshn.ch/en/">VSHN AG</a>, Neugasse 10, CH-8005 Zürich, Switzerland
                        </p>
                    </div>
                    <div class="float-end">
                        <p>
                            Crafted with <span class="text-danger"><i class="bi bi-heart-fill icon-mid"></i></span> in Zurich
                        </p>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <script src="{% static 'mazer/static/js/components/dark.js' %}"></script>
    <script src="{% static 'mazer/extensions/perfect-scrollbar/perfect-scrollbar.min.js' %}"></script>
    <script src="{% static 'mazer/compiled/js/app.js' %}"></script>
</body>
</html>
