{% 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'>
           Area Utente {{ azienda.azienda }}
    </div>
{% endblock %}

{% block body %}
<!-- Nav tabs -->
<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item" role="presentation">
    <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Documenti</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Profilo</button>
  </li>
  <li class="nav-item" role="presentation">
    <button class="nav-link" id="messages-tab" data-bs-toggle="tab" data-bs-target="#messages" type="button" role="tab" aria-controls="messages" aria-selected="false">Logging</button>
  </li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
  <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
   <div><br><br></div>
   <div class='form-outline mb-3 text-center btn-primary h3'>
           Documenti Disponibili al Download
   </div>

   <div>
    <table class='table table-striped table-hover'>
      <thead class='thead-dark'>
        <tr>
          <th scope='col'>Documento</th>
          <th scope='col'>Descrizione</th>
        </tr>
      </thead>
      <tbody>
        {% for documento in documentiUtente %}
          <tr>
            <!--<td> <button type='button' class='btn btn-primary btn-block mb-2 active' onclick="window.open('{% url "documento:finalize" documento.id utente.id %}')">{{ documento.documento }}</button></td>-->
              <td><a href={% url "documento:finalize" documento.id utente.id %}>{{ documento.documento}}</td>
              <td> {{ documento.descrizione }} </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>

  <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
   <div><br><br></div>
   <div class='form-outline mb-3 text-center btn-primary h3'>
           Profilo Personale
   </div>
    <form name='download' method='post' class='form-container card p-3 bg-light'>
    {% csrf_token %}
    <div class='form-outline mb-3'>
      <label class='form-label' for='nome'>nome</label>
      <input type='text' class='form-control' id='nome' name='nome' value='{{ utente.nome }}' readonly>
    </div>
    <div class='form-outline mb-3'>
      <label class='form-label' for='cfisc'>nome</label>
      <input type='text' class='form-control' id='cfisc' name='cfisc' value='{{ utente.codicefiscale }}' readonly>
    </div>
    <div class='form-outline mb-3'>
      <label class='form-label' for='luogonascita'>Luogo di Nascita</label>
      <input type='text' class='form-control' id='luogonascita' name='luogonascita' value='{{ utente.luogonascita }}' readonly>
    </div>
    <div class='form-outline mb-3'>
      <label class='form-label' for='datanascita'>Data di Nascita</label>
      <input type='text' class='form-control' id='datanascita' name='datanascita' value='{{ utente.datanascita }}' readonly>
    </div>
   <div class='form-outline mb-3'>
      <label class='form-label' for='pin'>pin/Password</label>
      <input type='text' class='form-control' id='pin' name='pin' value='{{ utente.pin }}'>
    </div>
    <div class='form-outline mb-3'>
      <label class='form-label' for='mail'>Mail</label>
      <input type='text' class='form-control' id='mail' name='mail' value='{{ utente.mail }}'>
   </div>
   <div>
      <input type='submit' class="btn btn-secondary" value='Aggiorna'>
      <input type='submit' class="btn btn-primary" name="ritorna" value="Logout">
   </div>
  </form>
</div>

  <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab" tabindex="0">
   <div><br><br></div>

   <div class='form-outline mb-3 text-center btn-primary h3'>
          Ultime attività registrate 
    </div>
    <div>
    <table class='table table-striped table-hover mb-2'>
      <thead class='thead-dark'>
      <tr>
        <th scope='col'>Data</th>
        <th scope='col'>Causale</th>
        <th scope='col'>Utente</th>
        <th scope='col'>Amministratore</th>
        <th scope='col'>documento</th>
      </tr>
      </thead>
      <tbody>
        {% for attivita in listaAttivita %}
        <tr>
          <td> {{ attivita.data | date:'d/m/Y H:i' }} </td>
          <td> {{ attivita.causale.nome }} </td>
          <td> {{ attivita.utente.nome }} </td>
          <td> {{ attivita.amministratore.name }}</td>
          <td> {{ attivita.documento.documento }}</td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    </div>
  </div>
  </div>
</div>



{% endblock %}