{% load asset_filters %}
{% with pills=asset|schedule_pills %}
<tr data-asset-id="{{ asset.asset_id }}" data-processing="{{ asset.is_processing|yesno:'true,false' }}" data-name="{{ asset.name|default:''|escape }}" data-duration="{{ asset.duration|default:0 }}">
  <td data-label="Name" data-no-label>
    <div class="asset-cell-name">
      {% if is_active %}<i class="ti ti-grip-vertical drag-handle" title="Drag to reorder"></i>{% endif %}
      <span class="asset-cell-name__icon">
        {% if asset.mimetype == 'image' %}<i class="ti ti-photo"></i>
        {% elif asset.mimetype == 'video' %}<i class="ti ti-video"></i>
        {% else %}<i class="ti ti-world"></i>
        {% endif %}
      </span>
      <span class="asset-cell-name__title">
        <span class="asset-cell-name__primary" title="{{ asset.name }}">{{ asset.name }}</span>
        {% if pills %}
        <span class="schedule-chips">
          {% for pill in pills %}
          <span class="schedule-chip schedule-chip--{{ pill.kind }}">
            {% if pill.kind == 'all' %}<i class="ti ti-calendar-check"></i>
            {% elif pill.kind == 'time' %}<i class="ti ti-clock"></i>
            {% else %}<i class="ti ti-calendar-event"></i>{% endif %}
            <span>{{ pill.label }}</span>
          </span>
          {% endfor %}
        </span>
        {% endif %}
      </span>
    </div>
  </td>
  {% with window=asset|schedule_window %}
  <td data-label="Schedule window">
    <div class="schedule-window schedule-window--{{ window.kind }}">
      <div class="schedule-window__dot" aria-hidden="true"></div>
      <div>
        <p class="schedule-window__primary">{{ window.primary }}</p>
        {% if window.secondary %}<p class="schedule-window__secondary">{{ window.secondary }}</p>{% endif %}
      </div>
    </div>
  </td>
  {% endwith %}
  <td data-label="Duration">{{ asset.duration|humanize_duration }}</td>
  <td data-label="Enabled">
    {% if asset.is_processing %}
    <span class="processing-pill"><i class="ti ti-refresh"></i>Processing</span>
    {% elif asset.metadata.error_message %}
    {% comment %} Processing failed and the celery task wrote
       metadata.error_message via _NormalizeAssetTask.on_failure.
       The pill is a button — clicking it opens the Edit Asset
       modal which renders the full message + any attached ffmpeg
       recipe as a copyable <code> block. Title attribute is kept
       as a hover preview for desktop operators; the click path is
       the canonical action (works on touch, supports copy). {% endcomment %}
    <button type="button"
          class="error-pill"
          title="{{ asset.metadata.error_message }}"
          aria-label="Processing failed: {{ asset.metadata.error_message }} — click to view details"
          @click='openEdit({{ asset|to_json }})'>
      <i class="ti ti-alert-triangle"></i>Failed
    </button>
    {% else %}
    <form method="post" action="{% url 'anthias_app:assets_toggle' asset_id=asset.asset_id %}" class="m-0">
      {% csrf_token %}
      <div class="app-check app-switch activity-toggle m-0">
        <input
          type="checkbox"
          class="app-check-input"
          {% if asset.is_enabled %}checked{% endif %}
          aria-label="Toggle active"
          onchange="this.form.requestSubmit()"
        >
      </div>
    </form>
    {% endif %}
  </td>
  <td class="text-right" data-label="Actions">
    <div class="action-group">
      <button
        type="button"
        class="app-btn app-btn-icon"
        title="Preview"
        @click='openPreview({{ asset|to_json }})'
      ><i class="ti ti-eye"></i></button>
      <a
        href="{% url 'anthias_app:assets_download' asset_id=asset.asset_id %}"
        class="app-btn app-btn-icon"
        title="Download"
      ><i class="ti ti-download"></i></a>
      <button
        type="button"
        class="app-btn app-btn-icon"
        title="Edit"
        @click='openEdit({{ asset|to_json }})'
      ><i class="ti ti-pencil"></i></button>
      <button
        type="button"
        class="app-btn app-btn-icon"
        title="Delete"
        @click="openDelete('{{ asset.asset_id }}', '{{ asset.name|default:''|escapejs }}')"
      ><i class="ti ti-trash"></i></button>
    </div>
  </td>
</tr>
{% endwith %}