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

{% block title %} AquaProtect
{% endblock %}


{% block body %}

    <div class="container mt-3">
        {% include "home/TopDashboard.html.twig" %}
    </div>
    
	


<div
	class="container py-4">
	{# En-tête avec compteur d'évaluations #}
	<div class="card shadow-sm mb-4">
		<div class="card-body">
			<div class="row align-items-center">
				<div class="col">
					<h3 class="mb-0">Mes Évaluations</h3>
				</div>
				<div class="col-auto">
					<span class="badge bg-primary fs-6">
						<i class="fas fa-clipboard-list me-1"></i>
						{{ evaluation.getTotalItemCount }}
						évaluation{{ evaluation.getTotalItemCount > 1 ? 's' : '' }}
					</span>
				</div>
			</div>
		</div>
	</div>

	{# Messages Flash #}
	{% for label, messages in app.flashes %}
		{% for message in messages %}
			<div class="alert alert-{{ label }} alert-dismissible fade show shadow-sm" role="alert">
				{{ message }}
				<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
			</div>
		{% endfor %}
	{% endfor %}

	{# Tableau des évaluations #}
	<div class="card shadow-sm">
		<div class="card-body">
			<div class="table-responsive">
				<table class="table table-hover align-middle">
					<thead class="table-light">
						<tr>
							<th class="text-center">Nom de l'éleveur</th>
							<th class="text-center">Nom du bâtiment</th>
							<th class="text-center">Date de réalisation</th>
							<th class="text-center">Actions</th>
						</tr>
					</thead>
					<tbody>
						{% if not evaluation.items is same as([]) %}
							{% for evaluations in evaluation %}
								<tr>
									<td class="text-center">{{evaluations.eleveurName}}</td>
									<td class="text-center">{{evaluations.batiment}}</td>
									<td class="text-center">
										<span class="text-muted">
											<i class="far fa-calendar-alt me-1"></i>
											{{evaluations.dateCreation|date("d/m/Y à H:i")}}
										</span>
									</td>
									<td class="text-center">
										<div class="btn-group" role="group">
											<a href="{{ path('evaluation_resultats', {id: evaluations.id}) }}" class="btn btn-outline-primary btn-sm" title="Voir les résultats">
												<i class="fa-solid fa-eye"></i>
												<span class="d-none d-md-inline ms-1">Résultats</span>
											</a>

											<a href="{{ path('app_evaluation_edit', {'id': evaluations.id}) }}" class="btn btn-outline-success btn-sm" title="Éditer">
												<i class="fa-solid fa-pen"></i>
												<span class="d-none d-md-inline ms-1">Éditer</span>
											</a>

											<form method="post" action="{{ path('eval_delete', {id: evaluations.id}) }}" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cette évaluation ?');" style="display: inline;">
												<input type="hidden" name="_token" value="{{ csrf_token('delete' ~ evaluations.id) }}">
												<button class="btn btn-outline-danger btn-sm" title="Supprimer">
													<i class="fas fa-trash"></i>
													<span class="d-none d-md-inline ms-1">Supprimer</span>
												</button>
											</form>
										</div>
									</td>
								</tr>
							{% endfor %}
						{% else %}
							<tr>
								<td colspan="4" class="text-center py-4 text-muted">
									<i class="fas fa-info-circle me-2"></i>Aucune évaluation trouvée
								</td>
							</tr>
						{% endif %}
					</tbody>
				</table>
			</div>
		</div>
	</div>

	{# Pagination #}
	<div class="d-flex justify-content-center mt-4">
		{{ knp_pagination_render(evaluation) }}
	</div>
</div>



    <div class="container mt-5">
            <div class="text-center">
                <img src="{{asset('build/images/NewAqua2.png')}}" class="logo3">
            </div>
    </div> 

    


{% endblock %}