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

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

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

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
					<h4 class="card-title">Liste des Membres dans toutes les associations [ {{effectif}} ] <a href="{{ path('app_membre_creer')}}" class="btn btn-primary" style="float: right;"> Créer une nouvelle membre</a> </h4> <br>
					<div class="table-responsive">
                        <table class="table table-striped table-bordered text-inputs-searching">
							<thead>
								<tr>
                                    
									<th>ID</th>
									<th>Nom du complet</th>
                                                                        <th>Region</th>
                                                                        <th>District</th>
                                                                        <th>Commune</th>
                                                                        <th>Fonction</th>
									<th>Téléphone</th>
								
									<th>Action</th>
								</tr>
							</thead>
							<tbody>
                            {% for membre in membres %}
                                <tr>
                                    
                                    <td>{{ membre.id }}</td>
                                    <td>{{ membre.nomcomplet }}</td>
                                    <td>{{ membre.region.label }}</td>
                                    <td>{{ membre.district.label }}</td>
                                    <td>{{ membre.commune.label }}</td>
                                    <td>{{ membre.fonction.label }}</td>
                                    <td>{{ membre.tel }}</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', { 'id': membre.id }) }}"><i class="ti-pencil-alt"></i> Modifier</a>
                                              <a class="dropdown-item" href="{{ path('app_membre_unique', { 'id': membre.id }) }}"><i class="fas fa-eye"></i> Voir</a>
  
                                                <form action="{{ path('app_membre_delete', {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>
                            <tfoot>
                                <tr>
                                    
									<th>ID</th>
									<th>Nom du complet</th>
                                    <th>Region</th>
                                    <th>District</th>
                                    <th>Commune</th>
                                    <th>Fonction</th>
									<th>Téléphone</th>
								
									<th></th>
                                </tr>
                            </tfoot>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

   	<script src="{{asset('../../assets/libs/jquery/dist/jquery.min.js')}}"></script>
    <script src="{{asset('../../assets/extra-libs/DataTables/datatables.min.js')}}"></script>
    <script src="{{asset('../../dist/js/pages/datatable/datatable-api.init.js')}}"></script>
{% endblock %}