{% extends 'base_emine.html.twig' %}

{% block title %}{{parent()}}-Mandataires de l'Etat{% endblock %}

{% block content %}
    <div class="content-wrapper" style="margin-top:180px;">
		<div class="container-full">
			<div class="content-header">
				<div class="d-flex align-items-center">
					<div class="me-auto">
						<h3 class="page-title">Mandataires de l'Etat</h3>
						<div class="d-inline-block align-items-center">
							<nav>
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="#"><i class="mdi mdi-home-outline"></i></a></li>
									<li class="breadcrumb-item" aria-current="page">Le registre des opérateurs</li>
									<li class="breadcrumb-item active" aria-current="page">Mandataires de l'Etat</li>
								</ol>
							</nav>
						</div>
					</div>
				</div>
			</div>	

			<!-- Main content -->
			<section class="content">
				<div class="row">
                    <div class="col-12">
						<div class="box">
							<div class="box-header with-border">
								<h3 class="box-title">Les mandataires de l'Etat</h3>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-md-3 col-12">
										<div class="btn-group" role="group" aria-label="Basic outlined example">
											<a type="button" class="text-white btn-md" style="background-color: #edb717;" href="{{path('app_emine_operateur_download_mandataire_etat')}}"><i class="fa fa-download"></i> Exportation en excel</a>
										</div>
									</div>

									<div class="col-md-3 col-12">
										<span class="htmx-indicator">Recherche en cours...</span>
									</div>

									<div class="col-md-6 col-12">
											<div class="app-menu">
												<div class="search-bx mx-5">
													<div class="input-group shadow bg-body" style="border: 2px solid #392d4c; border-radius:5px;">
														<input class="form-control" type="search" style="border: 2px solid white;" 
														name="search" placeholder="Rechercher un mandataire de l'Etat..." 
														hx-post="{{path('app_emine_operateur_search_mandataire_etat', {page: p})}}" 
														hx-trigger="input changed delay:500ms, search" 
														hx-target="#search-results" 
														hx-indicator=".htmx-indicator"
														aria-label="Search" aria-describedby="button-addon2">

														<div class="input-group-append">
															<button class="btn form-control text-dark" type="submit" id="button-addon3">
																<i data-feather="search"></i>
															</button>
														</div>
													</div>
												</div>
											</div>
									</div>
								</div>

								<div class="table-responsive" style="margin-top: 40px;">
									<table class="table table-bordered table-hover display nowrap margin-top-10 w-p100 shadow bg-body">
										<thead>
											<tr style="background-color: #17418a;">
												<th class="bb-2 text-white">N°</th>
												<th class="bb-2 text-white">Nom</th>
												<th class="bb-2 text-white">Postnom</th>
												<th class="bb-2 text-white">Prénom</th>
												<th class="bb-2 text-white">Fonction</th>
												<th class="bb-2 text-white">Téléphone</th>
												<th class="bb-2 text-white">Email</th>
												<th class="bb-2 text-white">Opérateur</th>
												<th class="bb-2 text-white">Nominations</th>
											</tr>
										</thead>
										<tbody id="search-results">
											{% set compter = 0 %}

											{% for item in mandataires %}
												{% set compter  = compter + 1 %}
												{% set compter1 = (compter + ((p - 1) * 10)) %}

												<tr>
													<td>{{compter1}}</td>
													<td>{{item.nom}}</td>
													<td>{{item.postnom}}</td>
													<td>{{item.prenom}}</td>
													<td>{{item.fonction}}</td>
													<td>{{item.telephone}}</td>
													<td>{{item.email}}</td>
													<td>{{item.getOperateurEnCours()}}</td>
													<td>
														<a href="#" class="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-white" style="background-color:#17418a;" data-bs-toggle="modal" data-bs-target="#staticBackdrop1{{item.id}}">
															<i class="fa fa-eye"></i>
														</a>
													</td>
												</tr>
											{% else %}
												<tr class="text-center">
													<td colspan="9">Aucune information dans la base de données</td>
												</tr>
											{% endfor %}
										</tbody>
									</table>

									<!-- /.box-body -->
									<div class="text-center" style="margin-top:4%;">
										<div class="mt-3">
											{{ pagerfanta(mandataires, 'twitter_bootstrap5') }}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
                </div>
            </section>
        </div>
    </div> 

    {% for item in mandataireEtat %}
		<div class="modal fade" id="staticBackdrop1{{item.id}}" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header bg-primar text-white">
						<h1 class="modal-title fs-5" id="staticBackdropLabel">Les différentes nominations du mandataire ({{item.noms}})</h1>
						<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
					</div>
					<div class="modal-body">
                        <div class="table-responsive" style="margin-top: 40px;">
                            <table class="table table-bordered table-hover display nowrap margin-top-10 w-p100 shadow bg-body">
                                <thead>
                                    <tr style="background-color: #17418a;">
                                        <th class="bb-2 text-white">N°</th>
                                        <th class="bb-2 text-white">Mandataire</th>
                                        <th class="bb-2 text-white">Opérateur</th>
                                        <th class="bb-2 text-white">Arrêté</th>
                                        <th class="bb-2 text-white">Date de nomination</th>
                                    </tr>
                                </thead>
                                <tbody id="search-results">
                                    {% set compter = 0 %}

                                    {% for item1 in item.nominationMandataireEtats %}
                                        {% set compter  = compter + 1 %}

                                        <tr>
                                            <td>{{compter}}</td>
                                            <td>{{item1.mandataire.noms}}</td>
                                            <td>{{item1.operateur.denomination}}</td>
                                            <td>
                                                {% if item.arrete is not null %}
                                                    <a href="{{path('app_emine_cadre_juridique_arrete_show', {id:item.arrete.id, sp: 'tc'})}}" target="_blank">
                                                        {{item.arrete ? item.arrete.libelle : ''}}
                                                    </a>
                                                {% endif %}
                                            </td>
                                            <td>{{item.dateNomination ? item.dateNomination|date('d/m/Y'):''}}</td>
                                        </tr>
                                    {% else %}
                                        <tr class="text-center">
                                            <td colspan="5">Aucune information dans la base de données</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
					</div>
				</div>
			</div>
		</div>
	{% endfor %}   
{% endblock %}