{% extends "modules/marketplace/templates/marketplace/public_base.html" %}
{% block public_content %}
<section class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8">
  <div class="flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between">
    <div><h1 class="text-3xl font-bold">Audit Firms</h1><p class="mt-2 text-slate-600">Active audit firms available in the marketplace.</p></div>
    <a href="/request-service" class="rounded-xl bg-brand-600 px-4 py-2 text-sm font-semibold text-white">Request Service</a>
  </div>
  <div class="mt-8 grid gap-5 md:grid-cols-2 lg:grid-cols-3">
    {% for firm in public_audit_firms %}
    <article class="rounded-3xl border border-slate-200 bg-white p-6 shadow-soft">
      <div class="text-lg font-bold">{{ firm.name }}</div>
      <div class="mt-1 text-sm text-slate-500">{{ firm.firm_type|replace('_',' ')|title if firm.firm_type else 'Audit Firm' }}</div>
      <div class="mt-4 rounded-2xl bg-slate-50 p-3 text-xs text-slate-500">Service enquiry can be routed by the marketplace team.</div>
    </article>
    {% else %}
    <div class="col-span-full rounded-3xl border border-dashed border-slate-300 bg-white p-8 text-center text-slate-500">No public audit firm listing is available yet.</div>
    {% endfor %}
  </div>
</section>
{% endblock %}