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

{% block title %}
    Suite Easy
{% endblock %}

{% block body %}
    <div class="w-100 h-100 p-5 m-auto">
        <div class="row m-5">
            <div class="container mt-5">
                {% for type, messages in app.flashes %}
                    {% for message in messages %}
                        <div class="alert alert-{{ type }}">
                            {{ message }}
                        </div>
                    {% endfor %}
                {% endfor %}
                <h1 class="mb-4">Bienvenue sur la suite Easy</h1>
                <p class="lead">Ici, vous pouvez trouver toutes nos applications à un seul endroit !</p>
            </div>

            {% if applications is empty %}
                <div class="alert alert-info w-100 text-center" role="alert">
                    Aucune application disponible pour le moment. Veuillez revenir plus tard.
                </div>
            {% endif %}
            {% for application in applications %}
                <div class="col-6 mb-3">
                    {% include 'application/InformationCard.html.twig' with {
                        application: application
                    } %}
                </div>
            {% endfor %}
        </div>
    </div>

{% endblock %}