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

{% block title %} {{ user.lastname }} {{ user.firstname }} {% endblock %}

{% block stylesheets %}
    {{parent()}}
    <link rel="stylesheet" href=" {{asset('css/view-data.css')}} ">
{% endblock %}

{% block body %}
	{# Affichage de la barre de navigation de gauche #}
	{{ render(controller("App\\Controller\\Admin\\AdminController::navbarLeftAdmin")) }}

	<div class="main-view">
		<h1 class="view-title-beetween ">
			<div>
				<button class="btn-action"
						onclick="history.back()">
						<img class="img-45" src="{{ asset('img/png/back.png') }}" alt="">
				</button>
			</div>

            {{ user.lastname }} {{ user.firstname }} 

			<div class="div-action-title">
				<a href="{{ path('admin_user_edit', {'id': user.id}) }}"
					class="" title="Modifier le compte">
					<div class="btn-action">
						<img class="img-45" src="{{ asset('img/svg/edit-4.svg') }}" alt="">
					</div>
				</a>

				<a href="{{ path('admin_user_password', {'id': user.id}) }}"
					class="" title="Modifier le mot de passe">
					<div class="btn-action">
						<img class="img-25" src="{{ asset('img/png/lock.png') }}" alt="">
					</div>
				</a>

				<button type="button" 
						class="btn-action" 
						data-bs-toggle="modal" 
						data-bs-target="#conf-delete-user"
						title="Supprimer le compte"
					>
					<img class="img-45" src="{{ asset('img/svg/trash-red-1.svg') }}" alt="">
				</button>

			</div>
        </h1>

		<div>
			<div class="line-view-data">
				<div class="view-label">Civilité</div>
				<div class="view-data">{{user.title }}</div>
			</div>

			<div class="line-view-data">
				<div class="view-label">Nom</div>
				<div class="view-data">{{user.lastname }}</div>
			</div>

			<div class="line-view-data"> 
				<div class="view-label">Prénom</div>
				<div class="view-data">{{user.firstname}}</div>
			</div>

			<div class="line-view-data">
				<div class="view-label">Identifiant</div>
				<div class="view-data">{{user.username}}</div>
			</div>

			<div class="line-view-data">
				<div class="view-label">Mail</div>
				<div class="view-data">{{user.email}}</div>
			</div>
		</div>
	</div>

	{# Confirmation Suppression d'un utilisateur #}
	<div class="modal fade" id="conf-delete-user" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<h1 class="modal-title fs-5" id="staticBackdropLabel"><img class="img-50" src="{{ asset('img/svg/trash-red.svg') }}" alt=""> Suppression</h1>
					<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
				</div>
				<div class="modal-body">
					Voulez-vous vraiment supprimer l'utilisateur : {{user.lastname }} {{user.firstname }}
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
					<a href="{{ path('admin_user_delete', {'id': user.id}) }}">
						<button type="button" class="btn btn-danger">Supprimer</button>
					</a>
				</div>
			</div>
		</div>
	</div>


{% endblock %}