{% 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 %}
<!-- Nav tabs -->
<div class="button-group" role="tablist">
  <button type='button' class="btn btn-primary active" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-pane" role="tab" aria-controls="profile-pane" aria-selected="true">Profilo</button>
  <button type='button' class="btn btn-primary" id="document-tab" data-bs-toggle="tab" data-bs-target="#document-pane" role="tab" aria-controls="document-pane" aria-selected="true">Documenti</button>
  <button type='button' class="btn btn-primary" id="logger-tab" data-bs-toggle="tab" data-bs-target="#logger-pane" role="tab" aria-controls="logger-pane" aria-selected="true">attivita</button>
  <button type='button' class="btn btn-outline-primary" id="return-tab" data-bs-toggle="tab" data-bs-target="#return-pane" role="tab" aria-controls="return-pane" aria-selected="true"><a href="{% url 'utente:welcome' %}">Indietro</a></button>
</div>
<div class='text-danger'>
  {% if mailnonvalida %}
    <div class='text-center h5'>
      <b>Attenzione, la mail non risulta inserita/corretta.</b>
    </div>
  {% endif %}
</div>
<!-- end nav tabs -->
<div>&nbsp;</div>
<!-- Tab panes -->
<div class="tab-content" id='mycontent'>
  {% include 'utente.edit.profile.html' %}
  {% include 'utente.edit.document.html' %}
  {% include 'utente.edit.logger.html' %}
</div>

{% endblock %}

{% block bodybottom %}
<div>
  {% 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>
  {% 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>
  {% endif %}
</div>
{% endblock %}