<div class="tab-pane fade show active" id="profile-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">


  <!-- errori utente -->
  {% if utente.errors %}
    {{ utente.errors }}
    {% for field in utente %}
      {% for error in field.errors %}
        <div class="alert alert-danger">
          <strong>{{ error|escape }}</strong>
        </div>
      {% endfor %}
    {% endfor %}
    {% for error in utente.non_field_errors %}
      <div class="alert alert-danger">
          <strong>{{ error|escape }}</strong>
      </div>
    {% endfor %}
  {% else %}
    Nessun Errore rilevato
  {% endif %}
  <!-- fine zona errori -->

  <!-- profilo utente -->
  <form name='UserEdit' method='post'>
    {% csrf_token %}

    <div class='form-group'>
      <label for="codicefiscale">Codice Fiscale</label>
      <input type='text' class='form-control' name='codicefiscale' id='codicefiscale' value='{{ utente.codicefiscale.value }}'>
    </div>
    <div class='form-group'>
      <label for="nome">Nome Cognome</label>
      <input type='text' class='form-control form-control-lg' name='nome' id='nome' value='{{ utente.nome.value }}'>
    </div>
    <div class='form-group'>
      <label for="luogonascita">Luogo di nascita</label>
      <input type='text' class='form-control' name='luogonascita' id='luogonascita' value='{{ utente.luogonascita.value }}'>
    </div>
    <div class='form-group'>
      <label for="datanascita">Data di nascita</label>
      <input type='date' class='form-control' name='datanascita' id='datanascita' value='{{ utente.datanascita.value|date:'Y-m-d' }}'>
    </div>
    <div class='form-group'>
      <label for="mail" class="form-control-label">Email</label>
      <input type='mail' class='form-control' name='mail' id='mail' value='{{ utente.mail.value }}'>
    </div>
    <div class='form-group'>
      <select class="form-select form-select-lg mb-1" name="sede">
        <option value=0>Scelta Sede</option>
        {% for ls in listasede %}
           <option value={{ ls.id }} {% if ls.id == utente.sede.value %}selected{% endif %}>{{ ls.nome }}</button></option>
          {% endfor %}
        </select>
    </div>
 
    <div class='form-group'>
      <label for="pin" class='form-control-label'>Pin</label>
      <input type='text' class='form-control' name='pin' id='pin' value='{{ utente.pin.value }}'>
    </div>

    <br>

    <div class="card">
      <div class="card-header">
        Opzioni Generali
      </div>
      <ul class="list-group list-group-flush">
      <li class="list-group-item">
        <div class='form-check'>
          <input class="form-check-input" type="checkbox" {% if utente.cambiopassword.value %} checked {% endif %} id="cambiopassword" name="cambiopassword">
          <label for='cambiopassword' class='form-control-label'>Il dipendente può aggiornare la password</label>
        </div>
      </li>

      <!-- blocco automazione cambio password al primo accesso -->
      <li class="list-group-item">
        <div class='form-check'>
          <input class="form-check-input" type="checkbox" {% if utente.forzanuovapassword.value %} checked {% endif %} id="forzanuovapassword" name="forzanuovapassword"/>
          <label for='forzanuovapassword' class='form-control-label'>Il dipendente deve cambiare la password al primo login.</label>
          </div>
      </li>

      <!-- blocco automazione OTP accesso -->
      <li class="list-group-item">
        <div class='form-check'>
          <input class="form-check-input" type="checkbox" {% if utente.otppassword.value %} checked {% endif %} id="otppassword" name="otppassword"/>
          <label for='otppassword' class='form-control-label'>Il dipendente riceve un OTP a conferma del login. (Opzione valida per i nuovi inserimenti) </label>
          </div>
      </li>

      <!-- blocco automazione OTP accesso -->
      <li class="list-group-item">
        <div class='form-check'>
          <input type="checkbox" class="form-check-input" name='cancellautente' id='cancellautente'>
          <Label class="form-check-label" for='cancellautente'>Cancella Questo record! La cancellazione è definitiva e non recuperabile!</label>
        </div>
      </li>
      </ul>
    </div>

    <br>

    <div class="btn-group">
      <input type='submit' class="btn btn-primary" value='Aggiorna'>
      <input type='submit' class="btn btn-primary" name="indietro" value="Indietro">
    </div>
  </form>

</div>

