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

{% block title %}Liens utiles - {{ department.name }}{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12 col-lg-6 mx-lg-auto">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold">Liens utiles - {{ department.name }}</h1>
                </div>
                <div class="card-body bg-white py-3">
                    {% if usefulLinks is not empty %}
                        <ul class="list-group">
                            {% for usefulLink in usefulLinks %}
                                <li class="list-group-item">
                                    <a href="{{ usefulLink.link }}" target="_blank">{{ usefulLink.label }}</a>
                                </li>
                            {% endfor %}
                        </ul>
                    {% else %}
                        <p>Aucun lien utile n'a été trouvé pour cette commission.</p>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}