{% extends 'base.html.twig' %}

{# Override des messages flash du template de base pour éviter la duplication #}
{% block flash_messages %}{% endblock %}

{% block body %}
{# Menu horizontal du dashboard - collé sous la barre de recherche #}
{% include 'dashboard/_dashboard_header_menu.html.twig' %}

{# Messages d'erreur et de succès - affichés SOUS le menu horizontal #}
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            {% for message in app.flashes('success') %}
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <i class="fas fa-check-circle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
            
            {% for message in app.flashes('error') %}
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-circle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
            
            {% for message in app.flashes('warning') %}
                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                    <i class="fas fa-exclamation-triangle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
            
            {% for message in app.flashes('info') %}
                <div class="alert alert-info alert-dismissible fade show" role="alert">
                    <i class="fas fa-info-circle me-2"></i>
                    {{ message }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            {% endfor %}
            
            {# Alertes d'infrastructure #}
            {% include 'dashboard/_infrastructure_alerts.html.twig' %}
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        {% include 'dashboard/_sidebar.html.twig' %}
        
        <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
            {% block dashboard_content %}{% endblock %}
        </main>
    </div>
</div>
{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('assets/js/dashboard-messages.js') }}"></script>
{% endblock %}

{% block stylesheets %}
{{ parent() }}
<style>
/* Integration avec le reste du dashboard */
.dashboard-layout {
    background: #f8f9fa;
    min-height: calc(100vh - 140px);
}

/* Amélioration sidebar pour s'harmoniser */
.dashboard-sidebar {
    background: linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
    border-right: 2px solid #e9ecef;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.05);
}

/* Suppression de l'espacement entre la barre de recherche et le menu dashboard */
.search-bar {
    margin-bottom: 0 !important;
}

/* Coller le menu dashboard directement sous la barre de recherche */
.dashboard-header-menu-full {
    margin-top: 0 !important;
}
</style>
{% endblock %}