<div class="formation">
<div class="container">
<ul class="nav nav-tabs" id="myTab" role="tablist">
{% for formation in formations %}
<li class="nav-item" role="presentation">
<button class="nav-link {% if formation == formations|first %}active{% endif %}" id="tab-{{formation.id}}" data-bs-toggle="tab" data-bs-target="#formation-{{formation.id}}" type="button" role="tab" aria-controls="formation-{{formation.id}}" aria-selected="true">
{{formation}}
<span>{{formation.duree}}</span>
</button>
</li>
{% endfor %}
</ul>
<div class="tab-content" id="myTabContent">
{% for tabformation in formations %}
<div class="tab-pane fade {% if tabformation == formations|first %}show active{% endif %}" id="formation-{{tabformation.id}}" role="tabpanel" aria-labelledby="tab-{{tabformation.id}}">
{% for module in tabformation.modules %}
{% if module.publier == 1 %}
<div class="row mb-5">
<div class="col-lg-7">
<div class="titre_module">
<h3><span>{{module.position}}</span>{{module}}</h3>
</div>
</div>
<div class="col-lg-5">
<div class="profs_module">
<h4>{{'PROFESSOR(s)'|trans}}</h4>
<div class="row">
{% for prof in module.profs %}
<div class="col-sm-6">
<div class="prof">
<div class="img_prof">
{% if prof.image is not empty %}
<img class="img-fluid" src="{{ asset (vich_uploader_asset(prof,'imageFile')) }}" alt="{{prof.nom}}">
{% else %}
<img class="img-fluid" src="/assets/img/no_image.png" alt="{{prof.nom}}">
{% endif %}
</div>
<a {% if prof.link is not empty %}href="{{prof.link}}"{% elseif prof.linkedin is not empty %}href="{{prof.linkedin}}"{% endif %} target="blank">
<strong>{{prof}}</strong>
<span>{{prof.mission}}</span>
</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
<div class="link_teachers">
<a href="{{ path('page_single',{'catslug':'people', 'slug':'predoctoral-program-teachers'}) }}">
{{'Teachers of the PhD Program'|trans}}<img class="img-fluid" src="/assets/img/right_arrow_02.png" alt="arrow">
</a>
</div>
</div>
</div>