{% extends 'base.html' %}
{% load static %}
{% block content %}
{% block extra_js %}

<script src="https://cdn.datatables.net/plug-ins/1.10.20/sorting/datetime-moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script>
        $(document).ready(
            function () {
               var table = $('#TblRichieste').DataTable(
                {
                  "paging":true,
                  searchPanes: {
            viewTotal: true
        },                  
                  "pageLength": 10,
                    "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="row" style="padding-left: 400px;"><h4>A.S.{{annoscol}}/{{annoscol|add:1}}&ensp;&ensp;Lista dei libri consegnati per &nbsp;{{libreria}}</h4></div>
<div class="row" style="padding-top:10px;padding-left:120px;">
<table style="width:55%; margin-left: 30px;" class="table table-striped table-bordered "  id="TblConsegnati" >

    <thead style="background-color: lightgreen;color: black;"><tr><th style="width:10%;text-align: center;"><b>Totali per classe</b></th>
        <th style="width:5%;text-align: center;"><b>Prima</b></th><th style="width:5%;text-align: center;text-align: center;"><b>Seconda</b></th><th style="width:5%;text-align: center;"><b>Terza</b></th>
        <th style="width:5%;text-align: center;"><b>Quarta</b></th><th style="width:5%;text-align: center;"><b>Quinta</b></th>
        <th style="width:6%;text-align: center;"><b>Tot.consegnato</b></th><th style="width:6%;text-align: center;"><b>Tot.fatturato</b></th>
        <th style="width:6%;text-align: center;"><b>Da fatturare</b></th></tr></thead>

    <tr>        
    <td></td><td><b>{{tot1}}</b></td><td><b>{{tot2}}</b></td><td><b>{{tot3}}</b></td><td><b>{{tot4}}</b></td><td><b>{{tot5}}</b></td><td><b>{{totale_gen}}</b></td> 
    <td><b>{{tot_fatturato}}</b></td> <td><b>{{da_fatturare}}</b></td>        
    </tr>
</tr>
</table>
</div>
<div style="padding-top:10px;padding-left:350px;">
    <div class="row">
        <table  style="width:55%; margin-left: 30px;" >
        <td><a href="/app/prenota" class="external_link">Inserisci prenotazione </a></td>                        
        <td><a href="/app/listapren_libreria/{{annoscol}}" class="external_link" style="padding-left:150px;">Lista completa </a></td>                        
        <td><a href="/app/fatturainsert" class="external_link" style="padding-left:150px;">Fatture </a></td>
            
        </table>
    </div>
</div> 
<div class="row">
    <div class="col-md-8" style="padding-left: 30px;">
        <table id="TblRichieste" class="table table-striped table-bordered " style="width:90%">
            <thead style="background-color: gray;color: chartreuse;">
                <tr>
                  <th style="text-align: center">id</th>
                  <th style="text-align: center">cod.fiscale</th>
                  <th style="text-align: center">Cod.Scuola</th>
                  <th style="text-align: center">Scuola</th>
                  <th style="text-align: center">classe</th>
                  <th style="text-align: center">spesa</th>
                  <th style="text-align: center">consegnato</th>
                  <th></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_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="padding:6px; vertical-align: middle; text-align: left">{{ris.pr_spesa}}</td> 
                    <td style="padding:6px; vertical-align: middle; text-align: center">{% if not ris.pr_consegnato   %} <a href="/app/move_to_consegnato/{{ris.pk}}" onclick="javascript:return confirm('Passare su consegnati la pren.con Id '+{{ris.id}} + '?')"  >Passa a Consegnati</a>  {% endif %}</td> 
                    <td style="padding:2px; vertical-align: middle; text-align: center"><a href="/app/reset_no_consegnato/{{ris.pk}}" onclick="javascript:return confirm('Rimettere tra i NON CONSEGNATI  la prenotazione con Id '+{{ris.id}} + '?')" class="external_link">Rimetti NON CONSEGNATO</a> 
                    </tr> 
                
                {% endfor %}

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

{% endblock %}