{% extends 'base.html' %}

{% block headersupplement %}
<script language="JavaScript">
function toggle(source) {
  checkboxes = document.getElementsByName('select');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>
{% endblock %}

{% block body %}
  <form name="inputUtente" method="POST">
  <div class='form-control'>
    {% if "UTENTE.CREA" in permesso_sede or "UTENTE.CREA" in permesso_azienda %}
      <input type='submit' class="btn btn-primary" name='scelta' value='Nuovo Dipendente'>
      <button type='button' class="btn btn-primary" name='TastoCaricaIndici' data-bs-toggle='modal' data-bs-target='#CaricaIndiceModal'>Carica Lista Nuovi Dipendenti</button>
      <input type='submit' class="btn btn-primary" name='ScaricaSelezionati' value="Scarica Selezionati"/>
    {% endif %}
    <input type='submit' class="btn btn-primary" name="indietro" value="Indietro">
  </div>
  <div class='form-control'>
    Numero di dipendenti selezionati {{ numeroRecordAttuali }} su un totale di {{ numeroRecordAzienda }}.
  </div>

  {% csrf_token %}
  <table class='table table-striped table-hover'>
    <thead class='thead-dark'>
      <tr>
        {% if "UTENTE.CREA" in permesso_sede or "UTENTE.CREA" in permesso_azienda %}<th scope='col'>*</th>{% endif %}
        <th scope='col'>Nome</th>
        <th scope='col'>Codice Fiscale</th>
        <th scope='col'>Sede</th>
        <th scope='col'>Data di Nascita</th>
	<th scope='col'>Luogo di Nascita</th>
	<th scope='col'>documenti</th>
        {% if "UTENTE.EDIT" in permesso_sede or "UTENTE.EDIT" in permesso_azienda %}
          <th scope='col'>Mail</th>
  	  <th scope='col'>Pin</th>
        {% endif %}
        <th scope='col'>Inserimento</th>
	<th scope='col'><input class="form-check-input" type="checkbox" id="selectAll" name="selectAll" value='0' onClick="toggle(this);"/></th>
      </tr>
    </thead>
    <tbody>
      {% csrf_token %}
      {% for uu in utenti %}
        <tr>
          {% if "UTENTE.EDIT" in permesso_sede or "UTENTE.EDIT" in permesso_azienda %}
            <td> <button type='submit' class='btn btn-primary btn-block btn-lg mb-2 active' name='scelta' value='{{ uu.id }}'>Edit</button></td>
          {% endif %}
          <td> {{ uu.nome }} </td>
	  <td> {{ uu.codicefiscale }} </td>
          <td> {{ uu.sede.nome }} </td>
	  <td> {{ uu.datanascita|date:'d/m/Y' }} </td>
	  <td> {{ uu.luogonascita }} </td>
	  <td> <a href='{% url 'documento:welcome' uu.id %}'>{{ uu.documenti }}</a></td>
          {% if "UTENTE.EDIT" in permesso_sede or "UTENTE.EDIT" in permesso_azienda %}
            <td> {{ uu.mail }} </td>
            <td> {{ uu.pin }} </td>
          {% endif %}
          <td> {{ uu.inserimento|date:'d/m/Y' }} </td>
	  <td>
  	  <input class="form-check-input" type="checkbox" id="select-{{ uu.id}}" name="select" value='{{ uu.id }}'/>
          </td>
	</tr>
      {% endfor %} 
    </tbody>
  </table>
  </form>

  {% if "UTENTE.EDIT" in permesso_sede or "UTENTE.EDIT" in permesso_azienda %}
  <!-- Modal -->
  <div class="modal fade" id="CaricaIndiceModal" tabindex="-1" role="dialog" aria-labelledby="CaricaIndiceLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
             <form name='formCaricaIndice' method='POST' enctype='multipart/form-data'>
               {% csrf_token %}
               <div class="modal-header">
                <h5 class="modal-title" id="CaricaIndiceLabel">Carica Elenco Dipendenti</h5>
                  <span aria-hidden="true">&times;</span>
                </button>
               </div>
               <div class="modal-body">
                 Caricamento Lista Dipendenti<br>
                 Formato File CSV - obbligatorio <br>
                 Separatore: ';' - prima riga: "Nome colonna".</br>
                 <table class='table table-striped table-hover'>
                   <tbody>
                     <tr>
                       <td>Nome Cognome</td>
                       <td>Codice Fiscale</td>
                       <td>Data di Nascita</td>
                       <td>Luogo di Nascita</td>
		       <td>email</td>
		       <td>Sede</td>
                     </tr>
                   </tbody>
                 </table><br>
                 <label for='indice'>Elenco Dipendenti:&nbsp;</label>
                 <input type='file' name='indice' id='indice' value='' accept='text/csv'>
               </div>
               <div class="modal-footer">
                 <button type="submit" name="CaricaIndice" value='Carica Lista' class="btn btn-primary">Carica Lista Dipendenti</button>
                 <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Annulla</button>
               </div>
             </form>
           </div>
         </div>
       </div>
     </div>
     <!-- end modal -->
   {% endif %}

{% endblock %}

{% block bodybottom %}
  <div><br><br></div>


  {% if listaok %}
    <table class='table table-striped table-hover'>
      <thead class='thead-dark'>
      <tr>
        <th scope='col'>Documento caricato con successo</th>
      </tr>
      </thead>
      <tbody>
        {% for l in listaok %}
        <tr>
          <td> {{ l }} </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}

  <div><br><br></div>
  {% if listanotok %}
    <table class='table table-striped table-hover'>
      <thead class='thead-dark'>
      <tr>
        <th scope='col'>Documento non caricato perche già presente</th>
      </tr>
      </thead>
      <tbody>
        {% for l in listanotok %}
        <tr>
          <td> {{ l }} </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}

  {% if listaok %}
    {% for i in listaok %}
      {{i }}
    {% endfor %}
  {% endif %}

  {% if listanotok %}
    {% for i in listanotok %}
      {{i }}
    {% endfor %}
  {% endif %}

{% endblock %}

