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

{% block title %}{{parent()}}-{{permis.operateur.denomination}}-Permis-Transformations{% 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">Transformations</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">Transformations</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">Type permis avant</th>
                                        <th class="text-primary">Type permis actuel</th>
                                        <th class="text-primary">Date transformation</th>
                                    </tr>
                                </thead>

                                <tbody>
                                    {% set compter = 0 %}

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

                                        <tr>
                                            <td>{{compter}}</td>
                                            <td>{{item.typePermisAvant}}</td>
                                            <td>{{item.typePermisActuel}}</td>
                                            <td>{{item.dateTransforme ? item.dateTransforme|date('d/m/Y') : ""}}</td>
                                        </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
{% endblock %}