{% extends 'layout/content.html.twig' %}

{% block title %}{% endblock %}

{% block stylesheets %}
	{{ encore_entry_link_tags('user-index') }}
{% endblock %}

{% block javascripts %}
	{{ encore_entry_script_tags('user-index') }}
{% endblock %}

{% block breadcrumb %}
	<nav aria-label="breadcrumb">
		<ol class="breadcrumb bg-white px-3 py-2 rounded shadow-sm rounded-pill align-items-center">
			<li class="breadcrumb-item d-flex align-items-center">
				<a href="{{ url('app_dashboard') }}" class="text-primary">
					<i class="fa fa-home me-1"></i>
					Accueil
				</a>
			</li>
			<li class="breadcrumb-item">
				<a href="{{ url('app_organization_index') }}">
					Compte Organisation</a>
			</li>
			<li class="breadcrumb-item active">
				Utilisateurs
			</li>
		</ol>
	</nav>
{% endblock %}

{% set hasSidebar = false %}
{% block sidebar %}{% endblock %}

{% block content %}
	<div class="row">
		<div class="col-sm-4">
			<button href="#" class="btn btn-primary rounded-pill w-md waves-effect waves-light mb-3" data-bs-toggle="modal" data-bs-target="#invitationUserFormModal">
				<i class="mdi mdi-plus"></i>
				Inviter un utilisateur
			</button>
		</div>
	</div>
	<div class="row">
		<div class="col-12">
			<div class="card rounded-4">
				<div class="card-body">
					<div class="table-responsive">
						<table id="datatable" class="table table-bordered dt-responsive table-responsive table-hover">
							<thead>
								<tr>
									<th>Email</th>
									<th>Prénom(s) Nom</th>
									<th>Date de naissance</th>
									<th>Dernière Connexion</th>
									<th>Département</th>
									<th>Fonction</th>
									<th>Rôles</th>
									<th>Statut</th>
									<th>actions</th>
								</tr>
							</thead>
							<tbody>
								{% for user in users %}
									<tr>
										<td>{{ user.email }}</td>
										<td>{{ user.firstName }}
											{{ user.lastName }}</td>
										<td>{{ user.dateOfBirth ? user.dateOfBirth|date('Y-m-d') : '' }}</td>
										<td>{{ user.lastLoginAt ? user.lastLoginAt|date('Y-m-d H:i:s') : '' }}</td>
										<td>
											{% if  user.department is not null %}
												{{ user.department.name }}
											{% endif %}
										</td>
										<td>{{ user.fonction }}</td>
										<td>
											{% for role in user.userRoles %}
												<div class="form-check form-switch">
													<input class="form-check-input" type="checkbox" id="role_{{ role.id }}" name="roles[]" value="{{ role.id }}" checked disabled>
													<label class="form-check-label" for="role_{{ role.id }}">{{ role.name }}</label>
												</div>
											{% endfor %}
										</td>
										<td>{{ user.isActive ? '<span class="text-success">Actif</span>' : '<span class="text-danger">Désactivé</span>' }}</td>
										<td>
											<div class="d-flex">
												{% if(permissions_only("USER_EDIT")) %}
													<a class="btn btn-sm btn-secondary waves-effect rounded-pill me-2" href="{{ path('app_user_show', {'id': user.id}) }}">
														<i class="mdi mdi-account-details-outline"></i>
													</a>
												{% endif %}
												{% if(permissions_only("ROLE_ASSIGN_USER")) %}
													<button class="userAssignmentBtn btn btn-sm btn-secondary waves-effect rounded-pill me-2" type="button" data-user-id="{{user.id}}">
														<i class="fe-settings"></i>
													</button>
												{% endif %}
												{% if(permissions_only("USER_DELETE")) %}
													<div class="d-flex">
														<a class="btn btn-sm btn-danger waves-effect rounded-pill" href="{{ path('app_user_delete', {'id': user.id}) }}">
															<i class="mdi mdi-trash-can-outline"></i>
														</a>
													</div>
												{% endif %}
											</div>
										</td>
									</tr>
								{% else %}
									<tr>
										<td colspan="8">Aucun utilisateurs trouvé.</td>
									</tr>
								{% endfor %}
							</tbody>
						</table>
					</div>
				</div>
			</div>

		</div>
	</div>
	{% include 'user/_modal_add_form.html.twig' %}
	{% include 'user/_modal_assignment_form.html.twig' %}

{% endblock %}