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

{% block title %}Modification du mot de passe{% endblock %}

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

{% block body %}
	{# affichage du formulaire #}
	{{ render(controller("App\\Controller\\Admin\\AdminController::navbarLeftAdmin")) }}

	<div class="main-form">
		<h1 class="form-title-center ">
            {{ user.lastname }} {{ user.firstname }} 
        </h1>

		<div form="form-content">
			{{form_start(form)}}

				<div class="line-form-data">
					<div class="form-label">{{ form_label(form.password.first) }}</div>
					<div class="form-data">{{ form_widget(form.password.first) }}</div>
				</div>

				<div class="line-form-data">
					<div class="form-label">{{ form_label(form.password.second) }}</div>
					<div class="form-data">{{ form_widget(form.password.second) }}</div>
				</div>

			<div class="d-none">
				{{ form_end(form) }}
			</div>
			
			<div class="form-footer">
				<div class="div-btn-form">
					<button class="btn-footer-form back" onclick="history.back()">
						<img class="img-45" src="{{ asset('img/png/back.png') }}" alt=""> Précédent
					</button>
					
					<button class="btn-footer-form add" onclick="$('#user_validBtn').click();">
						<img class="img-45" src="{{ asset('img/png/check.png') }}" alt=""> Valider
					</button>
				</div>
			</div>
		</div>
	</div>


{% endblock %}