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

{% block title %}{{parent()}}-Dots-{{dot.nom}}-Représentants précédents{% 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 représentants précédents de la Dot ({{dot.nom}})</h3>
						<div class="d-inline-block align-items-center">
							<nav>
								<ol class="breadcrumb">
									<li class="breadcrumb-item"><a href="#"><i class="mdi mdi-home-outline"></i></a></li>
									<li class="breadcrumb-item" aria-current="page">Les obligations des entreprises</li>
									<li class="breadcrumb-item" aria-current="page">Dotation de 0,3% du CA</li>
									<li class="breadcrumb-item" aria-current="page">Liste des DOTS</li>
                                    <li class="breadcrumb-item" aria-current="page">{{dot.nom}}</li>
                                    <li class="breadcrumb-item active" aria-current="page">Les représentants précédents de la Dot ({{dot.nom}})</li>
								</ol>
							</nav>
						</div>
					</div>
				</div>
			</div>	

			<!-- Main content -->
			<section class="content">
				<div class="row">
                    <div class="col-12" style="margin-top:30px;">
						<div class="box">
							<div class="box-header with-border">
								<h3 class="box-title">Les représentants précédents de la Dot ({{dot.nom}})</h3>
							</div>
							<div class="box-body">
								{% for item in equipe %}
                                    <p><strong>Les membres de la Dot au {{item.dateNomination ? item.dateNomination|date('d/m/Y') : ''}}:</strong></p>
                                    
                                    <div class="table-responsive">
                                        <table class="table">
                                            <tr>
                                                <th rowspan="2">1</th>
                                                <th rowspan="2">Les communautés locales</th>
                                                <td>{{item.membreCommunauteLocal1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreCommunauteLocal2}}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">2</th>
                                                <th rowspan="2">Les organisations communautaires de base</th>
                                                <td>{{item.membreOrganisationCommunautaire1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreOrganisationCommunautaire2}}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">3</th>
                                                <th rowspan="2">{{item.dot.operateur ? item.dot.operateur.denomination : ""}}</th>
                                                <td>{{item.membreOperateur1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreOperateur2}}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">4</th>
                                                <th rowspan="2">L'autorité administrative locale</th>
                                                <td>{{item.membreAutorite1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreAutorite2}}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">5</th>
                                                <th rowspan="2">Le Fonds national de Promotion et de Service Social</th>
                                                <td>{{item.membreFondsNational1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreFondsNational2}}</td>
                                            </tr>
                                            <tr>
                                                <th rowspan="2">6</th>
                                                <th rowspan="2">La Direction de Protection de l'Environnement Minier</th>
                                                <td>{{item.membreDirection1}}</td>
                                            </tr>
                                            <tr>
                                                <td>{{item.membreDirection2}}</td>
                                            </tr>
                                        </table>
                                    </div>

                                    {% if item.arrete is not null %}
                                        <div class="text-center mt-5" style="margin-bottom:35px;">
                                            <a href="{{path('app_emine_cadre_juridique_arrete_show', {id:item.arrete.id, sp: 'tc'})}}" target="_blank" class=" badge badge-pill badge-xl badge-primary px-15 btn-outline btn-primary-light text-white" style="background-color:#17418a;">
                                                <i class="fa fa fa-file-pdf-o"></i> Voir l'arrêté de la nomination de l'équipe
                                            </a>
                                        </div>
                                    {% endif %}
                                {% else %}
                                    <div class="text-center mt-5 mb-5">
                                        <p>Aucune information dans la base de données</p>
                                    </div>
                                {% endfor %}
							</div>
						</div>
					</div>
                </div>
            </section>
        </div>
    </div>    
{% endblock %}