{# Compact company row — click company name to expand #}
{# Used standalone for toggle/collapse responses and within _table.html #}

{% set is_disabled = not company.scan_enabled %}

<div id="company-row-{{ company.id }}"
     class="grid grid-cols-7 gap-4 px-4 py-3 border-b border-slate-700/50 hover:bg-slate-750 transition-colors items-center
            {% if is_disabled %}opacity-50{% endif %}">

  <!-- Company name (clickable to expand) -->
  <div class="col-span-2 flex items-center gap-2">
    <button
      hx-get="{{ url_for('companies.expand', company_id=company.id) }}"
      hx-target="#company-{{ company.id }}"
      hx-swap="innerHTML"
      class="text-left text-sm font-medium text-slate-100 hover:text-violet-300 transition-colors truncate">
      {{ company.name_raw }}
    </button>
    {% if company.homepage_url %}
    <a href="{{ company.homepage_url }}" target="_blank" rel="noopener"
       class="text-slate-500 hover:text-slate-300 flex-shrink-0" title="{{ company.homepage_url }}">
      <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
              d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
      </svg>
    </a>
    {% endif %}
  </div>

  <!-- ATS Platform badge -->
  <div>
    {% if company.ats_probe_status == 'error' %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-amber-700 text-amber-200">
      Error ({{ company.retry_count or 0 }}/3)
    </span>
    {% elif company.ats_probe_status == 'miss' and company.miss_reason == 'unreachable' %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-red-700 text-red-300">
      Unreachable
    </span>
    {% elif company.ats_platform == 'lever' %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-700 text-green-200">Lever</span>
    {% elif company.ats_platform == 'greenhouse' %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-teal-700 text-teal-200">Greenhouse</span>
    {% elif company.ats_platform == 'ashby' %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-purple-700 text-purple-200">Ashby</span>
    {% else %}
    <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-slate-600 text-slate-400">
      {{ company.ats_probe_status or 'pending' }}
    </span>
    {% endif %}
  </div>

  <!-- ATS Slug -->
  <div class="text-xs font-mono text-slate-400 truncate" title="{{ company.ats_slug or '' }}">
    {{ company.ats_slug or '—' }}
  </div>

  <!-- Last scanned -->
  <div class="text-xs text-slate-400">
    {% if company.last_scanned_at %}
    {{ company.last_scanned_at | relative_date }}
    {% else %}
    <span class="text-slate-600">Never</span>
    {% endif %}
  </div>

  <!-- Jobs found total -->
  <div class="text-sm text-slate-300">
    {{ company.jobs_found_total or 0 }}
  </div>

  <!-- Scan enabled toggle + Retry button for error/unreachable companies -->
  <div class="flex justify-center items-center gap-2">
    {% if company.ats_probe_status == 'error' or (company.ats_probe_status == 'miss' and company.miss_reason == 'unreachable') %}
    <button
      hx-post="{{ url_for('companies.retry', company_id=company.id) }}"
      hx-target="#company-{{ company.id }}"
      hx-swap="innerHTML"
      hx-indicator="#retry-spinner-{{ company.id }}"
      hx-on:click="event.stopPropagation()"
      title="Retry ATS probe"
      class="px-2 py-1 bg-amber-700 hover:bg-amber-600 text-amber-100 text-xs rounded transition-colors flex items-center gap-1">
      <span class="htmx-indicator hidden" id="retry-spinner-{{ company.id }}">
        <svg class="animate-spin h-3 w-3 inline" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
          <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
          <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"></path>
        </svg>
      </span>
      Retry
    </button>
    {% endif %}
    <button
      hx-post="{{ url_for('companies.toggle', company_id=company.id) }}"
      hx-target="#company-{{ company.id }}"
      hx-swap="innerHTML"
      title="{{ 'Disable scanning' if company.scan_enabled else 'Enable scanning' }}"
      class="relative inline-flex h-5 w-9 items-center rounded-full transition-colors focus:outline-none
             {% if company.scan_enabled %}bg-violet-600{% else %}bg-slate-600{% endif %}">
      <span class="inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform
                   {% if company.scan_enabled %}translate-x-4{% else %}translate-x-1{% endif %}">
      </span>
    </button>
  </div>

</div>