{% 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 src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script>
        $(document).ready(
            function () {
               var table = $('#TblRichiestes').DataTable(
                {
                  "paging":true,
                  searchPanes: {
            viewTotal: true
        },                  
                  "pageLength": 25,
                    "language":
                        {
                          "decimal": ",",
                          "thousands": ".",
                          "url": "//cdn.datatables.net/plug-ins/1.10.16/i18n/Italian.json"
                        }
            }
            );

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


</script>


{% endblock extra_js %}
    <div class="row">
        <div class="row justify-content-start" style="padding-left: 400px;"><h4>Gestione cedole - amministrazione</h4>
            <h5>Anno scolastico: {{annoscol}}/{{annoscol|add:1}}</h5>            
    </div>
    <div class="row">

    <div class="col-md-6" style="padding-left: 130px;padding-top:52px;">

    <a href="/app/listapren_admin/{{annoscol}}"  class="btn btn-primary">Lista completa prenotazioni</a>
    </div>
</div>

<div class="row" style="padding-top: 80px;">
    <div class="col-md-6" style="padding-left: 130px;">
        <table id="TblRichieste" class="table table-striped table-bordered " style="width:90%">
            <thead style="background-color: gray;color: chartreuse;">
                <tr><th colspan="4" style="text-align: center;color: black;background-color: lightgrey;">Totali prenotazioni</th></tr>
                <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%;">Prenotazioni</th>
                  <th style="text-align: center;width:2%;">Spesa totale</th>
                </tr>
            </thead>
            <tbody>
            {% for riga  in totali %}
                
                <tr>
        
                        <td style="width:2%;">{{ riga.id}}</td>
                        <td style="width:40%;">{{ riga.nome}}</td>
                        <td style="width:5%;text-align: right;">{{ riga.conta}}</td>
                        <td style="width:12%;text-align: right;">€{{ riga.tot_spese|intcomma}}</td>
        
                </tr>
            {% endfor %}
            <tr>
                <td colspan="2"></td>
                <td style="text-align: right;"><b>{{totpren|intcomma}}</b></td>
                <td style="text-align: right;"><b>€{{ tot_gen|intcomma}}</b></td>     
            </tr>
         </tbody>            
        </table>
    </div>
</div>

    
{% endblock %}