{% extends 'layouts/base.html.twig' %}
{% block title 'Mandèh' %}
{% block body %}
<div>
{% if membres|length > 0 %}
<h1 class="mb-4 text-center text-muted text-italic" style="font-style:italic;"> {{ pluralize(membres|length, 'Membre') }}</h1>
{% for row in membres|batch(3) %}
<div class="row mb-5">
{% for membre in row %}
<div class="col-md-4 text-center" style="background-color:turquoise;">
<article class=" membre rounded shadow">
<div class="mw-80 overflow-hidden">
{% if membre.nomImage %}
<img class="rounded-top shadow w-100" src="{{vich_uploader_asset(membre)|imagine_filter('squared_thumbnail_medium')}}">
{% else %}
<img class="rounded-top shadow w-100"src="{{ 'images/placeholder.jpg'|imagine_filter('squared_thumbnail_medium')}}">
{% endif%}
</div>
<p class="h4" style="font-style:italic;font-size:30px;color:navy;font-weight:800;">{{ membre.nom}} {{ membre.prenoms}}</p>
<p style="font-style:italic;font-size:15px;color:brown;font-weight:700;">{{ membre.adresse}}</br>
{{ membre.domicile.nom | default("")}}</br>
{{ membre.telephone}}</br>
{{ membre.email}}</p>
</article>
</div>
{% endfor %}
</div>
{% endfor %}
{% else %}
<p class="text-center" style="font-style:italic;"> Pas de membre pour le moment. <a href="{{ path('app_inscription') }}">Soyez le premier à créér à vous inscrire</a></p>
{% endif %}
</div>
{% endblock %}