{# templates/_language_row.html — one optional detection-language row.
   Context: `lang` = {code, name, installed, ui_state, reason?}, `token`.
   Self-swaps via outerHTML so polling / download replace this element. #}
<div class="lang-row"
     {% if lang.ui_state == "running" %}
       hx-get="/settings/languages/{{ lang.code }}/status?t={{ token }}"
       hx-trigger="every 2s"
       hx-swap="outerHTML"
     {% endif %}>
  <span class="name">{{ lang.name }}</span>

  {% if lang.ui_state == "installed" %}
    <span class="lang-badge ok">✓ {{ _('settings.lang.installed') }}</span>

  {% elif lang.ui_state == "done_restart" %}
    <span class="lang-badge ok">✓ {{ _('settings.lang.restart_hint') }}</span>

  {% elif lang.ui_state == "running" %}
    <span class="lang-badge">
      <span class="lang-spinner" aria-hidden="true"></span>{{ _('settings.lang.downloading') }}
    </span>

  {% elif lang.ui_state == "failed" %}
    <span class="lang-badge err"{% if lang.reason %} title="{{ lang.reason }}"{% endif %}>
      {{ _('settings.lang.failed') }}
    </span>
    <button class="btn"
            hx-post="/settings/languages/{{ lang.code }}/download?t={{ token }}"
            hx-target="closest .lang-row"
            hx-swap="outerHTML">
      {{ _('settings.lang.download') }}
    </button>

  {% else %}{# available #}
    <button class="btn"
            hx-post="/settings/languages/{{ lang.code }}/download?t={{ token }}"
            hx-target="closest .lang-row"
            hx-swap="outerHTML">
      {{ _('settings.lang.download') }}
    </button>
  {% endif %}
</div>