{% extends "base.html" %}
{% block content %}
    {% include "components/topbar.html" %}
    <div class="flex">
        {% include "components/sidebar.html" %}
        <main class="flex-1 p-6 pt-20 lg:ml-64 transition-all duration-300">
            {% if messages %}
                {% for message in messages %}
                    <div class="alert alert-{{ message.tags }} shadow-lg mb-4 rounded-xl border-l-4 border-{{ message.tags }} animate-slide-down">
                        <span>{{ message }}</span>
                    </div>
                {% endfor %}
            {% endif %}
            {% block content_inner %}{% endblock %}
        </main>
    </div>
{% endblock %}