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

{% block title %}
{{ 'reset.motdepassoublier'|trans }}
{% endblock %}
{% block description %}{% endblock %}

{% block body %}
	{% include "front/inc/breadcrumb.html.twig" with 
        {
            'content_title': 'Changement mot de passe',
            'current_page' : 'Accueil',
            'image'        : ''
        } 
  %}

	<div class="container mon_compte">

		<!-- Login Card -->
		<div class="card">
			<div class="card-header">
				<h2 class="card-title">{{ 'reset.motdepassoublier'|trans }}</h2>
			</div>
			<div class="card-content" id="password-form">
				<div class="msg_error"></div>
				<form method="POST" id="savenewpassword" action="{{ path('updatemotdepasse') }}">
					<div class="input-group password-group">
						<input type="password" id="password" name="reset_password" required placeholder="{{ 'login.password'|trans }}" class="input-field">
					</div>
					<div class="input-group password-group">
						<input type="password" id="password" name="reset_confirmation" required placeholder="{{ 'login.repeat'|trans }}" class="input-field">
					</div>
					<div class="bottom_card">
						<input type="hidden" name="_csrf_token" value="{{ csrf_token('resetpasswordconfirm') }}">
						<input type="hidden" name="usertoken" value="{{ token }}"/>
						<input type="hidden" name="user_id" value="{{ user.id }}"/>
						<button type="submit" class="button button-primary">Enregistrer</button>
					</div>
				</form>
			</div>
		</div>
	</div>
{% endblock %}