{# templates/equipement_front/index.html.twig #}

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

{% block title %}Equipements{% endblock %}

{% block body %}
<section id="about" class="about section" style="padding:0px!important;">
    <div class="container">
    <h3 style="font-weight:bold; text-align:center;">Nos équipements</h3>
    <div class="row">
        {% for equipement in equipements %}
            <div class="col-md-6 col-12" style="margin-bottom:2%;">
                <h5>{{ equipement.titre }}</h5>
                <p>{{ equipement.description }}</p>

		{% if equipement.photo %}
			<img src="{{ asset('upload/images/' ~ equipement.photo) }}" alt="Image de {{ equipement.photo }}" style="max-width: 300px;">
                {% endif %}
            </div>
        {% else %}
            <p>No equipements found.</p>
        {% endfor %}
    </div>
</div>
</section>
{% endblock %}