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

{% block title %}Liste des clients
{% endblock %}

{% block body %}
	<div class="row bg-white rounded p-3">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item " aria-current="page">
					<a href="{{path('app_accueil')}}">
						<i class="fa fa-home"></i>
					</a>
				</li>
				<li class="breadcrumb-item" aria-current="page">
					<a href="{{path('app_administration_home')}}">Portail administration</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">Clients</li>
			</ol>
		</nav>
		<h1>Liste des clients</h1>
		{% if clients|length > 0 %}
			<table class="table" id="maTable">
				<thead>
					<tr>
						<th>#</th>
						<th>Nom</th>
						<th>Ajouté le</th>
						<th>Par</th>
						<th></th>
						<th>Nb projets</th>
						<th>Statut</th>
					</tr>
				</thead>
				<tbody>
					{% for client in clients %}
						<tr>
							<td>{{ client.id }}</td>
							<td>{{ client.nom }}</td>
							<td>{{ client.dateAjout|date('d/m/Y') }}</td>
							<td>{{ client.intermittent.user.nom }}
								{{ client.intermittent.user.prenom }}</td>
							<td>
								<a href="{{ path('app_administration_client_edit', {'id': client.id}) }}">
									<button class="btn btn-info picto-item" aria-label="Modifier le client">
										<i class="fa fa-pen"></i>
										<span></span>
									</button>
								</a>
								<a href="{{ path('app_administration_client_delete', {'id': client.id}) }}">
									<button class="btn btn-danger picto-item" aria-label="Supprimer le client">
										<i class="fa fa-trash"></i>
										<span></span>
									</button>
								</a>
							</td>
							<td>{{ client.projets|length }}</td>
							<td>{{ client.isActive ? '<i class="fa fa-check" style="color:green">' : '<i class="fa fa-x" style="color:red">' }}</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		{% else %}
			{% include 'app/noResult.html.twig' %}
		{% endif %}
	</div>
{% endblock %}
{% block javascripts %}
<script type="text/javascript">
$(document).ready(function () {
	new DataTable('#maTable', {
		language: {
			"info": "Résultats _START_ à _END_ sur _TOTAL_",
			"emptyTable":     "Aucun résultat",
			"search":         "Chercher:",
			"zeroRecords":    "Aucun résultat",
			"paginate": {
				"first":      "<<",
				"last":       ">>",
				"next":       ">",
				"previous":   "<"
			},
			
		},
		fixedHeader: true,
		paging: false,
		responsive: true,
		dom: 'frtip',
	});
});
</script>
{% endblock %}