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

{% block title %}Accueil{% endblock %}

{% block body %}
    {% if alertMessages is not empty %}
        <div class="row">
            <div class="col-12">
                <div class="alert bg-dark-blue text-white fw-bold pulsate-fwd" role="alert">
                {% for message in alertMessages %}
                    {{ message.date | date('d-m-Y H:i') }} : {{ message.message | raw }}
                    {% if not loop.last %}
                    <hr>
                    {% endif %}
                {% endfor %}
                </div>

            </div>
        </div>
    {% endif %}
    <div class="row">
        <div class="col-12 col-xl-4">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Dernières actualités</span>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="list-group">
                        {% for post in lastPosts %}
                            {{ include('post/blocks/post-excerpt.html.twig', { post: post }) }}
                        {% else %}
                            <p>Il n'y a actuellement aucune actualité sur l'intranet.</p>
                        {% endfor %}
                    </div>
                </div>
                <div class="card-footer border text-center">
                    <a class="" href="{{ path('post_index') }}">Voir toutes les actualités</a>
                </div>
            </div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Derniers bons plans</span>
                    <div class="float-end">
                        <a href="{{ path('moderated_post_new') }}" class="btn btn-primary btn-sm text-white"><i class="fas fa-plus"></i> Poster un bon plan</a>
                    </div>
                </div>
                <div class="card-body bg-white py-3">
                    <ul class="list-group">
                        {% for moderated_post in moderated_posts %}
                            {{ include('moderated_post/blocks/moderated_post_excerpt.html.twig', { moderated_post: moderated_post }) }}
                        {% else %}
                            <p>Il n'y a actuellement aucun évènement sur l'intranet.</p>
                        {% endfor %}
                    </ul>
                </div>
                <div class="card-footer border text-center">
                    <a class="" href="{{ path('moderated_post_index') }}">Voir tous les bons plans</a>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Évènements</span>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="list-group">
                        {% for event in events %}
                            {{ include('event/blocks/event_excerpt.html.twig', { event: event }) }}
                        {% else %}
                            <p>Il n'y a actuellement aucun évènement sur l'intranet.</p>
                        {% endfor %}
                    </div>
                </div>
                <div class="card-footer border text-center">
                    <a class="" href="{{ path('event_index') }}">Voir tous les évènements</a>
                </div>
            </div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Bandeau de signature mail en cours</span>
                </div>
                <div class="card-body bg-grey p-0 text-center">
                    <img class="img-fluid" src="https://signature.hans-associes.fr/b/1/banner.jpg?99" alt="Bandeau de signature mail">
                </div>
                <div class="card-footer text-center border">
                    <a href="https://signature.hans-associes.fr/" class="" target="_blank">Accéder au générateur de signature</a>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div id="calendar" class="bg-white mb-3"></div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Support informatique</span>
                </div>
                <div class="card-body bg-white py-3 text-center">
                    <p><a href="https://gestsuphans.francecentral.cloudapp.azure.com/azure_ad_auth.php" class="btn btn-primary btn-fw" target="_blank">Déposer un ticket</a></p>      
                </div>
            </div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Liens utiles</span>
                </div>
                <div class="card-body bg-white py-3">
                    <ul class="list-group">
                        {% for department in departments %}
                            {% if department.usefulLinks is not empty %}
                                <a
                                        href="{{ path('useful_link_department', { 'department': department.id, 'slug': department.slug }) }}"
                                        class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
                                >
                                    {{ department.name }} <i class="{{ department.logoClass }}"></i>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Foires aux questions</span>
                </div>
                <div class="card-body bg-white py-3">
                    <ul class="list-group">
                        {% for department in departments %}
                            {% if department.faqs is not empty %}
                                <a
                                        href="{{ path('faq', { 'department': department.id, 'slug': department.slug }) }}"
                                        class="list-group-item list-group-item-action d-flex justify-content-between align-items-center"
                                >
                                    {{ department.name }} <i class="{{ department.logoClass }}"></i>
                                </a>
                            {% endif %}
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <span class="h5 text-white m-0 fw-bold">Recommandations</span>
                </div>
                <div class="card-body p-0 text-center">
                    <a href="{{ path('custom_form_show', {'customForm': 15, 'slug': 'recommandation'}) }}"><img class="img-fluid" src="{{ asset('images/boite-a-idees.jpg') }}" alt="Boîte à idées"></a>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        let rawEvents =  {{ jsonEvents | raw }};
    </script>
    {{ encore_entry_script_tags('dashboard') }}
{% endblock %}