{% extends "base/layout.html" %}
{% block content %}
  <h1 class="text-2xl font-semibold">Branches</h1>

  <div class="mt-4 rounded-2xl bg-white border overflow-hidden">
    <table class="w-full text-sm">
      <thead class="bg-slate-50 text-slate-600">
        <tr>
          <th class="text-left p-3">Audit Firm ID</th>
          <th class="text-left p-3">Audit Firm</th>
          <th class="text-left p-3">Code</th>
          <th class="text-left p-3">Name</th>
          <th class="text-left p-3">Timezone</th>
          <th class="text-left p-3">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for b in branches %}
          <tr class="border-t">
            <td class="p-3">{{ b.id }}</td>
            <td class="p-3">{{ b.tenant_id }}</td>
            <td class="p-3">{{ b.code }}</td>
            <td class="p-3">{{ b.name }}</td>
            <td class="p-3">{{ b.timezone }}</td>
            <td class="p-3">
              <a class="text-slate-900 underline" href="/system-settings/branches/{{ b.id }}/edit">Edit</a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}