{% 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": 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="row justify-content-start" style="padding-left: 400px;"></div>

<div class="row justify-content-start" style="padding-left: 400px;"><h5>Lista prenotazioni per {{libreria}}</h5></div>
<div class="row justify-content-start" style="padding-left: 400px;">
	<h5>A.S. {{annoscol}} / {{annoscol|add:1}}</h5>
</div>

</div>
<div class="row" style="padding-left: 200px;">
    Totale pren.<b>{{totale_spesa}}</b>
</div>
<div class="row justify-content-start" style="padding-left: 300px;background-color:lightgrey ;width: 70%;vertical-align: middle;">
<div style="padding-top:10px;padding-left:250px;">
    <a href="/app/prenota/" class="external_link">Inserisci prenotazione </a>
    {% if presenti_consegnati is True %}<a href="/app/listaconsegnati_libreria/{{annoscol}}/" class="external_link" style="padding-left:150px;">Lista dei consegnati </a> {% endif %}
    <a href="/app/fatturainsert" class="external_link" style="padding-left:150px;">Fatture </a>
    </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;width:2%;">id</th>
                  <th style="text-align: center;width:5%;">data ins.</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>
                  <th style="text-align: center;width:10%;">consegnato</th>
                  <th style="width:5%;">Cancella</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_data_richiesta|date:"d/m/y"}}</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_facoltativo  %}SI{% endif  %}</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>{% else %}  Sì {% endif %}</td> 
                    <td style="padding:2px; vertical-align: middle; text-align: center"><a href="/app/delpren/{{ris.pk}}" onclick="javascript:return confirm('Sicuro di eliminare la prenotazione con Id '+{{ris.id}} + '?')" class="external_link"><img src="{% static "delete.gif" %}"  alt="Rimuovi prenotaz." width="20" height="20" ></a>  </td> 
                    </tr> 
                
                {% endfor %}

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

    
{% endblock %}