{% from "_macros.html" import cover %}
{# Portfolio card list fragment (ARG-154). Rendered inside portfolio.html for
   both the "새 신호 있음" (active) and "조용함" (quiet) sections. Shares the
   cover() macro with the feed so the favicon-chip / og-image / glyph branch
   stays identical (a bare favicon is never stretched across the cover). #}
<div class="portfolio-list">
{% for asset in items %}
{% set cat = (asset.category.value if asset.category else 'none')|lower %}
<article class="card rise" id="portfolio-card-{{ asset.id }}" style="--d: {{ '%.2f'|format(loop.index0 * 0.04) }}s">
  {# Card taps open the in-app reader (ARG-138) keyed on the tech_item id;
     "원문 보기" on the detail page handles the external source_url redirect. #}
  {{ cover(asset.image_url, asset.category, "/item/" ~ asset.tech_id, asset.source_url) }}
  <div class="body">
    <p class="eyebrow eyebrow--{{ cat }}">
      {% if asset.category %}
      <span class="eyebrow__cat">{{ asset.category.value }}</span>
      {% endif %}
      <span class="eyebrow__src">{{ asset.source_url | domain }}</span>
      {% if asset.signal_count > 0 %}<span class="pf-badge pf-badge--signal" title="최근 7일 신호 수">🔭 {{ asset.signal_count }}</span>{% endif %}
      {% if asset.lineage_count > 0 %}<span class="pf-badge pf-badge--lineage" title="계보 연결 수">🧬 {{ asset.lineage_count }}</span>{% endif %}
    </p>
    <h2 class="headline">
      <a href="/item/{{ asset.tech_id }}">{{ asset.title }}</a>
    </h2>
    <p class="pf-meta">
      <span>Keep {{ asset.kept_since.strftime('%Y-%m-%d') }}</span>
      {% if asset.last_signal_at %}
      <span class="pf-meta__sep">·</span>
      <span>마지막 신호 {{ asset.last_signal_at.strftime('%Y-%m-%d') }}</span>
      {% endif %}
    </p>
    <div class="card-actions">
      {# Untrack archives the asset; the route returns an empty body so this
         outerHTML swap removes the card from the Keep-only portfolio. #}
      <button class="card-action card-action--untrack"
              hx-post="/assets/{{ asset.id }}/untrack"
              hx-target="#portfolio-card-{{ asset.id }}"
              hx-swap="outerHTML">Untrack</button>
    </div>
  </div>
</article>
{% endfor %}
</div>