{% extends "pos/base.html" %}
{% load static %}

{% block title %}Spot Trips{% endblock %}

{% block heading %}Spot Trips (Spot Sale){% endblock %}

{% block content %}

<form method="get" class="mb-3">
  <div class="form-row">
    <div class="col-md-3">
      <label class="small mb-1">From</label>
      <input type="date" name="date_from" class="form-control form-control-sm"
             value="{{ date_from_q }}">
    </div>
    <div class="col-md-3">
      <label class="small mb-1">To</label>
      <input type="date" name="date_to" class="form-control form-control-sm"
             value="{{ date_to_q }}">
    </div>
    <div class="col-md-3">
      <label class="small mb-1">Status</label>
      <select name="status" class="form-control form-control-sm">
        <option value="">All</option>
        <option value="OPEN" {% if status_q == "OPEN" %}selected{% endif %}>Open</option>
        <option value="SETTLED" {% if status_q == "SETTLED" %}selected{% endif %}>Settled</option>
        <option value="CANCELLED" {% if status_q == "CANCELLED" %}selected{% endif %}>Cancelled</option>
      </select>
    </div>
    <div class="col-md-3 d-flex align-items-end">
      <button type="submit" class="btn btn-sm btn-primary mr-2">Filter</button>
      <a href="{% url 'sales:spottrip_add' %}" class="btn btn-sm btn-success">
        + New Spot Trip
      </a>
    </div>
  </div>
</form>

<div class="table-responsive">
  <table class="table table-sm table-bordered">
    <thead class="thead-light">
      <tr>
        <th>Trip #</th>
        <th>Date</th>
        <th>Staff</th>
        <th>Vehicle</th>
        <th>Route</th>
        <th>Status</th>
        <th>Sale Inv #</th>
        <th style="width: 140px;">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% if trips %}
        {% for t in trips %}
          <tr>
            <td>{{ t.trip_no }}</td>
            <td>{{ t.transaction_date|date:"Y-m-d" }}</td>
            <td>{% if t.staff %}{{ t.staff.name }}{% endif %}</td>
            <td>{{ t.vehicle_desc }}</td>
            <td>{{ t.route_desc }}</td>
            <td>{{ t.status }}</td>
            <td>{{ t.sale_invoice_no }}</td>
            <td>
              <a href="{% url 'sales:spottrip_edit' t.trip_no %}"
                 class="btn btn-xs btn-primary">Edit</a>
              {% if t.status != "SETTLED" %}
                <a href="{% url 'sales:spottrip_settle' t.trip_no %}?settle=1"
                   class="btn btn-xs btn-success">Settle</a>
              {% endif %}
              <a href="{% url 'sales:spottrip_delete' t.trip_no %}"
                 class="btn btn-sm btn-danger"
                 onclick="return confirm('Are you sure you want to delete this Spot Trip?');">
                Delete
              </a>

            </td>
          </tr>
        {% endfor %}
      {% else %}
        <tr>
          <td colspan="8" class="text-center text-muted">
            No spot trips found for selected filters.
          </td>
        </tr>
      {% endif %}
    </tbody>
  </table>
</div>

{% endblock %}