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

{% block title %}Membre
{% endblock %}

{% block body %}
	{{ include("Admin/partials/title.html.twig", {'name':'Zone d\'intervention'} ) }}

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<h4 class="card-title">Activité : {{nom_activite}} </h4> <br>
					<div class="table-responsive">
						<table class="table product-overview" id="zero_config">
							<thead>
								<tr>
                                    <th>Province</th>
									<th>Region</th>
									<th>District</th>
                                    <th>Commune</th>
									<th>Participant</th>
                                    <th>Action</th>
								</tr>
							</thead>
							<tbody>
								  {% for key, zone in zone_interventions %}
                                <tr>
                                    <td>{{ zone.province.label }}</td>
                                    <td>{{ zone.region.label}}</td>
                                    <td>{{ zone.district.label }}</td>
                                    <td>{{ zone.commune.label }}</td>
									<td>

									{% if zone.membre is not null %}
										{{zone.membre.nomcomplet}}
										{% else %}
											<span style="color: red">Aucune</span>
									{% endif %}
										
									</td>

									<td>
									{% if zone.membre is not null %}
											<a class="btn btn-secondary" href="">Changer un Participant</a></td>
										{% else %}
									<a class="btn btn-primary" href="{{ path('app_voir_membre', {'id': zone.activite.id, 'code': zone.code , 'zone': zone.id }) }}">Ajouter un Participant</a></td>
									{% endif %}
                                </tr>
                                {% endfor %}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}