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

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

{% block body %}
	{{ include("Simple/partials/titre.html.twig", {'titre':'Membres'} ) }}

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<h4 class="card-title">Liste des Membres dans l'association [ {{effectif}} ] <a href="{{ path('app_membre_creer_association')}}" class="btn btn-primary" style="float: right;"> Créer une nouvelle membre</a> </h4> <br>
					<div class="table-responsive">
						<table class="table product-overview" id="zero_config">
							<thead>
								<tr>
									<th>Matricule</th>
									<th>Nom du complet</th>
                                    <th>Fonction</th>
									<th>Téléphone</th>
									<th>Nom mobile Money</th>
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
                            {% for membre in membres %}
                                <tr>
                                    <td>{{ membre.matricule }}</td>
                                    <td>{{ membre.nomcomplet }}</td>
                                    <td>{{ membre.fonction.label }}</td>
                                    <td>{{ membre.tel }}</td>
                                    <td>{{ membre.nommobilemoney }}</td>
                                    <td>
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-dark dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="ti-settings"></i>
                                            </button>
                                            <div class="dropdown-menu animated slideInUp" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 35px, 0px);">
                                                <a class="dropdown-item" href="{{ path('app_membre_edit_association', { 'id': membre.id }) }}"><i class="ti-pencil-alt"></i> Modifier</a>
                                                
                                                <form action="{{ path('app_membre_delete_association', {id: membre.id}) }}" method="POST" style="display: inline-block">
                                                    <input type="hidden" name="_method" value="DELETE">
                                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ membre.id) }}">
                                                    <button class="btn" style="background-color: white;">
                                                        <i class="fas fa-trash"></i>
                                                        Supprimer</button>
                                                </form>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% endfor %}
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

   
{% endblock %}