{% for img in images %}
<div class="image-card{% if img.is_rare %} rare-card{% endif %}" data-image-id="{{ img.id }}">
  <div class="image-card-thumb">
    <span class="image-index">{{ start_index + loop.index0 }}</span>
    {% if img.is_rare %}
    <span class="badge rare image-badge-left">★レア</span>
    {% endif %}
    {% if img.status.value in ('お気に入り', '殿堂入り') %}
    <div class="image-favorite-stack">
      {% if img.status.value == '殿堂入り' %}
      <span class="image-crown" title="殿堂入り">👑</span>
      {% endif %}
      <span class="image-favorite" title="お気に入り">♥</span>
    </div>
    {% endif %}
    {% if img.thumb_path and file_exists(img.thumb_path) %}
    <a href="/view/{{ img.id }}{{ list_query(status_filter, rare_only, media_filter|default(''), thread_id|default(none), sort|default('')) }}" class="image-card-link">
      <img src="/thumb/{{ img.id }}" alt="">
      {% if img.content_type and 'video' in img.content_type %}
      <div class="video-overlay"><span>▶</span></div>
      {% endif %}
    </a>
    {% elif img.content_type and 'video' in img.content_type and img.file_path and file_exists(img.file_path) %}
    <a href="/view/{{ img.id }}{{ list_query(status_filter, rare_only, media_filter|default(''), thread_id|default(none), sort|default('')) }}" class="image-card-link">
      <img src="/thumb/{{ img.id }}" alt="動画サムネイル">
      <div class="video-overlay"><span>▶</span></div>
    </a>
    {% elif img.content_type and 'video' in img.content_type %}
    <a href="/view/{{ img.id }}{{ list_query(status_filter, rare_only, media_filter|default(''), thread_id|default(none), sort|default('')) }}" class="image-card-link image-card-placeholder">
      <div>▶</div>
      <div>動画 ({{ format_bytes(img.file_size) }})</div>
    </a>
    {% elif img.thumb_path %}
    <a href="/view/{{ img.id }}{{ list_query(status_filter, rare_only, media_filter|default(''), thread_id|default(none), sort|default('')) }}" class="image-card-link">
      <img src="/thumb/{{ img.id }}" alt="">
    </a>
    {% else %}
    <span class="image-card-nothumb">サムネイルなし</span>
    {% endif %}
  </div>
  <div class="image-card-body">
    <div class="image-card-source">
      <span class="badge source-badge">{{ thread_board_label(img.thread.board_type) }}</span>
      <div class="image-card-thread-title" title="{{ thread_display_title(img.thread) }}">
        {{ thread_display_title(img.thread) }}
      </div>
      {% if img.thread.board_type != 'direct' %}
      <div class="truncate image-card-thread-url">
        <a href="/go?url={{ img.thread.url | urlencode }}" title="{{ img.thread.url }}">スレッドを開く</a>
      </div>
      {% else %}
      <div class="truncate image-card-thread-url" title="{{ img.image_url }}">
        <a href="/go?url={{ img.image_url | urlencode }}">取得元URL</a>
      </div>
      {% endif %}
    </div>
    <div class="image-card-badges">
      <span class="badge {% if img.save_status.value == '保存済み' %}saved{% elif img.save_status.value == '保存失敗' %}failed{% else %}pending{% endif %}">
        {{ img.save_status.value }}
      </span>
      <span class="badge">{{ img.status.value }}</span>
      {% if img.content_type and 'video' in img.content_type %}
      <span class="badge">動画</span>
      {% endif %}
      {% if img.save_status.value == '保存済み' and img.file_path and not file_exists(img.file_path) %}
      <span class="badge failed">ファイルなし</span>
      {% endif %}
    </div>
    <div class="image-card-meta">
      <div>レス: <strong>{{ img.res_no }}</strong></div>
      <div>投稿: {{ img.post_datetime.strftime('%Y-%m-%d %H:%M') if img.post_datetime else '-' }}</div>
      <div>発見: {{ img.discovered_at.strftime('%Y-%m-%d %H:%M') }}</div>
      {% if img.file_size %}
      <div>サイズ: {{ format_bytes(img.file_size) }}</div>
      {% endif %}
      <div class="truncate" title="{{ img.image_url }}">
        <a href="/go?url={{ img.image_url | urlencode }}">元画像URL</a>
      </div>
      <div class="truncate">
        <a href="/go?url={{ img.res_url | urlencode }}">元レス</a>
      </div>
      {% if img.error_message %}
      <div class="image-card-error">{{ img.error_message }}</div>
      {% endif %}
    </div>
    <div class="image-card-actions">
      {% if img.file_path and file_exists(img.file_path) %}
      <button type="button" class="btn btn-sm" onclick="openMediaWindow('/original/{{ img.id }}')">🗔 別窓で開く</button>
      {% endif %}
      {% if img.status.value == '削除済み' %}
        {% if can_restore_image(img) %}
        <form method="post" action="/images/{{ img.id }}/restore">
          <button type="submit" class="btn btn-primary btn-sm">復活 (残り約{{ ((restore_seconds_left(img) // 60) + 1) }}分)</button>
        </form>
        <span class="image-card-hint">15分後はファイル削除・再取得不可</span>
        {% else %}
        <span class="image-card-hint">完全削除済み（クローラーは再取得しません）</span>
        {% endif %}
      {% else %}
      <form method="post" action="/images/{{ img.id }}/status">
        <input type="hidden" name="status" value="確認済み">
        <button type="submit" class="btn btn-sm">確認済み</button>
      </form>
      <form method="post" action="/images/{{ img.id }}/status">
        <input type="hidden" name="status" value="お気に入り">
        <button type="submit" class="btn btn-sm">お気に入り</button>
      </form>
      <form method="post" action="/images/{{ img.id }}/status">
        <input type="hidden" name="status" value="殿堂入り">
        <button type="submit" class="btn btn-sm">👑 殿堂入り</button>
      </form>
      <form method="post" action="/images/{{ img.id }}/status">
        <input type="hidden" name="status" value="非表示">
        <button type="submit" class="btn btn-sm">非表示</button>
      </form>
      <form method="post" action="/images/{{ img.id }}/status">
        <input type="hidden" name="status" value="削除済み">
        <button type="submit" class="btn btn-danger btn-sm" {% if img.is_rare or img.status.value in ('お気に入り', '殿堂入り') %}disabled title="お気に入り・レアは削除できません"{% endif %}>削除</button>
      </form>
      {% if img.save_status.value == '保存失敗' %}
      <form method="post" action="/images/{{ img.id }}/retry" class="busy-form" data-busy-message="画像を再ダウンロード中...">
        <button type="submit" class="btn btn-sm">再試行</button>
      </form>
      {% endif %}
      {% endif %}
    </div>
  </div>
</div>
{% endfor %}