{% extends "base.html" %}
{% block content %}
<section class="panel">
  <div class="panel-head">
    <h2>Παραστατικό καυσίμων</h2>
    <div class="actions"><a class="btn" href="{{ url_for('deliveries') }}">Πίσω</a><button form="headerForm" class="btn primary" type="submit">Αποθήκευση</button></div>
  </div>

  <form id="headerForm" method="post" class="form-grid">
    <label>Αριθμός παραστατικού *<input name="document_no" required value="{{ header.document_no }}"></label>
    <label>Ημερομηνία παραστατικού *<input name="delivery_date" type="date" value="{{ header.delivery_date }}" required></label>
    <label>Προμηθευτής<input name="supplier" value="{{ header.supplier }}"></label>
    <label>Συνολική αξία παραστατικού (€)<input name="total_amount" type="number" step="0.01" value="{{ header.total_amount }}"></label>
    <label class="full">Παρατηρήσεις παραστατικού<textarea name="notes">{{ header.notes }}</textarea></label>
  </form>
</section>

<section class="tabs-panel">
  <div class="tabs">
    <a href="#summary">Σύνοψη παραστατικού</a>
    <a href="#lines" class="active">Δελτία παραλαβής</a>
  </div>

  <div id="summary" class="tab-box">
    <h3>Σύνολα δελτίων ανά είδος καυσίμου</h3>
    <div class="table-wrap">
      <table>
        <thead><tr><th>Είδος καυσίμου</th><th>Συνολική ποσότητα</th><th>Συνολική αξία</th></tr></thead>
        <tbody>
          {% set grand_qty = namespace(v=0) %}
          {% set grand_amount = namespace(v=0) %}
          {% for s in summary %}
            {% set grand_qty.v = grand_qty.v + s.total_qty %}
            {% set grand_amount.v = grand_amount.v + s.total_amount %}
            <tr><td><b>{{ s.fuel_type }}</b></td><td>{{ "%.2f"|format(s.total_qty) }} {{ s.unit }}</td><td>{{ "%.2f"|format(s.total_amount) }} €</td></tr>
          {% else %}
            <tr><td colspan="3" class="empty">Δεν υπάρχουν ακόμη δελτία.</td></tr>
          {% endfor %}
          <tr class="total-row"><td>ΣΥΝΟΛΑ</td><td>{{ "%.2f"|format(grand_qty.v) }}</td><td>{{ "%.2f"|format(grand_amount.v) }} €</td></tr>
        </tbody>
      </table>
    </div>
  </div>

  <div id="lines" class="tab-box">
    <div class="panel-head slim">
      <h3>Δελτία παραλαβής καυσίμων</h3>
      <span class="badge">Σύνολο δελτίων: {{ lines|length }}</span>
    </div>

    <form method="post" action="{{ url_for('add_delivery_line', header_id=header.id) }}" class="line-form">
      <label>Αριθμός δελτίου *<input name="line_no" required placeholder="π.χ. ΔΑ-00123"></label>
      <label>Ημερομηνία δελτίου *<input name="line_date" type="date" value="{{ today }}" required></label>
      <label>Είδος καυσίμου *<select name="item_id" required>{% for i in items %}<option value="{{ i.id }}">{{ i.fuel_type }}</option>{% endfor %}</select></label>
      <label>Ποσότητα *<input name="qty" type="number" step="0.01" required></label>
      <label>Αξία δελτίου (€)<input name="amount" type="number" step="0.01" value="0"></label>
      <label>Όχημα / Μηχάνημα<input name="vehicle" placeholder="π.χ. ΚΗΗ 1234"></label>
      <label>Υπηρεσία / ΚΑ<input name="service" placeholder="π.χ. 20-6641"></label>
      <label>Παρατηρήσεις<input name="notes"></label>
      <button class="btn primary" type="submit">+ Προσθήκη δελτίου</button>
    </form>

    <div class="table-wrap">
      <table>
        <thead><tr><th>Α/Α</th><th>Αρ. δελτίου</th><th>Ημ/νία δελτίου</th><th>Είδος καυσίμου</th><th>Ποσότητα</th><th>Αξία</th><th>Όχημα / Μηχάνημα</th><th>Υπηρεσία / ΚΑ</th><th>Παρατηρήσεις</th><th>Ενέργειες</th></tr></thead>
        <tbody>
        {% for l in lines %}
          <tr>
            <td>{{ loop.index }}</td>
            <td><b>{{ l.line_no or '' }}</b></td>
            <td>{{ l.line_date or '' }}</td>
            <td><b>{{ l.fuel_type }}</b></td>
            <td>{{ "%.2f"|format(l.qty) }} {{ l.unit }}</td>
            <td>{{ "%.2f"|format(l.amount) }} €</td>
            <td>{{ l.vehicle }}</td>
            <td>{{ l.service }}</td>
            <td>{{ l.notes }}</td>
            <td>
              <form method="post" action="{{ url_for('delete_line', line_id=l.id) }}" onsubmit="return confirm('Διαγραφή δελτίου;')">
                <button class="btn danger" type="submit">Διαγραφή</button>
              </form>
            </td>
          </tr>
        {% else %}
          <tr><td colspan="10" class="empty">Δεν υπάρχουν δελτία. Συμπληρώστε τη φόρμα και πατήστε «Προσθήκη δελτίου».</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</section>
{% endblock %}