{% extends 'pages/base.html.j2' %}

{% set title = "Réinitialiser mon mot de passe" %}

{% block content %}
  <div>
  <p class="mb-5">Définissez votre nouveau mot de passe</p>
  <p class="mb-5">
    <span class="font-bold">Taille minimum&nbsp;:</span> 5 caractères<br>
    <span class="font-bold">Taille maximum&nbsp;:</span> 255 caractères<br>
    <span class="font-bold">Caractères autorisés&nbsp;:</span><br>
    &nbsp; • A-Z<br>
    &nbsp; • a-z<br>
    &nbsp; • 0-9<br>
    &nbsp; • @ # $ % ^ &amp; * - _ ! + = [ ] { } | \ : ' , . ? / ` ~ " ( ) ; &lt; &gt;<br>
    &nbsp; • Espace
  </p>

    <form method="POST">
      <div class="mb-5">
        <label class="block mb-2 text-sm font-medium text-gray-900" for="newpasswd">Nouveau mot de passe</label>
        <input type="password" name="newpasswd" id="newpasswd" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" pattern="^[A-Za-z0-9@#$%^&*\-_=+\[\]{}|\\:',.?/`~&quot;();<> ]{5,255}$" minlength="5" maxlength="255" required>
      </div>
      <button class="text-white bg-red-600 hover:bg-red-700 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center" type="submit">Enregistrer</button>
    </form>
  </div>
{% endblock %}