{% extends "pos/base.html" %}
{% block title %}Branches{% endblock %}
{% block content %}
<div class="container-fluid">
  <h1 class="h3 mb-4 text-gray-800">Branches</h1>
  <a href="{% url 'authentication:branch_add' %}" class="btn btn-primary mb-3">
    <i class="fas fa-plus"></i> Add Branch
  </a>

  <table class="table table-bordered table-hover">
    <thead class="thead-light">
      <tr>
        <th>ID</th>
        <th>Company Name</th>
        <th>Branch Name</th>
        <th>Business Name</th>
        <th>Phone</th>
        <th>Mobile</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for br in branches %}
      <tr>
        <td>{{ br.id }}</td>
        <td>{{ br.company_name }}</td>
        <td>{{ br.branch_name }}</td>
        <td>{{ br.business_name }}</td>
        <td>{{ br.phone_no }}</td>
        <td>{{ br.mobile_no }}</td>
        <td>
          <a href="{% url 'authentication:branch_edit' br.id %}" class="btn btn-sm btn-secondary">
            Edit
          </a>
          <a href="{% url 'authentication:branch_delete' br.id %}" class="btn btn-sm btn-danger">
            Delete
          </a>
        </td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="7" class="text-center">No branches found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}