{# Companies table body — used as both initial render and HTMX fragment target #}

{% if companies %}
<div class="bg-slate-800 rounded-xl border border-slate-700 overflow-hidden">
  <!-- Table header -->
  <div class="grid grid-cols-7 gap-4 px-4 py-3 bg-slate-750 border-b border-slate-700 text-xs font-medium text-slate-400 uppercase tracking-wider">
    <div class="col-span-2">Company</div>
    <div>ATS Platform</div>
    <div>Slug</div>
    <div>Last Scanned</div>
    <div>Jobs Found</div>
    <div class="text-center">Enabled</div>
  </div>

  <!-- Company rows -->
  {% for company in companies %}
  <div id="company-{{ company.id }}">
    {% include "companies/_row.html" %}
  </div>
  {% endfor %}
  {% if has_more %}
  {# hx-trigger="intersect once" instead of "revealed" because the page scrolls
     inside #main-content (overflow-y-auto) — revealed does not fire reliably
     inside CSS-overflow scroll containers per HTMX 2.x docs. #}
  <div hx-get="{{ url_for('companies.index', page=page + 1, search=search or '', ats_platform=ats_platform or '', sort_by=sort_by) }}"
       hx-trigger="intersect once"
       hx-swap="outerHTML"
       class="py-4 text-center text-slate-500 text-sm">
    Loading more...
  </div>
  {% endif %}
</div>
{% else %}
<div class="bg-slate-800 rounded-xl border border-slate-700 p-12 text-center">
  <svg class="w-12 h-12 text-slate-600 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
          d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/>
  </svg>
  <p class="text-slate-400 text-sm">No companies yet. Jobs ingested from Gmail or ATS scans will appear here automatically.</p>
  <p class="text-slate-500 text-xs mt-2">Or add a company manually using the "Add Company" button above.</p>
</div>
{% endif %}