{% for type, messages in app.flashes %}
    <div class="alert alert-{{ type }} border-0 bg-{{ type }} alert-dismissible fade show py-2">
        <div class="d-flex align-items-center">
            <div class="font-35 text-white"><i class='bx bxs-{{ type == 'success' ? 'check-circle' }}{{ type == 'danger' ? 'message-square-x' }}{{ type == 'warning' ? 'info-circle'}}'></i>
            </div>
            <div class="ms-3">
                <h6 class="mb-0 text-white">{{ type == 'success' ? 'Succès' }}{{ type == 'danger' ? 'Erreur' }}{{ type == 'warning' ? 'Avertissement'}}</h6>
                <div class="text-white">  {{ messages | join('. ')}}</div>
            </div>
        </div>
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
    
{% endfor %}