{# On étend notre layout #}
{% extends "layout.html.twig" %}

{% block body %}

<div class="container">
    <div class="">
		<div id="toolbar">

			<a href="./catalogues/ajout" class="btn btn-info" role="button">
				<i class="bi bi-plus" ></i>Ajouter un catalogue
			</a>

			<a href="{{ path('app_soletiki_catalogue_vide') }}" class="btn btn-info" role="button">
				<i class="bi bi-plus" ></i>Créer un mini catalogue vide
			</a>
		</div>
		
		<table class="table" data-toggle="table"
			                data-toolbar="#toolbar"
							data-pagination="true" data-page-size="20" 
							data-search="true" data-trim-on-search="false"
							data-locale="fr-FR">
			<thead>
				<tr>
					<th>Nom</th>
					<th>Date d'ajout</th>
					<th>Type</th>
					<th>Groupe</th>
					<th>Actif</th>
					<th class="text-center" data-events="operateEvents">Action</th>
				<tr>
			</thead>
			<tbody>
				
					{% for catalogue in listCatalogue %}
						<tr>
							{%if catalogue.actif %}
							<td><a href="./catalogue/{{ catalogue.id }}/{{ catalogue.type }}/produits">{{ catalogue.nom }}</a></td>
							<td>{{ catalogue.date | date('d/m/Y') }}</td>
							<td class="" >{{catalogue.type}}</td>
							<td class="" >{%if catalogue.groupe%}{{catalogue.groupe.nom}}{%endif%}</td>
							<td class="table-success" >Actif</td>
							<td class="text-center"><a class="del" href="{{ path('demisi_soletiki_catalogue_suppr', {'id': catalogue.id} )}}"><i class="bi bi-x" style="font-size:200%"></i></a></td>
							{%else%}
								<td class="table-danger"><a href="./catalogue/{{ catalogue.id }}/{{ catalogue.type }}/produits">{{ catalogue.nom }}</a></td>
								<td class="table-danger">{{ catalogue.date | date('d/m/Y') }}</td>
								<td class="table-danger" >{{catalogue.type}}</td>
								<td class="table-danger" >{%if catalogue.groupe%}{{catalogue.groupe.nom}}{%endif%}</td>
								<td class="table-danger">Inactif</td>
								<td class="text-center"><a class="del" href="{{ path('app_activate_catalogue', {'id': catalogue.id} )}}"><i class="bi bi-check" style="font-size:200%"></i></a></td>
							{%endif%}
						</tr>
					{% endfor %}

			</tbody>
		</table>
</div>
{% endblock %}
{% block javascripts %}
	<script src="{{ asset('js/jquery.redirect.js') }}"></script>
	<script src="{{ asset('js/catalogue/index.js') }}"></script>
{% endblock %}