{% extends 'base.html' %}

{% block top %}
{% endblock %}

{% block body %}

<div>Nuove Credenziaili</div>
<div></div>

<div>
  
  {% if nc.errors %}
    <p>
      Sono stati rilevati degli errori e non e' possibile continuare
      {{ nc.errors }}
    </p>
  {% endif %}

<form name='aggiornapassword' method='post'>
  {% csrf_token %}

  <div class='row form-group'>
    <div class='col'>
      <label for='password1'>Password</label>
      <input type='password' class='form-control' id='password1' name='password1' value='{{ nc.clear }}'' placeholder='digita la password'>
    </div>
    <div class='col'>
      <label for='password2'>Ripetere</label>
      <input type='password' class='form-control' id='password2' name='password2' value='{{ nc.clear }}' placeholder='ripeti la password'> 
    </div>
  </div>

  <div class="jumbotron jumbotron-fluid">
    <div class="container">
      <h2 class="display-5">Requisiti necessari per la password</h1>
      <p class="lead">La password non deve essere di lunghezza inferiore a {{ mail_password_length }} caratteri.</p>
      <p class="lead">Non deve essere la ripetizione di quella attuale.</p>
      <p class="lead">Non devono essere presenti spazi vuoti.</p>
      <p class="lead">La password deve contenere almeno un carattere maiuscolo, uno minuscolo, un numero e un simbolo.</p>
    </div>
  </div>

  <div class='row'> 
    {% if nc.errors %}
      <p>Rilevati Errori, impossibile proseguire.</p>
      {% for f in nc %}
        {% for e in f.errors %}
          <div class="alter alter-danger">
            <strong>{{f.label|escape }}: {{ e|escape }}</strong>
          </div>
        {% endfor %}
      {% endfor %}
      {% for e in nc.non_field_errors %}
        <div class="alter alter-danger">
          <strong>{{ e|escape }}</strong>
        </div> 
      {% endfor %}
    {% endif %}
  </div>

  <div class='btn-group' role='group' aria-label='conferma'>
    <button type='submit' class='btn btn-secondary'>Conferma</button>
    <button type='reset' class='btn btn-secondary'>Reset</button>
  </div>
</form>
</div>

{% endblock %}