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

{% block title %}User
{% endblock %}

{% block body %}
	<h2>Mon profil</h2>

	{% for label, messages in app.flashes %}
		{% for message in messages %}
			<div class="alert alert-{{ label }}">{{ message }}</div>
		{% endfor %}
	{% endfor %}

	<section class="p-5 d-flex flex-column justify-content-center align-items-center">
	<div class="MyDiv m-0 mb-3" style="width: 25rem; align-self:center">
		<div class="card-header">

			{% if user.picture %}
				<img class="card-img-top " src="{{ asset('uploads/pictures/' ~ user.picture) }}" alt="Image de l'event">
			{% else %}
				<img class="card-img-top" src="{{ asset('uploads/pictures/default.png') }}" alt="Default image">
			{% endif %}
		</div>
		<div class="card-body mt-2">
			<h5 class="card-title">Profil</h5>
			<p class="card-text">Id :{{ user.id }}</p>
			<p class="card-text">Nom :{{ user.firstName }}</p>
			<p class="card-text">Prenom :{{user.lastName}}</p>
			<p class="card-text">Password :*****</p>
			<p class="card-text">{{ user.dateEntry ? user.dateEntry|date('d/m/Y') : '' }}</p>
			<p class="card-text">statut :{{ user.status == "ROLE_ADMIN" ? 'Administateur' : 'Tech' }}</p>
			<p>Email verifier :{{ user.isVerified ? 'Yes' : 'No' }}</p>
			<button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#changePasswordModal">
				Changer le mot de passe
			</button>
			<!-- Modale -->
			<div class="modal fade" id="changePasswordModal" tabindex="-1" aria-labelledby="changePasswordLabel" aria-hidden="true">
				<div class="modal-dialog">
					{% if app.user.id != user.id %}
						<form method="post" action="{{ path('app_user_change_password', {'id': app.user.id}) }}">
						{% elseif is_granted('ROLE_ADMIN') %}
							<form method="post" action="{{ path('app_user_change_password', {'id': user.id}) }}">
							{% endif %}
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title" id="changePasswordLabel">Changer le mot de passe</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
								</div>
								<div class="modal-body">
									<div class="mb-3">
										<label class="form-label" for="password1">Nouveau mot de passe</label>
										<input type="password" name="password1" id="password1" class="form-control" required minlength="6">
									</div>
									<div class="mb-3">
										<label class="form-label" for="password2">Confirmer le mot de passe</label>
										<input type="password" name="password2" id="password2" class="form-control" required minlength="6">
									</div>
								</div>
								<div class="modal-footer">
									<button type="submit" class="btn btn-primary">Valider</button>
								</div>
							</div>
						</form>
					</div>
				</div>


			<a class="btn bg-success" href="{{ path('app_user_edit', {'id': user.id}) }}">Modifier</a>

			{% if is_granted('ROLE_ADMIN') %}
				<a class="btn bg-danger" onclick="return confirm('Are you sure?')">{{ include('user/_delete_form.html.twig') }}</a>
			{% endif %}
		</div>
	</div>


	<a class="btn bg-secondary" href="{{ path('app_user_index') }}">Revenir à la liste</a>
	</section>

{% endblock %}