{% if ElencoDocumenti %}
    <form name="ElencoDocumenti" id="ElencoDocumenti" method="POST">
    {% csrf_token %}
      <input type='submit' class="btn btn-primary" name='ScaricaSelezionati' value="Scarica Selezionati"/>
      <!--<select name="ordinaper" class="form-select">
      </select>-->
      <input type='submit' class="btn btn-primary" name="indietro" value="Indietro">
    </form>
    <table class='table table-striped'>
      <thead class='thead-dark'>
      <tr>
        <th scope='col'>Vedi</th>
	<form name="order" method="POST">
	{% csrf_token %}
	<th scope='col'>Dipendente&nbsp;<button name='uteDW' type="submit" class="btn btn-outline-primary btn-sm">&#x2193;</button>
		                        <button name='uteUP' type="submit" class="btn btn-outline-primary btn-sm">&#x2191;</button></th>
        <th scope='col'>Documento&nbsp;<button name='docDW' type="submit" class="btn btn-outline-primary btn-sm">&#x2193;</button>
		                       <button name="docUP" type="submit" class="btn btn-outline-primary btn-sm">&#x2191;</button></th>
	</form>
	<th scope='col'>Nota</th>
	<th scope='col'>Caricamento</th>
	<th scope='col'><input class="form-check-input" type="checkbox" id="selectAll" name="selectAll" value='0' onClick="toggle(this);"/>&nbsp;<label for="selectAll" class="form-check-label">Tutti</label></th>
        {% if 'DOCUMENTO.EDIT' in permesso %}
        <th scope='col'>Elimina</th> 
        {% endif %}
      </tr>
      </thead>
      <tbody>
        {% for documento in ElencoDocumenti %}
        {% if 'DOCUMENTO' in permesso %}
        <tr>
          <td> <button type='button' class='btn btn-primary' onclick="window.open('{% url "documento:finalize" documento.id documento.utente.id%}')">Vedi</button></td>
          <td>{{ documento.utente.nome }} </td>
	  <td>{{ documento.documento }} </td>
          <td>{{ documento.descrizione }} </td>
          <td>{{ documento.dataupload | date:'d/m/Y' }} </td>
	  <td><input class="form-check-input" type="checkbox" form="ElencoDocumenti" id="select-{{ documento.id }}" name="select" value='{{ documento.id }}'/>
          </td>
            {% if 'DOCUMENTO.EDIT' in permesso %}
            <td><button type='button' class='btn btn-primary' data-bs-toggle='modal' data-bs-target='#ConfirmDeleteModal{{ documento.id }}' value='{{ documento.id }}'>Elimina</button></td>
            {% endif %}
        </tr>
          <!-- Modal -->
          <div class="modal fade" id="ConfirmDeleteModal{{ documento.id }}" tabindex="-1" role="dialog" aria-labelledby="ConfirmDeleteLabel{{ document.id }}" aria-hidden="true">
            <div class="modal-dialog" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="ConfirmDeleteLabel">Conferma Cancellazione</h5>
                  <button type="button" class="close" data-bs-dismiss="modal" aria-label="Chiudi">
                   <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  Confermi la cancellazione di {{ documento.documento }}?<br>
                  La cancellazione del documento è definitiva,immediata e non recuperabile.
                </div>
                <div class="modal-footer">
                  <form name='ConfirmDeleteModal' method='POST'>
                    {% csrf_token %}
                    <button type="submit" name="DeleteDocument" value='{{ documento.id }}' class="btn btn-primary">Cancella Documento</button>
                    <button type="button" class="btn btn-primary" data-bs-dismiss="modal">Chiudi/Annulla</button>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!-- end modal -->
        {% endif %}
        {% endfor %}
      </tbody>
    </table>
  {% endif %}