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

{% block title %}Liste des intermittents
{% 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">Intermittents</li>
			</ol>
		</nav>
		<h1>Liste des intermittents</h1>
		{% if intermittents|length > 0 %}
			<table class="table" id="maTable">
				<thead>
					<tr>
						<th>Nom</th>
						<th>Prénom</th>
						<th>Email</th>
						<th>Téléphone</th>
						<th>Nb clients</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for intermittent in intermittents %}
						<tr>
							<td>{{ intermittent.user.nom }}</td>
							<td>{{ intermittent.user.prenom }}</td>
							<td>{{ intermittent.user.telephone }}</td>
							<td>{{ intermittent.user.mail }}</td>
							<td>{{ intermittent.clients|length }}</td>
							<td>
								<a href="{{ path('app_administration_intermittent_edit', {'id': intermittent.id}) }}">
									<button class="btn btn-info">
										<i class="fa fa-pen"></i>
										<span></span>
									</button>
								</a>
								<a href="{{ path('app_administration_intermittent_delete', {'id': intermittent.id}) }}">
									<button class="btn btn-danger">
										<i class="fa fa-trash"></i>
										<span></span>
									</button>
								</a>
							</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 %}