{% 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="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
    <script>
        $(document).ready(
            function () {
               var table = $('#TblFatture').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">
    <div class="row justify-content-start" style="padding-left: 400px;"><h4>utente collegato: amministratore<br>
</div>
<div class="row">
    
<div class="col-md-2" style="padding-left: 30px;">

    <a href="/app/listapren_admin/{{annoscol}}/"  style="padding-top:102px;" class="external_link">Lista prenotazioni </a>
    </div>
<div style="padding-top:30px;">
    <form action="/app/listafatture_admin/{{annoscol}}/" method="POST"  enctype="multipart/form-data">
        {% csrf_token %}{{libreriaform}}
        <div>
    <table><tr>
        <td><input type="submit" value="Filtra" style="background-color: gray;color: yellow;" /></td>
        </form>
        {%  if modo == "filtra" %}<td><a href="/app/listafatture_admin/{{annoscol}}/" style="padding-left: 200px;">Lista completa</a></td> {% endif %}
    </tr>
        </table></div>
</div>
</div>

<div class="row">
    <div class="col-md-8" style="padding-left: 530px;">
        <table>
                <tr>
                    <td><span style="display: none;">999999999999</span></td> 
                    <td></td> 
                    <td></td> 
                    <td></td> 
                    <td style="text-align: right;vertical-align: middle">Totale fatture:&nbsp;<b>€{{totale_fatture|intcomma}}</b></td>                                 
                    <td></td>                                 
                </tr>  
        </table>
    </div></div>
<div class="row">
    <div class="col-md-8" style="padding-left: 30px;">        
        <table id="TblFatture" class="table table-striped table-bordered " >
            <thead style="background-color: gray;color: chartreuse;">
                <tr>
                  <th style="text-align: center;width:2%;">Id</th>
                  <th style="text-align: center;width:2%;">data</th>
                  <th style="text-align: center;width:35%;">libreria</th>
                  <th style="text-align: center;width:5%;">classe</th>
                  <th style="text-align: center;width:10%;">importo</th>
                  <th style="text-align: center;width:45%;">note</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.fa_data|date:"d/m/y"}}</td>          
                    
                    <td style="padding:12px; vertical-align: middle; text-align: left">{{ris.fa_libreria.denominazione}}</td>
                    <td style="text-align: center;vertical-align: middle">{% if ris.fa_classe %}{{ris.fa_classe}}{% endif %}</td> 
                    <td style="text-align: right;vertical-align: middle">€{{ris.fa_importo|intcomma}}</td>                    
                    <td style="padding:6px; vertical-align: middle; text-align: left">{{ris.fa_note}}</td> 

                    </tr> 

                {% endfor %}

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

    
{% endblock %}