{% extends 'base.html' %}

{% block top %}
    <!--
    <div class='form-outline mb-3 text-center btn-primary h3'>
           {{ HeaderTitle }}
    </div>
    <div class='form-outline mb-3 text-center btn-primary h3'>
           Azienda in elaborazione: {{ azienda.nome }}
    </div>
    <div class='form-outline mb-3 text-center btn-primary h3'>
           Amministratore: {{ admin.username }}
    </div> -->
{% endblock %}

{% block body-login %}
<div class="form-container card p-3 bg-light">
  <div style='padding-top:50px;padding-bottom:20px;background-color:#a1cb0f;'>
    <p class="h1 text-center">CCS Health</p>
    <p class="h3 text-center">Corporate Care Solution</p>
  </div>

  <div>
    <br/>
  </div>

  <div class="container text-center">
    <p class="lead">Digitare la nuova password e ripeterla nel campo sottostante.</p>
  </div>

  <div>
          <hr>
  </div>

  <!-- profilo utente -->
  <div>
    <form name='UpdatePassword' method='post' class='form-container card p-3 bg-light'>
      {% csrf_token %}
    <div class='form-outline mb-3'>
      <input type='hidden'  class='form-control' id='uuid' name='uuid' value="{{ informazione.uuid.value }}" readonly>
    <div>
    <div class='form-outline mb-3 {% if "pin1" in informazione.errors %} text-danger {% endif %}'>
       <label class='form-label' for='pin1'>password/pin{% if "pin1" in informazione.errors %}: Inserire Password Valida!{% endif %}</label>
       <input type='password'  class='form-control' id='pin1' name='pin1' value="{{ informazione.pin1.value }}">
    </div>
    <div class='form-outline mb-3 {% if "pin2" in informazione.errors %} text-danger {% endif %}'>
       <label class='form-label' for='pin2'>ripeti password/pin{% if "pin2" in informazione.errors %}: Password non corrispondente!{% endif %}</label>
       <input type='password'  class='form-control' id='pin2' name='pin2' value="{{ informazione.pin2.value }}">
    </div>

    <div class='form-outline mb-3 text-center'>
      <button type='submit' class='btn btn-primary btn-block btn-lg mb-3 active'>Aggiorna</button>
      <button type='reset' class='btn btn-primary btn-block btn-lg mb-3'>Annulla</button>
    </div>
   </form>
  </div>
  {% endblock %}

  {% block bottom %}
<!-- errori

  <div>
    <div class='form-container card p-3 bg-light'>
  {% if informazione.errors %}
    {{ informazione.errors }}
    <br>--</br>
    {% for i in informazione.errors %}<p>{{ i }}</p>{% endfor %}
  {% endif %}
  {% if informazione.errors.pin1 %}<p class="alarm">alarme</p>{% endif %}
  </div>
  fine zona errori
  <div> -->
  {% endblock %}