{% include 'headerlogin.html.twig' %}
<div class="row" style="background: linear-gradient(to right, #90caf9, #047edf 99%);">
<div class="col-md-6" style="margin : auto; margin-top : 3%;">
<div class="card ">
<div class="card-header btn-gradient-warning">
<h4 class="card-title" style="color : white; font-weight : bold;">Inscription</h4>
</div>
<div class="card-body ">
<div class="row">
<div class="col-md-12">
<h4 class="card-title text-info" style="">Choisissez vôtre Province</h4>
{% if provinces is defined and provinces != null %}
<div class="row">
{% for province in provinces %}
{% if province.communes|length != 0 and province.federations|length != 0 %}
<a href="{{path('membre_inscription', {'id':province.id})}}">
<div class="col-md-12 d-flex align-items-center">
<div class="d-flex flex-row align-items-center">
<i class="mdi mdi-compass icon-lg text-warning"></i>
<p class="mb-0 ml-1"> {{province.nom}} </p>
</div>
</div>
</a>
{% endif %}
{% endfor %}
</div>
{% else %}
<p style="color : red;"> Aucune Province enregistrée </p>
{% endif %}
</div>
<div class="col-md-6 ml-auto mr-auto">
<div id="worldMap" style="height: 400px;"></div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include 'footer.html.twig' %}