{% 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>
  $(document).ready(function () {
    $('#TblRichieste').DataTable({
      paging: 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?");
    });
  });
  function getConfirmation(id) {
    return confirm("Confermi l'operazione su Id." + id + "?");
  }
</script>
{% endblock extra_js %}

<div class="page-header">
  <h2>
    <i class="fa-solid fa-list-check" style="color: var(--accent); font-size: 20px;"></i>
    Prenotazioni — {{ libreria }}
    <span class="badge-anno">A.S. {{ annoscol }}/{{ annoscol|add:1 }}</span>
  </h2>
  <p class="subtitle">Totale spesa: <strong>€ {{ totale_spesa }}</strong></p>
</div>

<div class="toolbar">
  <a href="/app/prenota/" class="btn btn-primary">
    <i class="fa-solid fa-plus"></i> Inserisci prenotazione
  </a>
  {% if presenti_consegnati is True %}
    <a href="/app/listaconsegnati_libreria/{{ annoscol }}/" class="btn btn-outline-primary">
      <i class="fa-solid fa-box-open"></i> Lista consegnati
    </a>
  {% endif %}
  <a href="/app/fatturainsert" class="btn btn-outline-primary">
    <i class="fa-solid fa-file-invoice"></i> Fatture
  </a>
</div>

<div class="table-wrapper">
  <table id="TblRichieste" class="table table-striped table-bordered" style="width:100%">
    <thead>
      <tr>
        <th>ID</th>
        <th>Data ins.</th>
        <th>Cod. fiscale</th>
        <th>Cod. scuola</th>
        <th>Scuola</th>
        <th>Classe</th>
        <th>Facoltativo</th>
        <th>Spesa</th>
        <th>Consegnato</th>
        <th>Azioni</th>
      </tr>
    </thead>
    <tbody>
      {% for ris in risultati %}
        <tr>
          <td><span style="font-weight:600; color: var(--text-muted);">#{{ ris.pk }}</span></td>
          <td>{{ ris.pr_data_richiesta|date:"d/m/Y" }}</td>
          <td style="font-family: monospace; font-size: 12.5px;">{{ ris.pr_codfiscale }}</td>
          <td>{{ ris.pr_scuola.id }}</td>
          <td>{{ ris.pr_scuola.nome }}</td>
          <td style="text-align: center;">{{ ris.pr_classe }}</td>
          <td style="text-align: center;">
            {% if ris.pr_facoltativo %}
              <span class="badge" style="background: var(--accent-light); color: var(--accent); border: 1px solid #e8c97a;">Sì</span>
            {% endif %}
          </td>
          <td style="text-align: right; font-weight: 600;">€ {{ ris.pr_spesa }}</td>
          <td style="text-align: center;">
            {% if not ris.pr_consegnato %}
              <a href="/app/move_to_consegnato/{{ ris.pk }}"
                 onclick="return confirm('Passare su consegnati la pren. con Id {{ ris.id }}?')"
                 class="btn btn-sm btn-outline-primary">
                <i class="fa-solid fa-box-archive"></i> Consegna
              </a>
            {% else %}
              <span class="badge" style="background: #d1fae5; color: var(--success); border: 1px solid #6ee7b7;">
                <i class="fa-solid fa-check"></i> Sì
              </span>
            {% endif %}
          </td>
          <td style="text-align: center;">
            <a href="/app/delpren/{{ ris.pk }}"
               onclick="return confirm('Sicuro di eliminare la prenotazione con Id {{ ris.id }}?')"
               class="btn btn-sm btn-danger" title="Elimina">
              <i class="fa-solid fa-trash"></i>
            </a>
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}