{% extends 'base.html.twig' %}
{% block title %}Tracol{% endblock %}
{% block body %}
<div class="container-fluid teams">
{% for teamCategory in teamCategories %}
<div class="col-lg-8 mx-auto row list-categories">
<div class="col-md-4">
<div class="col-lg-12" style="display: flex;flex-direction: column;">
<div class="col-lg-12 tracol-wrap" style="display: flex;">
<div id="section-1-tracol" class="tracol-title">
<svg xmlns="http://www.w3.org/2000/svg" width="9.089" height="14.77" viewBox="0 0 9.089 14.77">
<path id="Tracé_76" data-name="Tracé 76" d="M682.759,232.441h-9.089v14.77l9.089-1.931Z" transform="translate(-673.669 -232.441)" fill="#f6a400"/>
</svg>
<h1 class="project-title">{{ teamCategory.0.categoryName }} <div class="separe"></div></h1>
<div class="col-md-8 tracol-content">{{ teamCategory.0.categoryContent|raw }}</div>
</div>
</div>
</div>
</div>
<div class="col-md-8 row">
{% for member in teamCategory %}
<div class="col-md-6">
<div class="img-team" style="background:
{% if member.path %}
url({{ asset('uploads/images/' ~ member.path ) }})no-repeat center
{% else %}
url('https://tracol.lu/uploads/images/services-tracol-61c0b8e7c7110402238276.jpeg')no-repeat center
{% endif %}
;background-size:cover"></div>
<div class="infos-member">
<span>{{ member.fonction }}</span><br>
<span>{{ member.memberName }}</span>
</div>
<div class="description-team">{{ member.memberContent|raw }}</div>
</div>
{% else %}
<p>Aucune personne pour le moment.</p>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
{% endblock %}