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

{% block title %}{{parent()}}-Les opération sur les titres miniers{% 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">Les opération sur les titres miniers</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 actifs miniers</li>
                                    <li class="breadcrumb-item active" aria-current="page">Les opération sur les titres miniers</li>
								</ol>
							</nav>
						</div>
					</div>
				</div>
			</div>

            <section class="content">
				<div class="row">
                    <div class="col-12 mix operations">
                        <div class="box">
                            <div class="table-responsive">
                                <div class="box-header">
                                    <h4 class="box-title">Liste des amodiations des titres miniers</h4>
                                </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_autres_amodiation_download')}}"><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 titre en tapant le libelle, l'amodiant..." 
                                                        hx-post="{{path('app_emine_amodiation_search')}}"
                                                        hx-trigger="input changed delay:500ms, search" 
                                                        hx-target="#search-results-amodiation" 
                                                        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">Titres</th>
                                                        <th class="bb-2 text-white">Amodiataire</th>
                                                        <th class="bb-2 text-white">Amodiant</th>
                                                        <th class="bb-2 text-white">Contrat</th>
                                                        <th class="bb-2 text-white">Date Signature</th>
                                                        <th class="bb-2 text-white">Date inscription</th>
                                                        <th class="bb-2 text-white">Type amodiation</th>
                                                        <th class="bb-2 text-white">Statut</th>
                                                        <th class="bb-2 text-white">Phase de l'opération</th>
                                                    </tr>
                                                </thead>

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

                                                    {% for item in amodiations %}
                                                        {% set compter  = compter + 1 %}

                                                        <tr>
                                                            <td>{{compter}}</td>
                                                            <td> 
                                                                <ul class="">
                                                                    {% for type in item.titres %}
                                                                        <li>{{type.libelle}}</li>  
                                                                    {% endfor %}
                                                                </ul>
                                                            </td>
                                                            <td>{{item.amodiateur ? item.amodiateur.denomination : ""}}</td>
                                                            <td>{{item.amodiant ? item.amodiant.denomination : ''}}</td>
                                                            <td>{{item.contrat ? item.contrat.nom : ""}}</td>
                                                            <td>{{item.dateSignatureContrat ? item.dateSignatureContrat|date('d/m/Y') : ""}}</td>
                                                            <td>{{item.dateDeclarationCami ? item.dateDeclarationCami|date('d/m/Y') : ""}}</td>
                                                            <td>{{item.typeAmodiation}}</td>
                                                            <td>{{item.statut}}</td>
                                                            <td>{{item.phase}}</td>
                                                        </tr>
                                                    {% else %}
                                                        <tr class="text-center">
                                                            <td colspan="10">Aucun contrat trouvé dans la base de données</td>
                                                        </tr>
                                                    {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-12 mix operations">
                        <div class="box">
                            <div class="table-responsive">
                                <div class="box-header">
                                    <h4 class="box-title">Liste des cessions des titres miniers</h4>
                                </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_activite_cession_download')}}"><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 titre en tapant le libelle, le cédant..." 
                                                         hx-post="{{path('app_emine_cession_search')}}" 
                                                        hx-trigger="input changed delay:500ms, search" 
                                                        hx-target="#search-results-cession" 
                                                        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">Titres</th>
                                                        <th class="bb-2 text-white">Cédant</th>
                                                        <th class="bb-2 text-white">Cessionnaire</th>
                                                        <th class="bb-2 text-white">Contrat</th>
                                                        <th class="bb-2 text-white">Type cession</th>
                                                        <th class="bb-2 text-white">Date cession (Signature)</th>
                                                        <th class="bb-2 text-white">Date inscription</th>
                                                        <th class="bb-2 text-white">Valeur de la cession (USD)</th>
                                                    </tr>
                                                </thead>

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

                                                    {% for item in cessions %}
                                                        {% set compter  = compter + 1 %}

                                                        <tr>
                                                            <td>{{compter}}</td>
                                                            <td>
                                                                <ul class="">
                                                                    {% for type in item.titres %}
                                                                        <li>{{type.libelle}}</li>  
                                                                    {% endfor %}
                                                                </ul>
                                                            </td>
                                                            <td>{{item.cedant ? item.cedant.denomination : ''}}</td>
                                                            <td>{{item.cessionnaire ? item.cessionnaire.denomination : ''}}</td>
                                                            <td>{{item.contrat ? item.contrat.nom : ""}}</td>
                                                            <td>{{item.typeCession}}</td>
                                                            <td>{{item.dateCession ? item.dateCession|date('d/m/Y') : ""}}</td>
                                                            <td>{{item.dateDeclarationCami ? item.dateDeclarationCami|date('d/m/Y') : ""}}</td>
                                                            <td>{{item.valeur}}</td>
                                                        </tr>
                                                    {% else %}
                                                        <tr class="text-center">
                                                            <td colspan="9">Aucun contrat trouvé dans la base de données</td>
                                                        </tr>
                                                    {% endfor %}
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="col-12 mix operations">
                            <div class="box">
                                <div class="table-responsive">
                                    <div class="box-header">
                                        <h4 class="box-title">Liste des options des titres miniers</h4>
                                    </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_activite_option_download')}}"><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 titre en tapant le libelle, le détenteur..." 
                                                            hx-post="{{path('app_emine_option_search')}}"  
                                                            hx-trigger="input changed delay:500ms, search" 
                                                            hx-target="#search-results-option" 
                                                            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">Titres</th>
                                                            <th class="bb-2 text-white">Cessionnaire</th>
                                                            <th class="bb-2 text-white">Cédant</th>
                                                            <th class="bb-2 text-white">Contrat</th>
                                                            <th class="bb-2 text-white">Date option (Signature)</th>
                                                        </tr>
                                                    </thead>

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

                                                        {% for item in options %}
                                                            {% set compter  = compter + 1 %}

                                                            <tr>
                                                                <td>{{compter}}</td>
                                                                <td>
                                                                    <ul class="">
                                                                        {% for type in item.titres %}
                                                                            <li>{{type.libelle}}</li>  
                                                                        {% endfor %}
                                                                    </ul>
                                                                </td>
                                                                <td>{{item.detentaire ? item.detentaire.denomination : ''}}</td>
                                                                <td>{{item.partenaire ? item.partenaire.denomination : ''}}</td>
                                                                <td>{{item.contrat ? item.contrat.nom : ""}}</td>
                                                                <td>{{item.dateOption ? item.dateOption|date('d/m/Y') : ""}}</td>
                                                            </tr>
                                                        {% else %}
                                                            <tr class="text-center">
                                                                <td colspan="6">Aucun contrat trouvé dans la base de données</td>
                                                            </tr>
                                                        {% endfor %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}