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

{% block title %}Employés
{% endblock %}

{% block body %}
	<div class="container position-relative align-items-center">
		<div class="col-md-12">
			<h1>Employés</h1>
			<div class="row py-2 bg-light rounded shadow-sm">
				<div class="col-12 col-md-2 mb-2">
					{% if is_granted("ROLE_SUPER_ADMIN") %}
						{{ form_start(form) }}
						<div class="innput-group">
							{{ form_row(form.id) }}
						</div>
						<div class="row">
							<button type="submit" class="btn btn-primary mt-2">Filtrer</button>
						</div>
						{{ form_end(form) }}
					{% else %}
						{{ app.user.agence }}
					{% endif %}
				</div>
				<div class="col-12 col-md-10 mb-10">
					<table class="table">
						<thead>
							<tr>
								<th>Nom</th>
								<th class="original-col">Email</th>
								<th class="original-col">Téléphone</th>
								<th class="merged-col">Email, Téléphone</th>
								{% if is_granted("ROLE_SUPER_ADMIN") %}
									<th>
										Agence
									</th>
								{% endif %}
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for employee in employees %}
								<tr>
									<td>{{ employee }}</td>
									<td class="original-col">{{ employee.user.email }}</td>
									<td class="original-col">{{ employee.user.phone }}</td>
									<td class="merged-col">
										{{ employee.user.email }}
										{{ employee.user.phone }}
									</td>
									{% if is_granted("ROLE_SUPER_ADMIN") %}
										<td>
											<a href="{{ path('app_employee_index', {'agence_filter[id]': employee.agence.id}) }}">{{ employee.agence }}</a>
										</td>
									{% endif %}
									<td>
										<a href="{{ path('app_employee_profile', {'id': employee.user.id}) }}">Modifier</a>
									</td>
								</tr>
							{% else %}
								<tr>
									<td colspan="2">no records found</td>
								</tr>
							{% endfor %}
						</tbody>
					</table>
					<div class="navigation">
						{% do employees.setPageRange(3) %}
						{{ knp_pagination_render(employees, 'pagination.html.twig') }}
					</div>
					<i class="bi bi-plus">
						<a href="{{ path('app_employee_new') }}">Nouvel employé</a>
					</i>
				</div>
			</div>
		</div>
	</div>
{% endblock %}