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

{% block title %}{{parent()}}-Grand-Projets{% 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">Grands projets</h3>
						<div class="d-inline-block align-items-center">
							<nav>
								<ol class="breadcrumb">
									<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" aria-current="page">Les contrats miniers</li>
                                    <li class="breadcrumb-item active" aria-current="page">Grands projets</li>
								</ol>
							</nav>
						</div>
					</div>
					
				</div>
			</div>

            <section class="content">
				<div class="row">
                    <div class="col-12">
						<div class="box">
							<div class="box-header with-border">
								<h3 class="box-title">Les grands projets</h3>
							</div>
							<div class="box-body">
								<div class="row">
									<div class="col-md-3 col-12">
										
									</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 projet" 
											hx-post="{{path('app_emine_activite_projet_search', {page: p})}}" 
											hx-trigger="input changed delay:500ms, search" 
											hx-target="#search-results" 
											hx-indicator=".htmx-indicator">
										</div>
									</div>
								</div>
								<div class="table-responsive">
									<table class="table">
                                        <thead>
                                            <tr>
                                                <th class="bb-2 text-primary">N°</th>
                                                <th class="bb-2 text-primary">Nom</th>
                                                <th class="bb-2 text-primary">Permis</th>
                                                <th class="bb-2 text-primary">Opérateurs</th>
                                                <th class="bb-2 text-primary">NIF opérateur</th>
                                                <th class="bb-2 text-primary">Classification</th>
                                                <th class="bb-2 text-primary">Type projet</th>
                                                <th class="bb-2 text-primary">Mines</th>
                                                <th class="bb-2 text-primary">Minerais</th>
                                                <th class="bb-2 text-primary">Stade</th>
                                                <th class="bb-2 text-primary">Date de début</th>
                                                <th class="bb-2 text-primary">Détails</th>
                                            </tr>
                                        </thead>

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

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

                                                <tr>
                                                    <td>{{compter1}}</td>
                                                    <td>{{item.nom}}</td>
                                                    <td>
                                                        <ul class="">
                                                            {% for type in item.titreMiniers %}
                                                                <li>{{type.libelle}}</li>  
                                                            {% endfor %}
                                                        </ul>
                                                    </td>
                                                    <td>{{item.operateur.denomination}}</td>
                                                    <td>{{item.operateur.numIdentFiscal}}</td>
                                                    <td>{{item.classification}}</td>
                                                    <td>{{item.categorie}}</td>
                                                    <td>
                                                        <ul>
                                                            {% for mine in item.mines %}
                                                                <li>{{mine.nom}}</li>  
                                                            {% endfor %}
                                                        </ul> 
                                                    </td>
                                                    <td>
                                                        <ul>
                                                            {% for mine in item.commodites %}
                                                                <li>{{mine.nom}}</li>  
                                                            {% endfor %}
                                                        </ul> 
                                                    </td>
                                                    <td>{{item.stadeProjet}}</td>
                                                    <td>{{item.dateProjet ? item.dateProjet|date('d/m/Y') : ""}}</td>
                                                    <td>
                                                        <a href="{{path('app_emine_activite_projet_show', {id: item.id, sp:'tproj'})}}" class="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-primary">
                                                            <i class="fa fa-folder-open"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                        </tbody>
                                    </table>

									<div class="text-center">
                                        <div class="mt-3">
                                            {{ pagerfanta(projets, 'twitter_bootstrap5') }}
                                        </div>
                                    </div>
								</div>
							</div>
						</div>
					</div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}