{# @author: Benjamin AMOUZOU <benkokouamouzou@gmail.com> #}
{% extends "template-parent.html.twig"%}

{% block contenu_principal_parent %}
	<div class="container">

		{% include 'template-message.html.twig'%}
		{% if profil %}
			<div class="row">

				<div class="col-lg-12">
					<h5 class="mt-3">Edition profil</h5>
				</div>
				<div class="col-lg-12 col-md-12 col-sm-12">
					<div class="edit-border">
						<form method="post">
							<div class="row">

								<div class="col-lg-3">
									<label for="inputEmail" class="col-form-label col-form-label-sm">Email<span class="text-danger">
											*</span>
									</label><br/>
									<input type="email" name="email" id="email" class="form-control form-control-sm" required autofocus placeholder="johndoe@email.com" value="{% if utilisateur is defined and utilisateur is not empty %} {{utilisateur.email}} {% endif %}"/><br/>
								</div>

								<div class="col-lg-3">
									<label for="login" class="col-form-label col-form-label-sm">Identifiant<span class="text-danger">
											*</span>
									</label><br/>
									<input type="text" name="login" id="login" class="form-control form-control-sm" placeholder="john" required value="{% if utilisateur is defined and utilisateur is not empty %}{{utilisateur.login}}{% endif %}" required/><br/>
								</div>

								<div class="col-lg-3">
									<label for="password" class="col-form-label col-form-label-sm">Nouveau mot de passe<span class="text-danger">
											*</span>
									</label><br/>
									<input type="password" name="password" id="password" class="form-control  form-control-sm" required/>
								</div>

								<div class="col-lg-3">
									<label for="confirmPassword" class="col-form-label col-form-label-sm">Confirmation mot de passe<span class="text-danger">
											*</span>
									</label><br/>
									<input type="password" name="confirm_password" id="confirm_password" class="form-control  form-control-sm" required/>
								</div>

							</div>
							<div class="row">
								<div class="col-lg-12">
									<span class="col-form-label col-form-label-sm">
										<span class="text-danger">NB</span>: Un mot de passe doit contenir au minimum 8 caractères avec une lettre minuscule, une lette majuscule, un caractère spécial et un chiffre.
									</span>
								</div>
							</div>
							<div class="row">
								<div class="col-lg-12  d-flex flex-row-reverse">
									<span id="message" class="col-form-label col-form-label-sm"></span>
								</div>
							</div>

							<input type="hidden" name="_token" value="{{ csrf_token('edit_profil') }}"/><br/>
							<div class="row">
								<div class="col-lg-12">
									<a class="btn btn-discard btn-sm" href="{{path('app_pgi')}}">
										<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Annuler
									</a>
									<button class="btn btn-new btn-sm" id="profilBtn">
										<i class="fa fa-floppy-o fa-lg" color="white"></i>&nbsp;&nbsp;Enrégistrer
									</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		{% else %}
			<div class="row">
				<div class="col-lg-12   d-flex justify-content-center">
					<a class="btn btn-discard btn-sm" href="{{path('app_pgi')}}">
						<i class="fa fa-chevron-left fa-lg"></i>&nbsp;&nbsp;Retour
					</a>
				</div>
			</div>
		{% endif %}

	</div>
{% endblock %}