{# templates/sales/delivery_report.html #}
{% extends "pos/base.html" %}
{% load static %}

{% block title %}Delivery Report{% endblock %}

{% block stylesheets %}
<style>
  .dlvr-wrap { max-width: 1100px; margin: 0 auto; }
  #dlvr_table th { font-size: .78rem; background: #f1f5f9; white-space: nowrap; }
  #dlvr_table td { font-size: .88rem; vertical-align: middle; }
  .dlvr-summary {
    background:#eff6ff; border:1px solid #bfdbfe; border-radius:8px;
    padding:8px 14px; font-weight:600; color:#1e3a8a;
  }
  @media print {
    .no-print { display:none !important; }
  }
</style>
{% endblock %}

{% block content %}
<div class="dlvr-wrap mt-3">

  <div class="d-flex justify-content-between align-items-center mb-2 no-print">
    <h5 class="mb-0">📋 Delivery Report</h5>
    <div>
      <a href="{% url 'sales:delivery_page' %}" class="btn btn-outline-primary btn-sm">＋ Deliver</a>
      <button type="button" class="btn btn-outline-secondary btn-sm" onclick="window.print()">Print</button>
    </div>
  </div>

  <form method="get" class="form-inline mb-3 no-print">
    <label class="mr-2">From</label>
    <input type="date" name="date_from" value="{{ date_from }}" class="form-control form-control-sm mr-3" autofocus>
    <label class="mr-2">To</label>
    <input type="date" name="date_to" value="{{ date_to }}" class="form-control form-control-sm mr-3">
    <button type="submit" class="btn btn-primary btn-sm mr-2">Show</button>
    <a href="{% url 'sales:delivery_report' %}" class="btn btn-light border btn-sm">Today</a>
  </form>

  <div class="d-flex justify-content-between align-items-center mb-2">
    <div class="dlvr-summary">Total delivered lines: {{ total_lines }}</div>
    <div class="text-muted" style="font-size:.82rem;">
      {{ date_from }} &nbsp;→&nbsp; {{ date_to }}
    </div>
  </div>

  <div class="table-responsive">
    <table class="table table-bordered table-hover table-sm" id="dlvr_table">
      <thead>
        <tr>
          <th>#</th>
          <th>Invoice</th>
          <th>Customer</th>
          <th>Code</th>
          <th>Item</th>
          <th class="text-right">Qty</th>
          <th>Delivered At</th>
          <th>Delivered By</th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
        <tr>
          <td>{{ forloop.counter }}</td>
          <td><b>{{ r.invoice_no }}</b></td>
          <td>{{ r.customer_name }}</td>
          <td>{{ r.product_code }}</td>
          <td>{{ r.product_name }}</td>
          <td class="text-right">{{ r.delivered_qty }}</td>
          <td>{{ r.delivery_date|date:"Y-m-d H:i" }}</td>
          <td>{{ r.delivered_by_name }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="8" class="text-center text-muted py-4">No deliveries found for this period.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

</div>
{% endblock %}