{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% block content %}
{% block extra_js %}
<script src="https://cdn.datatables.net/plug-ins/1.10.20/sorting/datetime-moment.js"></script>
<script>    
        $(document).ready(
            function () {
               var table = $('#TblRichieste').DataTable(
                {
                  "paging":true,
                  searchPanes: {
            viewTotal: true
        },                  
                  "pageLength": 25,
                    "language":
                        {
                          "decimal": ",",
                          "thousands": ".",
                          "url": "https://cdn.datatables.net/plug-ins/1.10.16/i18n/Italian.json"
                        }
            }
            );

            $('*[data-confirm="true"]').on('click', function() {
    			return confirm("Conferma l'operazione?");
			});            
        });
          


</script>

    <script type="text/javascript">
         
            function getConfirmation(id){
               var retVal = confirm("Confermi l'operazione su Id." + id + "?");
               if( retVal == true ){
                  return true;
               }
               else{

                  event.preventDefault();
                  return false;
               }
            }
         //-->
    </script>
{% endblock extra_js %}


<div class="page-header">
  <h2>
    <i class="fa-solid fa-shield-halved" style="color: var(--accent); font-size: 20px;"></i>
    Gestione Cedole — Amministrazione
    <span class="badge-anno">A.S. {{ annoscol }}/{{ annoscol|add:1 }}</span>
  </h2>
</div>

<div class="toolbar" style="margin-bottom: 24px;">
  <a href="/app/get_totali_pren/{{annoscol}}/" class="btn btn-primary">
    Tot.prenotazioni
  </a>

  {% if presenti_consegnati is True %}
    <a href="/app/listapren_admin/{{annoscol}}/" class="btn btn-outline-primary">
      Lista prenotazioni
    </a>
  {% endif %}

  <a href="/app/listafatture_admin/{{annoscol}}/" class="btn btn-outline-primary">
    Fatture
  </a>
</div>
<div class="card" style="margin-bottom: 20px;">
  <div class="card-body" style="padding: 20px 24px;">
    <form action="/app/listaconsegnati_admin/{{annoscol}}/" method="POST"
          style="display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap;">
      {% csrf_token %}

      <div>
        <label class="form-label">Filtra per</label>
        {{ libreriaform }}
      </div>

      <button type="submit" class="btn btn-primary">
        <i class="fa-solid fa-filter"></i> Filtra
      </button>

      {% if modo == "filtra" %}
        <a href="/app/listaconsegnati_admin/{{annoscol}}/" class="btn btn-outline-primary">
          Lista completa
        </a>
      {% endif %}
    </form>
  </div>
</div>
<div class="row" style="padding-left: 300px;">
    Totale spesa per consegnati:&nbsp;<b>€{{totale_spesa|intcomma}}</b>
</div>
<div class="table-wrapper">
    <table id="TblRichieste" class="table table-striped table-bordered">
        <thead>
            <tr>
                <th style="text-align: center;width:2%;">id</th>
                <th style="text-align: center;width:5%;">libreria</th>
                <th style="text-align: center;width:5%;">cod.fiscale</th>
                <th style="text-align: center;width:2%;">cod.scuola</th>
                <th style="text-align: center;width:15%;">Scuola</th>
                <th style="text-align: center;width:5%;">classe</th>
                <th style="text-align: center;width:5%;">testo facoltativo</th>
                <th style="text-align: center;width:5%;">spesa</th>

            </tr>
        </thead>
        <tbody>
            {% for ris in risultati %}
                <tr>
                <td style="vertical-align: middle; text-align: left">{{ris.pk}}</td> 
                        
                <td style="text-align: left;vertical-align: middle">{{ris.pr_libreria.denominazione}}</td>          
                <td style="text-align: left;vertical-align: middle">{{ris.pr_codfiscale}}</td>  
                <td style="padding:12px; vertical-align: middle; text-align: left">{{ris.pr_scuola.id}}</td>
                <td style="padding:12px; vertical-align: middle; text-align: left">{{ris.pr_scuola.nome}}</td>                    
                <td style="text-align: center;vertical-align: middle">{{ris.pr_classe}}</td> 
                <td style="text-align: center;vertical-align: middle">
                  {% if ris.pr_consegnato %}
                    <span class="badge" style="background: var(--accent-light); color: var(--accent); border: 1px solid #e8c97a;">Sì</span>
                  {% endif %}             
                </td>                    
                <td style="padding:6px; vertical-align: middle; text-align: right;">€{{ris.pr_spesa|intcomma}}</td>                 
                </tr> 
            
            {% endfor %}

        </tbody>            
    </table>
    </div>
</div>

{% endblock %}