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

{% block title %}{{parent()}}-{{permis.operateur.denomination}}-Permis-Options{% 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">Options</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" aria-current="page">Le registre des opérateurs</li>
                                    {% if sp == 'all' %}
                                        <li class="breadcrumb-item" aria-current="page">Tous les opérateurs</li>
                                    {% elseif sp == "be" %}
                                        <li class="breadcrumb-item" aria-current="page">Bureaux d'études environnementales</li>
                                    {% elseif sp == "cm" %}
                                        <li class="breadcrumb-item" aria-current="page">Coopératives minières</li>
                                    {% elseif sp == "et" %}
                                        <li class="breadcrumb-item" aria-current="page">Entités de traitement</li>
                                    {% elseif sp == "oc" %}
                                        <li class="breadcrumb-item" aria-current="page">Opérateurs de carrières</li>
                                    {% else %}
                                        <li class="breadcrumb-item" aria-current="page">Sous-traitants</li>
                                    {% endif %}

                                    <li class="breadcrumb-item" aria-current="page">{{permis.operateur.denomination}}</li>
                                    <li class="breadcrumb-item" aria-current="page">Détails</li>
                                    <li class="breadcrumb-item" aria-current="page">Permis</li>
                                    <li class="breadcrumb-item" aria-current="page">{{permis.libelle}}</li>
                                    <li class="breadcrumb-item active" aria-current="page">Options</li>
								</ol>
							</nav>
						</div>
					</div>
				</div>
			</div>

            <section class="content">
				<div class="row">
                    <div class="col-12">

                        {{ include('emine/operateur/operateur/menu.html.twig', {'option': 2}) }}

                        <div class="table-responsive" style="margin-top:40px;" {{ stimulus_controller('symfony/ux-swup/swup') }} id="swup" data-turbo="false">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th class="text-primary">N°</th>
                                        <th class="text-primary">Détentaire</th>
                                        <th class="text-primary">Partenaire</th>
                                        <th class="text-primary">Anotation</th>
                                        <th class="text-primary">Date option</th>
                                        <th class="text-primary">Arrêté</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    {% set compter = 0 %}

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

                                        <tr>
                                            <td>{{compter}}</td>
                                            <td>{{item.detentaire.denomination}}</td>
                                            <td>{{item.partenaire.denomination}}</td>
                                            <td>{{item.anotation}}</td>
                                            <td>{{item.dateOption ? item.dateOption|date('d/m/Y') : ""}}</td>
                                            <td>
                                                {% if item.arrete is not null %}
                                                    <div class="btn-group" role="group" aria-label="Basic outlined example">
                                                        <a href="{{path('app_emine_cadre_juridique_arrete_show', {id:item.arrete.id, sp: 'tc'})}}" class="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-primary"><i class="fa fa-file-pdf-o"></i></a>
                                                        <a class="badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-primary" href="{{path('app_emine_cadre_juridique_arrete_download', {id: item.id})}}"><i class="fa fa-download"></i></a>
                                                    </div>
                                                {% endif %}
                                            </td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}