{% extends "base/layout.html" %}
{% block content %}
  <div class="flex items-center justify-between">
    <h1 class="text-2xl font-semibold">Audit Firms</h1>
    <a href="/system-settings/tenants/new" class="rounded-xl bg-slate-900 text-white px-4 py-2 text-sm">Add Audit Firm</a>
  </div>

  <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 Code</th>
          <th class="text-left p-3">Audit Firm Name</th>
          <th class="text-left p-3">Active</th>
        </tr>
      </thead>
      <tbody>
        {% for t in tenants %}
          <tr class="border-t">
            <td class="p-3">{{ t.id }}</td>
            <td class="p-3">{{ t.code }}</td>
            <td class="p-3">{{ t.name }}</td>
            <td class="p-3">{{ "Yes" if t.is_active else "No" }}</td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
{% endblock %}