{% set menuLeft = getRouteName() %}
{% do setAriane(0, 'Gestion des états' | trad, {
	countNotif: pagination.nbrArticle
}) %}

{% extends isAjax ? '@ajax-layout/layout.twig' : 'layout.twig' %}

{% block body %}
<section class="contenu">
	<header class="bs-row">
		<h1 class="bs-col">{{ 'Gestion des états' | trad }}</h1>
		<div class="bs-col text-right">
			<a class="button secondaire"
				href="javascript:{{ ajaxPopup(
					'Exporter' | trad,
					'EtatStatistique.Export.popupExport'
				) | e('html_attr') }}"
			>{{ 'Exporter' | trad }}</a>
			<a class="button secondaire"
				href="javascript:{{ ajaxPopup(
					'Importer' | trad,
					'EtatStatistique.Import.popupImport'
				) | e('html_attr') }}"
			>{{ 'Importer' | trad }}</a>
			<a class="button principal"
				href="{{ path('EtatStatistique.Type.formCreate') }}"
			>{{ 'Créer un état' | trad }}</a>
		</div>
	</header>
	{{ ariane() }}

	{% set mapTypeRes = {
		'': '',
		'G': 'Graphique' | trad,
		'T': 'Tableau' | trad,
	} %}
	{% embed '@EtatStatistiques/Tableau/_gestable.twig' with {
		table: {
			listCol: [
				{
					name: 'Type',
					label: 'Type état' | trad,
					filter: {
						type: 'select',
						listChoice: {
							'': '',
							'Std': 'Standard' | trad,
							'Req': 'Requêteur' | trad,
							'Other': 'Utilisateur' | trad,
						}
					},
				},
				{
					name: 'CODETAT',
					label: 'Code état' | trad,
					filter: {type: 'text'},
					sortable: true,
				},
				{
					name: 'TYPERES',
					label: 'Type d’affichage' | trad,
					format: 'labelmap',
					labelmap: mapTypeRes,
					filter: {
						type: 'select',
						listChoice: mapTypeRes,
					},
					sortable: true,
				},
				{
					name: 'DESCRIPT',
					label: 'Description' | trad,
					filter: {type: 'text'},
					sortable: true,
				},
				{
					name: 'listTheme',
					label: 'Thèmes' | trad,
					format: 'list',
					formatId: 'CODTHEM',
					formatLabel: 'LIBELLE',
				},
				{
					name: 'col3',
					label: 'Nom de l’état, du fichier ou de l’Url' | trad,
				},
			],
			listRow: listRow,
			pagination: pagination,
			action: true,
		},
		post: post,
	} only %}
		{% block pre_form %}
			{# TODO : factorize #}
			<div class="bs-row box-form">
				<div class="bs-col filtre">
					{{ inputAdvance('ZOOMADVANCE', {
						name: 'filter_Theme',
						titre: 'Thème' | trad,
						zoomPath: 'Ajax.liste.etatStatTheme',
                        convertLibelle: 'convertLibelleGlobal',
						value: post.filter_Theme,
						bulle: true,
					}) }}
				</div>
				<div class="bs-col filtre">
					{{ inputAdvance('ZOOMADVANCE', {
						name: 'filter_Groupe',
						titre: 'Groupe' | trad,
						zoomPath: 'Ajax.liste.etatGroupe',
                        convertLibelle: 'convertLibelleGlobal',
						value: post.filter_Groupe,
						bulle: true,
					}) }}
				</div>
				<div class="bs-col text-right">
					<button type="submit" 
						class="principal button btn_filtre"
					>{{ 'Filtrer' | trad }}</button>
				</div>
			</div>
		{% endblock %}

		{% block cell_Type %}
			<td>
				{{ {
					OXACHARTS: 'Standard' | trad,
					OXACHARTS_INT: 'Standard' | trad,
					OXACHARTS_REQ: 'Requêteur' | trad,
				}[ item.SOURCE ] ?? ('Utilisateur' | trad)}}
			</td>
		{% endblock %}
	{% endembed %}
</section>

{% endblock %}