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

{% block title %}Les Partenaires du Groupe{% 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">Les Partenaires du Groupe</h1>
        </div>
        <div class="card-body bg-white py-3">
            <div class="row">
                {% for partner in partners %}
                <div class="col-12 col-lg-6 col-xl-3 mb-3">
                    <div class="border text-center p-5 h-100 d-flex flex-column justify-content-between">
                        <div class="my-2">
                            {% if partner.logo %}
                                <img class="img-fluid" src="{{ partner.base64Logo }}" alt="Logo de {{ partner.name }}">
                            {% else %}
                                <img class="img-fluid img-thumbnail rounded-circle" src="{{ asset('images/default-user-picture.png') }}" alt="Photo par défaut">
                            {% endif %}
                        </div>
                        <div class="h5 fw-bold">{{ partner.name }}</div>
                        <p>{{ partner.shortDescription }}</p>
                        <div>
                            <a class="btn btn-primary btn-fw" href="{{ path('partner_partner', {'partner': partner.id, 'slug': partner.slug}) }}">En savoir plus</a>
                        </div>
                    </div>
                </div>
                {% endfor %}
            </div>
        </div>
    </div>
{% endblock %}