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

{% block stylesheets %}
	<link rel="stylesheet" href="{{ asset('assets/css/jquery-ui.min.css?v=<?= time() ?>') }}"/>


	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

	<link rel="stylesheet" href="{{ asset('assets/css/main.css?v=<?= time() ?>') }}"/>
	<link rel="stylesheet" href="{{asset('assets/css/login.css?v=<?= time() ?>')}}">

{% endblock %}


{% block body %}
	<div id="fond-login"></div>
	<div class="jc-c" id="div-login">
		<div id="div-btn-connexion">
			<a href="{{path('login')}}" target="_blank">
				<div class="btn btn-primary" id="btn-connexion">Retour à la connexion</div>
			</a>
		</div>
		<h1>Réinitialiser le mot de passe</h1>
		{{ form_start(resetForm) }}
		{{ form_row(resetForm.plainPassword) }}
		<button class="btn btn-primary">Envoyer</button>
		{{ form_end(resetForm) }}
	</div>
{% endblock %}
{% block javascripts %}

	<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>

	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
	<script type="text/javascript" src="{{ asset('assets/js/resetPass/resetPass.js?v=<?= time() ?>') }}"></script>
{% endblock %}