{% extends 'pos/base.html' %}
{% block content %}

<h2>Pending Transfers</h2>
<table class="table table-striped">
  <thead>
    <tr>
      <th>Date</th>
      <th>Direction</th>
      <th>Other Branch</th>
      <th>Status</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for t in pending %}
    <tr>
      <td>{{ t.created_at|date:"Y-m-d H:i" }}</td>
      <td>
        {% if t.to_branch_id == current_branch %}Incoming{% else %}Outgoing{% endif %}
      </td>
      <td>
        {% if t.to_branch_id == current_branch %}
          {{ t.from_branch.branch_name }}
        {% else %}
          {{ t.to_branch.branch_name }}
        {% endif %}
      </td>
      <td>{{ t.get_status_display }}</td>
      <td>
        {% if t.to_branch_id == current_branch %}
          <a class="btn btn-sm btn-primary"
             href="{% url 'stock_transfer:transfer_detail' t.pk %}">Review</a>
        {% endif %}
        {% if t.from_branch_id == current_branch %}
          <a class="btn btn-sm btn-danger"
             href="{% url 'stock_transfer:transfer_delete' t.pk %}"
             onclick="return confirm('Cancel this transfer?');">
            Cancel
          </a>
        {% endif %}
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="5">No pending transfers.</td></tr>
    {% endfor %}
  </tbody>
</table>

<hr>


<h2>Transfer History</h2>
<form method="get" class="form-inline mb-3">
  <label>From:</label>
  <input type="date" name="from" value="{{ date_from }}" class="form-control mx-1">
  <label>To:</label>
  <input type="date" name="to"   value="{{ date_to }}"   class="form-control mx-1">
  <label>Status:</label>
  <select name="status" class="form-control mx-1">
    <option value="all"    {% if status == 'all' %}selected{% endif %}>All</option>
    <option value="pending"         {% if status == 'pending' %}selected{% endif %}>Pending</option>
    <option value="approved"        {% if status == 'approved' %}selected{% endif %}>Approved</option>
    <option value="rejected"        {% if status == 'rejected' %}selected{% endif %}>Rejected</option>
  </select>
  <button type="submit" class="btn btn-secondary">Filter</button>
</form>

<table class="table table-bordered">
  <thead>
    <tr>
      <th>Date</th>
      <th>Direction</th>
      <th>Other Branch</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    {% for t in history %}
    <tr>
      <td>{{ t.created_at|date:"Y-m-d H:i" }}</td>
      <td>
        {% if t.to_branch_id == current_branch %}
          Incoming
        {% else %}
          Outgoing
        {% endif %}
      </td>
      <td>
        {% if t.to_branch_id == current_branch %}
          {{ t.from_branch.branch_name }}
        {% else %}
          {{ t.to_branch.branch_name }}
        {% endif %}
      </td>
      <td>{{ t.get_status_display }}</td>
    </tr>
    {% empty %}
    <tr>
      <td colspan="4">No transfers in this range.</td>
    </tr>
    {% endfor %}
  </tbody>
</table>

{% endblock %}