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

{% block title %}Commission {{ department.name }}{% endblock %}

{% block body %}
    <div class="card border-0 mb-3">
        <div class="card-header bg-grey">
            <h1 class="h5 text-white m-0 fw-bold">Commission {{ department.name }}</h1>
        </div>
        <div class="card-body bg-white py-3">
            <div class="row">
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('post_department_index', {'department': department.id, 'slug': department.slug}) }}"
                           class="text-white fw-bold nice-link d-block p-5">
                            <i class="fas fa-newspaper fs-1"></i>
                            <br><br>
                            Actualités
                        </a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('custom_form_department', {'department': department.id, 'slug': department.slug}) }}"
                           class="text-white fw-bold nice-link d-block p-5">
                            <i class="fab fa-wpforms fs-1"></i>
                            <br><br>
                            Formulaires</a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('documentary_index') }}" class="text-white fw-bold nice-link d-block p-5">
                            <i class="fas fa-file fs-1"></i>
                            <br><br>
                            Base documentaire</a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('faq', {'department': department.id, 'slug': department.slug}) }}"
                           class="text-white fw-bold nice-link d-block p-5">
                            <i class="fas fa-question fs-1"></i>
                            <br><br>
                            Foire aux questions</a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('useful_link_department', {'department': department.id, 'slug': department.slug}) }}"
                           class="text-white fw-bold nice-link d-block p-5">
                            <i class="fas fa-link fs-1"></i>
                            <br><br>
                            Liens utiles</a>
                    </div>
                </div>
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="bg-primary text-center">
                        <a href="{{ path('department_contacts', {'department': department.id, 'slug': department.slug}) }}" class="text-white fw-bold nice-link d-block p-5">
                            <i class="fas fa-users fs-1"></i>
                            <br><br>
                            Contacts</a>
                    </div>
                </div>
                {% for customPage in department.publishedCustomPages %}
                    <div class="col-12 col-lg-6 col-xl-3 mb-3">
                        <div class="bg-primary text-center">
                            <a href="{{ path('custom_page', {'customPage': customPage.id, 'slug': customPage.slug}) }}" class="text-white fw-bold nice-link d-block p-5">
                                <i class="fas fa-file-contract fs-1"></i>
                                <br><br>
                                {{ customPage.title }}</a>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}