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

{% block title %}{{parent()}}-La législation minière-Les titres miniers (Permis)-{{type}}{% 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">{{type}}</h3>
						<div class="d-inline-block align-items-center">
							<nav>
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="{{path('app_home')}}"><i class="mdi mdi-home-outline"></i></a></li>
                                    <li class="breadcrumb-item">Les actifs miniers</li>
									<li class="breadcrumb-item" aria-current="page">Titres miniers (Permis)</li>
                                    <li class="breadcrumb-item" aria-current="page">Type permis</li>
                                    <li class="breadcrumb-item active" aria-current="page">{{type}}</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">{{type}}</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="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light" href="{{path('app_emine_activite_titre_minier_download_type', {type:type})}}"><i class="fa fa-download"></i> 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>
											<input class="form-control" type="search" 
											name="search" placeholder="Rechercher titre minier..." 
											hx-post="{{path('app_emine_activite_titre_minier_search_permis', {type: type, page: p})}}" 
											hx-trigger="input changed delay:500ms, search" 
											hx-target="#search-results" 
											hx-indicator=".htmx-indicator">
										</div>
									</div>
								</div>
								<div class="table-responsive" style="margin-top:40px;">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th class="bb-2 text-primary">N°</th>
                                                <th class="bb-2 text-primary">Opérateur</th>
                                                <th class="bb-2 text-primary">Type</th>
                                                <th class="bb-2 text-primary">Numéro</th>
                                                <th class="bb-2 text-primary">Titulaire</th>
                                                <th class="bb-2 text-primary">Statut</th>
                                                <th class="bb-2 text-primary">Carré minier</th>
                                                <th class="bb-2 text-primary">Localisation</th>
                                                <th class="bb-2 text-primary">Province</th>
                                                <th class="bb-2 text-primary">Date octroi</th>
                                                <th class="bb-2 text-primary">Date expiration</th>
                                                <th class="bb-2 text-primary">Arrêté</th>
                                                <th class="bb-2 text-primary">Opérations</th>
                                            </tr>
                                        </thead>

                                        <tbody id="search-results">
                                            {% set compter = 0 %}

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

                                                <tr>
                                                    <td>{{compter1}}</td>
                                                    <td>{{item.operateur ? item.operateur.denomination : ''}}</td>
                                                    <td>{{item.typePermis}}</td>
                                                    <td>{{item.permis}}</td>
                                                    <td>{{item.titulaire}}</td>
                                                    <td>{{item.status}}</td>
                                                    <td>{{item.carres}}</td>
                                                    <td>{{item.localisation}}</td>
                                                    <td>{{item.province ? item.province.nom : ""}}</td>
                                                    <td>{{item.dateOctroi ? item.dateOctroi|date('d/m/Y') : ""}}</td>
                                                    <td>{{item.dateExpiration ? item.dateExpiration|date('d/m/Y') : ""}}</td>
                                                    <td>
                                                        {% if item.arrete is not null %}
                                                            <a href="{{path('app_emine_cadre_juridique_arrete_show', {id: item.arrete.id, sp: 'ta'})}}" class="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light">
                                                                <i class="fa fa-file-pdf-o"></i>
                                                            </a>
                                                        {% endif %}
                                                    </td>
                                                    <td>
                                                        <div class="dropdown nav-scroller-dropdown">
                                                            <button type="button" class="btn btn-white btn-icon btn-sm text-primary" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                                                <i class="fa fa-ellipsis-v" aria-hidden="true"></i>
                                                            </button>

                                                            <div class="dropdown-menu dropdown-menu-end mt-1" aria-labelledby="profileDropdown">
                                                                <span class="dropdown-header">Les actions subuts par le permis</span>

                                                                {% if item.operateur is not null %}
                                                                
                                                                    <a class="dropdown-item" href="{{path('app_emine_autres_amodiation_permis', {id: item.id, page: page, sp: sp, sm: 'p'})}}">
                                                                        <i class="dropdown-item-icon fa fa-cog"></i> Amodiations
                                                                    </a>
                                                                    
                                                                    <a class="dropdown-item" href="{{path('app_emine_activite_cession_permis', {id: item.id, page: page, sp: sp, sm: 'p'})}}">
                                                                        <i class="dropdown-item-icon fa fa-compass"></i>Cessions
                                                                    </a>

                                                                    <a class="dropdown-item" href="{{path('app_emine_activite_option_permis', {id: item.id, page: page, sp: sp, sm: 'p'})}}">
                                                                        <i class="dropdown-item-icon fa fa-wrench"></i> Options
                                                                    </a>
                                                                    
                                                                    <a class="dropdown-item" href="{{path('app_emine_activite_transformation_permis', {id: item.id, page: page, sp: sp, sm: 'p'})}}">
                                                                        <i class="dropdown-item-icon fa fa-magic"></i> Transformations
                                                                    </a>

                                                                    <a class="dropdown-item" href="{{path('app_emine_activite_transfert_permis', {id: item.id, page: page, sp: sp, sm: 'p'})}}">
                                                                        <i class="dropdown-item-icon fa fa-share"></i> Transferts
                                                                    </a>
                                                                {% endif %}
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>

                                    <div class="text-center" style="margin-bottom: 20px; margin-left: 30px;">
                                        <div class="mt-3">
                                            {{ pagerfanta(permis, 'twitter_bootstrap5') }}
                                        </div>
                                    </div>
                                </div>
							</div>
						</div>
					</div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}