{% extends "annuaire/annuaire.html.twig" %}
{% block title %}
	Entrées d'annuaire | BO
{% endblock %}

{% block section %}


	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-body">
				<h5 class="card-title">Entrées d'annuaire</h5>

				<!-- search form -->
				<form action="{{path('annuaire_entrees')}}" method="POST">
					<div class="mb-3 row">
						<label for="input-aenLibelle" class="col-form-label col-sm-4 text-sm-right ps-5">Le nom contient
						</label>
						<div class="col-sm-8">
							<input type="text" name="form[aenLibelle]" minlength="3" class=" form-control" id="input-aenLibelle" placeholder="Recherche par nom ..." {% if libelle is defined and libelle != "none" %} value={{libelle}} {% endif %}>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="select-aenAte" class="col-form-label col-sm-4 text-sm-right ps-5">Type</label>
						<div class="col-sm-8">
							<select class="form-select" id="select-aenAte" name="form[aenAte]">
								<option value="">Selectionner un type</option>
								{% for t in types_entites %}
									<option value="{{t.ateId}}" {% if ate is defined and ate == t.ateId %} selected {% endif %}>{{t.ateLibelle}}</option>
								{% endfor %}
							</select>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="select-listes" class="col-form-label col-sm-4 text-sm-right ps-5">Listes</label>
						<div class="col-sm-8">
							<select class="form-select" id="select-listes" name="form[listes]">
								<option value="">Selectionner une liste</option>
								{% for l in listes %}
									<option value="{{l.lieId}}" {% if liste is defined and liste == l.lieId %} selected {% endif %}>{{l.lieDpr.dprNom}}
										->
										{{l.lieNom}}</option>
								{% endfor %}
							</select>
						</div>
					</div>

					<div class="mb-3 row">
						<label for="input-aenId" class="col-form-label col-sm-4 text-sm-right ps-5">Identifiant
						</label>
						<div class="col-sm-8">
							<input type="number" name="form[aenId]" class=" form-control" id="input-aenId" placeholder="Recherche par id..." {% if aenId is defined %} value={{aenId}} {% endif %}>
						</div>
					</div>

					<div class="mb-3 row">
						<div class="col-md-12 text-end">
							<input type="hidden" name="research" value="oui">
							<button class="btn btn-success btn-lg" type="submit">
								Chercher !
							</button>
						</div>
					</div>
				</form>

			</div>
			{% if entrees is defined  %}
				<div class="card-body">
					<h5 class="card-title">Les Résultats</h5>
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Libelle</th>
								<th>Ville</th>
								<th>Actif
								</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% if entrees|length < 1 %}
								<tr class="table-warning">
									<td>
										Il n'y a aucun résultat à votre recherche.
									</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>
							{% endif %}
							{% if entrees|length > 0 %}
								{% for p in entrees %}
									<tr>
										<td>
											{% if p.aenMorale == 1 %}
												<i class="align-middle text-warning me-2" data-feather="home"></i>
											{% else %}
												<i class="align-middle text-success me-2" data-feather="user"></i>
											{% endif %}
											{{ p.aenLibelle }}</td>
										<td>
											{% if p.aenVil is defined %}
												{{ p.aenVil.vilNom}}
											{% endif %}
										</td>
										<td>
											<div class="form-check form-switch">
												<input class="form-check-input" type="checkbox" id="flexSwitchCheckCheckedDisabled" {% if p.aenActive == 1 %} checked {% endif %} disabled>
											</div>
										</td>
										<td class="table-action">
											<a href="{{path('annuaire_entree_editer', {id: p.aenId})}}">
												<i class="align-middle text-primary" data-feather="edit-2"></i>
											</a>
											<a href="{{path('annuaire_entree_delete', {id: p.aenId})}}">
												<i class="align-middle text-danger" data-feather="trash"></i>
											</a>
										</td>
									</tr>
								{% endfor %}
							{% endif %}
						</tbody>
					</table>
					{% if nbPages is defined and nbPages > 1 %}
						<div class="row mt-4">
							<div class="col-md-5 col-sm-12 ">
								<div class="badge rounded-pill bg-primary pt-2">
									<h5 class="text-light mx-2">
										Items
										{{ 1 + ((currentPage -1) *10)}}
										à
										{{pageItems + ((currentPage -1)*10)}}
										sur
										{{totalItems}}
									</h5>
								</div>

							</div>
							<div class="col-md-7 col-sm12">
								<nav aria-label="page navigation danses">
									<ul class="pagination pagination-md">
										{% if nbPages >1 %}
											<li class="page-item {% if 1 == currentPage %} disabled {% endif %}">
												<a class="page-link" href="{{path(namePath, {'idPage':1, 'ateId':ate,'libelle':libelle,'listeId':liste}) }}">
													<i class="fas fa-backward"></i>
													Début</a>
											</li>
										{% endif %}


										<li class="page-item {% if 1 == currentPage %} disabled {% endif %}">
											<a class="page-link" href="{{path(namePath, {'idPage':currentPage -1, 'ateId':ate,'libelle':libelle,'listeId':liste}) }}">
												<i class="fas fa-angle-left"></i>
												Précédent
											</a>
										</li>


										{% for i in 1..nbPages %}
											{% if (currentPage - 2) <= i and (currentPage + 2)>= i %}
												<li class="page-item {% if i == currentPage %} active {% endif %}">
													<a class="page-link" href="{{path(namePath, {'idPage':i, 'ateId':ate,'libelle':libelle,'listeId':liste}) }}">{{i}}</a>
												</li>
											{% endif %}
										{% endfor %}


										<li class="page-item {% if nbPages == currentPage %} disabled {% endif %}">
											<a class="page-link" href="{{path(namePath, {'idPage':currentPage +1, 'ateId':ate,'libelle':libelle,'listeId':liste}) }}">
												Suivant
												<i class="fas fa-angle-right"></i>
											</a>
										</li>

										{% if nbPages >1 %}
											<li class="page-item {% if nbPages == currentPage %} disabled {% endif %}">
												<a class="page-link" href="{{path(namePath, {'idPage':nbPages, 'ateId':ate,'libelle':libelle,'listeId':liste}) }}">Fin ({{nbPages}})
													<i class="fas fa-forward"></i>
												</a>
											</li>
										{% endif %}
									</ul>
								</nav>

							</div>
						</div>

					{% endif %}

				</div>
			{% endif %}
		</div>
	</div>

{% endblock %}