{% extends 'pos/base.html' %}
{% block content %}
<h1>Branch Connections</h1>

{% if messages %}
  <ul class="messages">
    {% for message in messages %}
      <li class="{{ message.tags }}">{{ message }}</li>
    {% endfor %}
  </ul>
{% endif %}

<a href="{% url 'stock_transfer:connection_create' %}" class="btn btn-primary">+ Connect Branch</a>

<table class="table mt-3">
  <thead>
    <tr>
      <th>From Branch</th>
      <th>→ Customer (id / t_id)</th>
      <th>To Branch</th>
      <th>→ Customer (id / t_id)</th>
      <th>Created</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for c in connections %}
      <tr>
        <td>{{ c.from_branch.branch_name }}</td>
        <td>
          {% if c.from_customer_id %}
            {{ c.from_customer_id }} / {{ c.from_customer_tid }}
          {% else %}
            —
          {% endif %}
        </td>
        <td>{{ c.to_branch.branch_name }}</td>
        <td>
          {% if c.to_customer_id %}
            {{ c.to_customer_id }} / {{ c.to_customer_tid }}
          {% else %}
            —
          {% endif %}
        </td>
        <td>{{ c.created_at|date:'Y-m-d H:i' }}</td>
        <td>
          <a href="{% url 'stock_transfer:connection_delete' c.id %}" class="btn btn-danger btn-sm">Delete</a>
        </td>
      </tr>
    {% empty %}
      <tr><td colspan="6" class="text-muted">No connections yet.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}