{% 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">Consultants</h1><p class="mt-2 text-slate-600">Bookkeeping, filing, advisory and referral partners.</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 consultant in public_consultants %}
    <article class="rounded-3xl border border-slate-200 bg-white p-6 shadow-soft">
      <div class="text-lg font-bold">{{ consultant.firm_name or consultant.contact_person }}</div>
      <div class="mt-1 text-sm text-slate-500">{{ consultant.specialisation or consultant.consultant_type|replace('_',' ')|title }}</div>
      {% if consultant.mobile or consultant.email %}<div class="mt-4 space-y-1 text-xs text-slate-500">{% if consultant.mobile %}<div>{{ consultant.mobile }}</div>{% endif %}{% if consultant.email %}<div>{{ consultant.email }}</div>{% endif %}</div>{% endif %}
    </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 consultant listing is available yet.</div>
    {% endfor %}
  </div>
</section>
{% endblock %}