{% extends "pos/base.html" %}
{% block title %}Transfers{% endblock %}
{% block heading %}Transfers{% endblock %}

{% block content %}
<div class="d-flex mb-3">
  <a class="btn btn-success font-weight-bold mr-2" href="{% url 'products:transfers_add' %}">
    + New Transfer
  </a>
  <a class="btn btn-info font-weight-bold" href="{% url 'products:reports_transfers' %}">
    Reports
  </a>
</div>

<div class="card mb-3">
  <div class="card-body">
    <form method="get" class="form-row">
      <div class="form-group col-md-2">
        <label>Date From</label>
        <input type="date" name="date_from" class="form-control" value="{{ filters.date_from }}">
      </div>
      <div class="form-group col-md-2">
        <label>Date To</label>
        <input type="date" name="date_to" class="form-control" value="{{ filters.date_to }}">
      </div>
      <div class="form-group col-md-2">
        <label>Status</label>
        <select name="status" class="form-control">
          <option value="">All</option>
          <option value="{{ StockTransfer.STATUS_DRAFT }}"  {% if filters.status == StockTransfer.STATUS_DRAFT %}selected{% endif %}>DRAFT</option>
          <option value="{{ StockTransfer.STATUS_POSTED }}" {% if filters.status == StockTransfer.STATUS_POSTED %}selected{% endif %}>POSTED</option>
          <option value="{{ StockTransfer.STATUS_VOID }}"   {% if filters.status == StockTransfer.STATUS_VOID %}selected{% endif %}>VOID</option>
        </select>
      </div>
      <div class="form-group col-md-2">
        <label>Type</label>
        <select name="transfer_type" class="form-control">
          <option value="">All</option>
          <option value="{{ StockTransfer.TYPE_VARIANT }}" {% if filters.transfer_type == StockTransfer.TYPE_VARIANT %}selected{% endif %}>VARIANT</option>
          <option value="{{ StockTransfer.TYPE_WAREHOUSE }}" {% if filters.transfer_type == StockTransfer.TYPE_WAREHOUSE %}selected{% endif %}>WAREHOUSE</option>
        </select>
      </div>
      <div class="form-group col-md-3">
        <label>Search</label>
        <input type="text" name="q" class="form-control" value="{{ filters.q }}" placeholder="transfer#, remarks, warehouse...">
      </div>
      <div class="form-group col-md-1 d-flex align-items-end">
        <button class="btn btn-primary btn-block">Go</button>
      </div>
    </form>
  </div>
</div>

<div class="card">
  <div class="card-body table-responsive">
    <table class="table table-sm table-bordered">
      <thead class="thead-light">
        <tr>
          <th>#</th>
          <th>Date</th>
          <th>Type</th>
          <th>Mode</th>
          <th>Status</th>
          <th>Warehouses</th>
          <th>Remarks</th>
          <th style="width:220px;">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for r in rows %}
        <tr>
          <td>{{ r.transfer_no }}</td>
          <td>{{ r.transfer_date }}</td>
          <td>{{ r.transfer_type }}</td>
          <td>{{ r.mode }}</td>
          <td><strong>{{ r.status }}</strong></td>
          <td>
            {% if r.transfer_type == StockTransfer.TYPE_WAREHOUSE %}
              {{ r.from_warehouse }} → {{ r.to_warehouse }}
            {% else %}
              —
            {% endif %}
          </td>
          <td>{{ r.remarks|default:"" }}</td>
          <td>
            <a class="btn btn-sm btn-info" href="{% url 'products:transfers_edit' r.transfer_no %}">Edit</a>
            <a class="btn btn-sm btn-secondary" target="_blank" href="{% url 'products:transfers_print' r.transfer_no %}">Invoice</a>
            <a class="btn btn-sm btn-dark" target="_blank" href="{% url 'products:transfers_challan' r.transfer_no %}">Challan</a>
          </td>
        </tr>
        {% empty %}
        <tr><td colspan="8" class="text-muted">No transfers found.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}