{% extends 'base.html' %}

{% block top %}
  <div class="container">
    <h2 class="display-5">Recupero Password Smarrita!</h1>
      <p class="lead">Per recuperare le credenziali di accesso, digita nel campo sottostante la mail che devi recuperare. Se la mail è corretta, ti verranno inviate nuove password sulla mail di recupero, sempre che tu abbia provveduto a impostarla precedentemente.
      </p>
      <p class="lead">La mail ti arriverà entro qualche minuto.</p>
      <p class="lead">Se non arriva nulla, controlla che non fosse stata inserita nella casella antispam</p>
      <p class="lead">Se proprio non arriva, ti consigliamo di contattarci anche telefonicamente ai numeri di contatto abituali</o>
    </div>

  <div class='form-outline mb-4'>
    <form name='recupero' method='post' class>
      {% csrf_token %}
      <label class="form-label" for='email'>Email da Recuperare:</label>
      <input class='form-control' type='mail' id='email' name='{{ campo }}' value=''>

      <div class='form-group mb-4 text-center' role='group' aria-label='conferma'>
        <button type='submit' class='btn btn-primary' name={{ button }}>Recupera Email</button>
        <button type='reset'  class='btn btn-secondary'>Reset</button>
      </div>
    </form>
  </div>
{% endblock %}

{% block body %}{% endblock %}
  <div class='btn-group' role='group' aria-label='conferme'>
    <button type='submit' class='btn btn-primary'>Conferma</button>
    <button type='reset' class='btn btn-secondary'>Reset</button>
    <button type='submit' class='btn btn-secondary' name="Ritorno">Ritorno (Senza salvare)</button>
  </div>
