{# Single batch table row. Clickable -- navigates to batch detail page.

   Variables:
     batch (CloudBatch): The batch object to render.
#}
{% set meta = batch.metadata_json | parse_json %}
{% set tags = batch.tags_json | parse_json %}
<tr onclick="window.location='/dash/batches/{{ batch.id }}'"
    class="cursor-pointer hover:bg-gray-50 border-b border-gray-100 transition-colors">
  <td class="px-4 py-3 font-medium text-gray-900">{{ batch.name }}</td>
  <td class="px-4 py-3 text-gray-600">{{ meta.get('strain', '-') if meta else '-' }}</td>
  <td class="px-4 py-3 text-gray-600">{{ meta.get('operator', '-') if meta else '-' }}</td>
  <td class="px-4 py-3 text-gray-500">{{ batch.created_at.strftime('%Y-%m-%d %H:%M') if batch.created_at else '-' }}</td>
  <td class="px-4 py-3">
    <span class="inline-block px-2 py-0.5 text-xs rounded-full
      {% if batch.lifecycle == 'active' %}bg-green-100 text-green-700
      {% elif batch.lifecycle == 'completed' %}bg-blue-100 text-blue-700
      {% else %}bg-gray-100 text-gray-600{% endif %}">
      {{ batch.lifecycle | capitalize }}
    </span>
    {% if tags %}
      {% for tag in tags if tags is iterable and tags is not mapping %}
        <span class="inline-block px-2 py-0.5 text-xs rounded-full bg-yellow-100 text-yellow-700 ml-1">{{ tag }}</span>
      {% endfor %}
    {% endif %}
  </td>
</tr>