{% extends "pos/base.html" %}
{% block content %}
<h2>Outgoing Payments</h2>
<a href="{% url 'stock_transfer:payment_create' %}" class="btn btn-primary mb-3">+ New Payment</a>
<table class="table table-striped">
  <thead>
    <tr>
      <th>Date</th>
      <th>To Branch</th>
      <th>Amount</th>
      <th>Status</th>
      <th style="width:160px;">Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for t in transfers %}
      <tr>
        <td>{{ t.created_at|date:"Y-m-d H:i" }}</td>
        <td>{{ t.to_branch.branch_name }}</td>
        <td>{{ t.amount }}</td>
        <td>{{ t.get_status_display }}</td>
        <td>
          {% if t.status == 'pending' %}
            <a href="{% url 'stock_transfer:payment_delete' t.pk %}"
               class="btn btn-sm btn-danger"
               onclick="return confirm('Cancel this pending payment?');">
               Cancel
            </a>
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="5">No outgoing payments.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}