{% extends 'layout.twig' %}

{% block body %}
    <div class="contenu clearfix">
		{% include '@Utilisateur/Common/Component/SubNavbar.twig' 
			with {
				hasBackup: hasBackup,
				current_route: 'accueil',
			} only
		%}
		
		<h2>
			{{ 'Gérer vos paramètres Tableau de bord' | trad }}

			{{ Button('Création'| trad, 1, path('Utilisateur.MonAccueil.creationEtat'),'',  {}, '', '' ) }}
		</h2>
		<ul class="nav nav-tabs sous_onglet">
			<li onClick="window.location.href='{{ path('Utilisateur.MonAccueil.monAccueil') }}';"><a data-toggle="tab">{{ 'Accueil' | trad }}</a></li>
			<li onClick="window.location.href='{{ path('Utilisateur.MonAccueil.TableauDeBord') }}';" class="active"><a>{{ 'Tableau de bord' | trad }}</a></li>
		</ul>

		<div class="tab-pane fade in active clearfix padding15" id='refreshTB'>
			<form method="post" name="monAcceuil" id="monAcceuil" class="clearfix">
                <table class="table table-hover">
					<thead class="thead-dark">
                        <tr>
                            <th scope="col">{{ 'Code etat' | trad }}</th>
                            <th scope="col">{{ 'Libellé etat' | trad }}</th>
                            <th scope="col">{{ 'Taille' | trad }}</th>
							<th scope="col" width="40px">{{ 'Actions' | trad }}</th>
                        </tr>
					</thead>
                    <tbody>
						{% for etat in listeEtat %}
							<tr id="tdb_{{loop.index}}">
								<td>{{ etat.CODE_ETAT }}</td>
								<td>{{ etat.DESCRIPT }}</td>
								<td>{{ listeTaille[etat.TAILLE] }}</td>
                                <td class="parametrage" >
									{{ menuContextuel('tdb_'~loop.index, false, etat.menuContextuel) }}
								</td>
							</tr>
						{% endfor %}
                    </tbody>
                </table>
			</form>
		</div>
	
	</div>
	
{% endblock %}

