<div class="tab-pane fade" id="document-pane" role="tabpanel" aria-labelledby="document-tab" tabindex="0">
   <!-- documenti -->  

   <div class='form-outline mb-3 text-center btn-primary h3'>
           Elenco Documenti Associati
   </div>
   
   <table class='table table-striped table-hover'>
    <thead class='thead-dark'>
      <tr>
        <th scope='col'>Documento</th>
        <th scope='col'>Storage</th>
        <th scope='col'>Descrizione</th>
        <th scope='col'>Inserimento</th>
        <th scope='col'>Elimina</th>

      </tr>
    </thead>
    <tbody>
      {% for documento in documentiUtente %}
        <tr>
          <td> {{ documento.documento }} </td>
          <td> {{ documento.storage}} </td>
          <td> {{ documento.descrizione }} </td>
          <td> {{ documento.dataupload | date:'d/m/Y' }} </td>
          <!-- <td> <input class='btn btn-primary' type='submit' name='Elimina' value='{{ documento.id }}'></td> -->
          <td> <button type='button' class='btn btn-primary active' onclick="window.open('{% url "documento:finalize" documento.id uid %}')">Vedi</button>
               <button type='button' class='btn btn-primary' data-bs-toggle='modal' data-bs-target='#ConfirmDeleteModal{{ documento.id }}' value='{{ documento.id }}'>Elimina!</button></td>
          <td>

        <!-- 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="Close">
                 <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">
              <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
              <form name='ConfirmDeleteModal' method='POST'>
                {% csrf_token %}
                <button type="submit" name="DeleteDocument" value='{{ documento.id }}' class="btn btn-primary">Conferma</button>
              </form>
            </div>
          </div>
        </div>
      <!-- end modal -->
        </td>
        </tr>
      {% endfor %}
     </tbody>
   </table>

   <form name='fileManager' method="POST"  enctype='multipart/form-data'>
      {% csrf_token %}

      <table class='table table-striped table-hover'>
          <tbody>
            <tr>
              <td><label for='descrizione'>Descrizione:&nbsp;</label>
                  <input type='text' name='descrizione' id='descrizione' value=''>
                  <input type='file' class="btn btn-primary" name='allegati' id='allegati' value='{{ uf.allegati }}' accept='application/pdf' multiple></td>
	      <td><input class="btn btn-primary" type='submit' value='Inserisci'></td>
            </tr>
          </table>
      </form>

   {% 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 %}
  
 </div>

