{% 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.nome }}
    </div>
    <div clasS='form-outline mb-3 text-center btn-primary h3'>
           {{ admin.nome }}
    </div>

    <!-- tasti per il ritorno e altre funzioni generiche -->
    {% if admin.crea_documento %}
      <div class='card'>
        <div class='card-body'>
          <h5 class="card-title">Upload Indici e Documenti</h5>
          <form name='upload' method='post' enctype='multipart/form-data'>
            {% csrf_token %}
	    <div class='form-group form-inline'>
	      <label for='indice'>Indice Utenti:&nbsp;</label>
              <input type='file' class="btn btn-primary" name='indice' id='indice' value='{{ uf.indice }}' accept='text/csv'>
              <label for='allegati'>Allegati:</label>
              <input type='file' class="btn btn-primary" name='allegati' id='allegati' value='{{ uf.allegati }}' accept='application/pdf' multiple>
            </div>

            <div><br></div>

            <div class='form-check'>
              <label for='pertutti' class='form-check-label'>Documento in comune (un singolo documento a disposizione di tutti gli utenti)</label>
              <input type='checkbox' class="form-check-input" name='pertutti' id='pertutti'>
            </div>

            <div><br></div>

   	    <div class='form-group form-inline'>
              <label for='descrizione'>Descrizione:&nbsp;</label>
              <input type='text' name='descrizione' id='descrizione' value='' maxlength='120' size='80'>
            </div>

  	    <div><br></div>

  	    <div class='form-group form-inline'>
	      <input type='submit' class="btn btn-primary" name='Ritorna' value='Ritorna'>
	      <input type='submit' class="btn btn-primary" value='Carica Nuovi Documenti'>
              <button type='button' class='btn btn-primary' data-bs-toggle='modal' data-bs-target='#ConfirmDocumentDeleteModal'>Elimina Vecchi Documenti</button></td>
            </div>
          </form>
        </div>
      </div>
    <!-- fine barra tasti ritorno e utilita' -->
    {% endif %}
{% endblock %}

{% block body %}

  {% if upload_ok %}
    <div>
    Sono stati caricati {{ xx }} documenti.
    Sono stati correttamente assegnati {{ xx }} documenti ai rispettivi utenti.
    <table class='table table-striped table-hover'>

    </table>
    
    I seguenti documenti non risultano assegnabili:

    <table class='table table-striped table-hover'>
    </table>

    {% endif %}

  
  {% if ElencoDocumenti %}
    <table class='table table-striped table-hover'>
      <thead class='thead-dark'>
      <tr>
        <th scope='col'><input type='checkbox' class='form-check-input' value='0' name='selezione'></th>
        <th scope='col'>Vedi</th>
        <th scope='col'>Utente associato</th>
        <th scope='col'>Documento</th>
        <th scope='col'>Descrizione</th>
        <th scope='col'>Inserimento</th>
        {% if admin.edit_documento %} <th scope='col'>Cancella</th> {% endif %}
      </tr>
      </thead>
      <tbody>
        {% for documento in ElencoDocumenti %}
        <tr>
          <td><input type='checkbox' class='form-check-input' value='{{ documento.id }}' name='selezione'></td>
          <td> <button type='button' class='btn btn-primary btn-block btn-lg mb-2 active' onclick="window.open('{% url "documento:finalize" documento.id documento.utente.id%}')">Vedi</button></td>
          <td> {{ documento.utente.nome }} </td>
	  <td> {{ documento.documento }}<br>{{ documento.storage }} </td>
          <td> {{ documento.descrizione }} </td>
          <td> {{ documento.dataupload | date:'d/m/Y' }} </td>
          {% if admin.edit_documento %}
            <td><button type='button' class='btn btn-secondary' data-bs-toggle='modal' data-bs-target='#ConfirmDeleteModal{{ documento.id }}' value='{{ documento.id }}'>Elimina</button></td>
          {% endif %}
        </tr>
        {% if admin.edit_documento %}
          <!-- 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</button>
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
                  </form>
                </div>
              </div>
            </div>
          </div>
          <!-- end modal -->
          {% endif %}
        {% endfor %}
      </tbody>
    </table>
  {% endif %}
{% endblock %}

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

  {% if admin.edit_documento %}
  <!-- Modal -->
  <div class="modal fade" id="ConfirmDocumentDeleteModal" tabindex="-1" role="dialog" aria-labelledby="ConfirmDocumentDeleteLabel{{ document.id }}" aria-hidden="true">
         <div class="modal-dialog" role="document">
           <div class="modal-content">
             <form name='ConfirmDeleteModal' method='POST'>
               {% csrf_token %}
               <div class="modal-header">
                <h5 class="modal-title" id="ConfirmDeleteLabel">Conferma Cancellazione?</h5>
                  <span aria-hidden="true">&times;</span>
                </button>
               </div>
               <div class="modal-body">
               Confermi la cancellazione dei vecchi documenti?<br>
               La cancellazione è definitiva,immediata e non recuperabile
               <label for='limite'>Documenti più vecchi di:&nbsp;</label>
               <input type='text' name='limite' id='limite' value='{{ eol }}' maxlenght='4' size='4'>
               <label for='limite'>giorni.</label>
               </div>
               <div class="modal-footer">
                 <button type="submit" name="DeleteOldDocuments" value='{{ documento.id }}' class="btn btn-primary">Elimina Vecchi Documenti</button>
                 <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Chiudi</button>
	       </div>
	     </form>
           </div>
         </div>
       </div>
     </div>
     <!-- end modal -->
   {% endif %}
  <div><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 %}


{% endblock %}