{% set asset_binding = asset_image_bindings.get(asset.id) or {} %}
{% set bound_ref = asset_binding.get('reference_id', '') %}
{% set bound_pin = asset_binding.get('pin') %}
{% set bound_ref_item = (creative_references | selectattr('id', 'equalto', bound_ref) | list | first) if bound_ref else None %}
<div class="info-card asset-card">
  <div class="info-card-head">
    <div>
      <div class="info-title">{{ asset.id }} · {{ asset.name }}</div>
      <div class="muted">{{ asset_type_label }} · 图片</div>
    </div>
    {% if bound_pin %}
    <span class="badge">已锁参考图</span>
    {% elif asset.type == "product" and asset.source_reference_id %}
    <span class="badge">已自动匹配</span>
    {% elif asset_binding_ready.get(asset.id) %}
    <span class="badge">已绑定</span>
    {% elif asset.must_upload %}
    <span class="badge danger">必传</span>
    {% else %}
    <span class="badge neutral">待生成</span>
    {% endif %}
  </div>

  {% if asset_preview_urls.get(asset.id) %}
  <img
    class="asset-preview"
    src="{{ asset_preview_urls.get(asset.id) }}"
    alt="{{ asset.name }}"
    loading="lazy"
    decoding="async"
    fetchpriority="low"
  >
  {% else %}
  <div class="asset-preview empty">暂无图片素材</div>
  {% endif %}

  {% if asset_binding.get('user_cleared') and not bound_ref %}
  <div class="info-desc"><span class="badge neutral">已恢复 AI 生成（不再用上传图）</span></div>
  {% elif bound_ref %}
  <div class="info-desc">
    <span class="badge">当前用上传图 {{ bound_ref }}{% if bound_ref_item %} · {{ bound_ref_item.filename }}{% endif %}{% if bound_pin %}（已锁定）{% endif %}</span>
  </div>
  {% elif asset.type == "product" and asset.source_reference_id %}
  <div class="info-desc"><span class="badge">系统自动匹配产品图 {{ asset.source_reference_id }}</span></div>
  {% endif %}

  {% if asset_reference_controls and creative_references %}
  <form
    class="asset-reference-form"
    method="post"
    action="{{ url_for('set_project_asset_reference', project_id=project_id, asset_id=asset.id) }}"
    data-loading="正在应用参考图..."
    style="margin:8px 0 2px;"
  >
    <label class="asset-prompt-label" for="assetReference{{ asset.id }}">用已上传的参考图</label>
    <div style="display:flex;gap:6px;align-items:center;">
      <select
        id="assetReference{{ asset.id }}"
        name="reference_id"
        class="asset-reference-select"
        style="flex:1 1 auto;min-width:0;height:28px;font-size:12px;border:1px solid #d5dce8;border-radius:8px;background:#fff;color:#1f2a3d;"
        title="选好后点「应用」：该资产直接用这张上传原图（跳过 AI 生图），H3 生成时也一定带这张原图；选「AI 生成」再应用可清除、恢复生图。"
      >
        <option value="" {% if not bound_ref %}selected{% endif %}>AI 生成（默认）</option>
        {% for ref in creative_references %}
        {# 角色标签：新项目用用户标的 role（人物图带序号），老项目回退 ARK 视觉理解的 kind #}
        {% set ref_label = ('人物 ' ~ ref.character_index) if (ref.role == 'character' and ref.character_index)
                           else (asset_reference_roles.get(ref.role)
                                 or (asset_reference_roles.get(ref.analysis.kind) if ref.analysis else '')
                                 or '参考图') %}
        <option value="{{ ref.id }}" {% if bound_ref == ref.id %}selected{% endif %}>
          {{- ref.id }} · {{ ref_label }} · {{ ref.filename -}}
        </option>
        {% endfor %}
      </select>
      <button class="mini-btn" type="submit">应用</button>
    </div>
    <div class="muted" style="font-size:11px;margin-top:2px;">手选优先级最高：选定后自动匹配与重新生成都不会覆盖它。</div>
  </form>
  {% endif %}

  <div class="asset-prompt-block">
    <label class="asset-prompt-label" for="assetPrompt{{ asset.id }}">图片提示词</label>
    <textarea
      id="assetPrompt{{ asset.id }}"
      class="asset-prompt-textarea"
      name="image_prompt"
      form="assetGenerate{{ asset.id }}"
    >{{ asset_image_prompts.get(asset.id, "") }}</textarea>
  </div>

  <div class="asset-actions">
    <form method="post" enctype="multipart/form-data" action="{{ url_for('upload_asset_image', project_id=project_id, asset_id=asset.id) }}" data-loading="正在上传资产素材...">
      <input
        id="assetUpload{{ asset.id }}"
        class="hidden-file-input"
        type="file"
        name="asset_file"
        accept="image/*"
        data-auto-submit-file
      >
      <input type="hidden" name="asset_media_type" value="image">
      <button class="mini-btn" type="button" data-file-trigger="assetUpload{{ asset.id }}">上传素材</button>
    </form>
    <form id="assetGenerate{{ asset.id }}" method="post" action="{{ url_for('generate_project_asset_image', project_id=project_id, asset_id=asset.id) }}" data-loading="正在调用火山引擎生成资产图...">
      <button class="mini-btn primary" type="submit">AI 生成</button>
    </form>
    <form method="post" action="{{ url_for('delete_project_asset', project_id=project_id, asset_id=asset.id) }}" onsubmit="return confirm('确定删除整个资产吗？该资产会从资产目录和所有镜头绑定中移除；引用它的提示词和已生成镜头将失效。');">
      <button class="mini-btn danger" type="submit">删除资产</button>
    </form>
  </div>
</div>