{% extends "base.html" %}

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

{% block body %}
<!-- Nav tabs -->
<div class="button-group" role="tablist">
  <button class="btn btn-primary active" id="documento-tab" data-bs-toggle="tab" data-bs-target="#documento-pane" type="button" role="tab" aria-controls="documento-pane" aria-selected="true">Documento</button>
  {% if 'AZIENDA.DOCUMENTO.CREA' in permesso %}
  <button class="btn btn-primary" id="upload-tab" data-bs-toggle="tab" data-bs-target="#upload-pane" type="button" role="tab" aria-controls="upload-pane" aria-selected="true">Upload</button>
  {% endif %}
  {% if not DISABLEOPTIONS %}
    {% if 'AZIENDA.DOCUMENTO.EDIT' in permesso %}
    <button class="btn btn-primary" id="delete-tab" data-bs-toggle="tab" data-bs-target="#delete-pane" type="button" role="tab" aria-controls="delete-pane" aria-selected="true">Cancella Vecchi</button>
    {% endif %}
  {% endif %}
  <button class="btn btn-outline-primary" id="return-tab" data-bs-toggle="tab" data-bs-target="#return-pane" type="button" role="tab" aria-controls="return-pane" aria-selected="true"><a href="{% url 'azienda:welcome' %}">Indietro</a></button>
</div>
<!-- end nav tabs -->

<div>&nbsp;</div>
<!-- Tab panes -->
<div class="tab-content" id='mycontent'>
  {% include 'documento.welcome.documento.html' %}
  {% include 'documento.welcome.upload.html' %}
</div>

  <!-- 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-primary" data-bs-dismiss="modal">Chiudi</button>
               </div>
             </form>
           </div>
         </div>
       </div>
</div>
  <!-- end modal -->
{% endblock %}

{% block bodybottom %}
  {% if listaok %}
    <div>Sono stati caricati {{ listaoklen }} documento/i</div>
    <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.documento }} </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
  {% endif %}

  <div><br></div>

  {% if listanotok %}
    <div>Sono stati rifiutati {{ listanotoklen }} documento/i</div>
    <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.documento }} </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
  {% endif %}
{% endblock %}