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

{% block title %}Liste des projets de la societe {{ societe }}
{% 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" aria-current="page">
					<a href="{{path('app_administration_societe_index')}}">Sociétés</a>
				</li>
				<li class="breadcrumb-item active" aria-current="page">{{ societe }}</li>
			</ol>
		</nav>
		<h1>Liste des projets de la société {{ societe }}</h1>
		{% if projets|length > 0 %}
			<table class="table" id="maTable">
				<thead>
					<tr>
						<th>#</th>
						<th>Projet</th>
						<th>Date création</th>
						<th>Date dernière modification</th>
						<th>Nb prestations</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for projet in projets %}
					    <tr class="td-pointeur" onclick="location.href='{{ path('app_administration_prestations_projet', {'id': projet.id}) }}'">
							<td>{{ projet.id }}</td>
							<td>{{ projet.nom }}</td>
							<td>{{ projet.dateCreation ? projet.dateCreation|date('d/m/Y') : '' }}</td>
							<td>{{ projet.dateModification ? projet.dateModification|date('d/m/Y H:i') : '' }}</td>
							<td>{{ projet.prestations|length }}</td>
							<td>
								<a href="{{ path('app_administration_projet_societe_edit', {'id': projet.id}) }}">
									<button class="btn btn-info">
										<i class="fa fa-pen"></i>
										<span></span>
									</button>
								</a>
								<a href="{{ path('app_administration_projet_societe_delete', {'id': projet.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 %}