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

{% block title %}Liste des rapports de bug, erreurs, suggestions... renseigné par les utilisateurs
{% 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">Rapports utilisateurs</li>
			</ol>
		</nav>
		<h1>Liste des rapports de bug, erreurs, suggestions... renseigné par les utilisateurs</h1>
		{% if rapport_utilisateurs|length > 0 %}
			<table class="table" id="maTable">
				<thead>
					<tr>
						<th>Utilisateur</th>
						<th>Date</th>
						<th>Message</th>
						<th>Type</th>
						<th>Priorité</th>
						<th>Traitement</th>
						<th></th>
					</tr>
				</thead>
				<tbody>
					{% for rapport_utilisateur in rapport_utilisateurs %}
						<tr>
							<td>{{ rapport_utilisateur.user.nom }}
								{{ rapport_utilisateur.user.prenom }}</td>
							<td>{{ rapport_utilisateur.date ? rapport_utilisateur.date|date('d/m/Y H:i') : '' }}</td>
							<td>{{ rapport_utilisateur.message }}</td>
							<td>{{ rapport_utilisateur.typeRapport }}</td>
							<td>{{ rapport_utilisateur.prioriteRapport }}</td>
							<td>{{ rapport_utilisateur.traitementRapport }}</td>
							<td>
								<a href="{{ path('app_administration_rapport_utilisateur_delete', {'id': rapport_utilisateur.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 %}
		<a href="{{ path('app_administration_rapport_utilisateur_new') }}">
			<button class="btn btn-warning">
				<i class="fa fa-plus"></i>
				<span>Ajouter</span>
			</button>
		</a>
	</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 %}