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

{% block title %}Liste des sociétés
{% 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">Sociétés</li>
			</ol>
		</nav>
		<h1>Liste des sociétés</h1>
		{% if societes|length > 0 %}
			<table class="table" id="maTable">
				<thead>
					<tr>
						<th>Nom Société</th>
						<th>Nom Contact</th>
						<th>SIREN</th>
						<th>Nb projets</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for societe in societes %}
						<tr class="td-pointeur" onclick="location.href='{{ path('app_administration_projets_societe', {'id': societe.id}) }}'">
							<td>{{ societe.nomSociete }}</td>
							<td>{{ societe.nomContact }}</td>
							<td>{{ societe.siren }}</td>
							<td>{{ societe.projets|length }}</td>
							<td>
								<a href="{{ path('app_administration_societe_edit', {'id': societe.id}) }}">
									<button class="btn btn-info">
										<i class="fa fa-pen"></i>
										<span></span>
									</button>
								</a>
								<a href="{{ path('app_administration_societe_delete', {'id': societe.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 %}