{% from "_macros.html" import cover %}
{# Single feed card — the source of truth for both the initial feed list
   (_feed_items.html loops + includes this) and the HTMX Keep/Pass action
   swaps returned by POST /items/{id}/keep|pass (ARG-136 / ARG-139).

   ``card_delay`` is supplied by the list loop for the staggered entrance
   animation and defaults to 0 when rendered bare as an action response.

   ``is_featured`` is supplied only by the first-page list loop (ARG-175); it
   is undefined — and thus falsy — on the bare Keep/Pass action re-render, so
   the magazine hero degrades to a standard card there. #}
{% set cat = (item.category.value if item.category else 'none')|lower %}
<article class="card rise{% if is_featured %} card--featured{% endif %}" id="feed-card-{{ item.id }}"
         style="--d: {{ card_delay | default('0.00') }}s">
  {# Card taps open the in-app reader (ARG-138); "원문 보기" on the detail
     page handles the external source_url redirect. #}
  {{ cover(item.image_url, item.category, "/item/" ~ item.id, item.source_url) }}
  <div class="body">
    {# Editorial eyebrow: category (tinted) · source domain · optional status.
       The mono "instrument readout" line that anchors the headline. #}
    <p class="eyebrow eyebrow--{{ cat }}">
      {% if item.category %}
      <span class="eyebrow__cat">{{ item.category.value }}</span>
      {% endif %}
      <span class="eyebrow__src">{{ item.source_url | domain }}</span>
      {% if item.status %}
      <span class="status-badge status-badge--{{ item.status.value|lower }}">{{ item.status.value }}</span>
      {% endif %}
    </p>
    <h2 class="headline">
      <a href="/item/{{ item.id }}">{{ item.title }}</a>
    </h2>
    {# Triage-generated one-liner; auto-escaped. CSS line-clamps it (3 lines on
       the featured hero, 2 on standard cards). Omitted entirely when the
       column is null so no empty element reserves space. #}
    {% if item.summary %}
    <p class="summary">{{ item.summary }}</p>
    {% endif %}
    {# Current triage state drives an active (pressed) button so a Keep/Pass is
       obviously reflected — a small eyebrow badge alone read as "nothing
       happened". Both buttons stay live so the choice can be changed.
       ``?featured=1`` tells the action route to re-render the swapped-in card
       as the hero again, so an action on the featured card does not collapse it
       to a standard grid cell mid-list. #}
    {% set is_kept = item.status and item.status.value == 'Keep' %}
    {% set is_passed = item.status and item.status.value == 'Archived' %}
    {# ``active=1`` tells the toggle route the button was rendered pressed, so a
       click clears the decision *based on what the user saw* — a stale
       service-worker-cached ✓ card can't invert the action (see toggle_asset).
       Params are appended only when set so untriaged cards keep their bare URLs. #}
    {% set keep_params = (['featured=1'] if is_featured else []) + (['active=1'] if is_kept else []) %}
    {% set pass_params = (['featured=1'] if is_featured else []) + (['active=1'] if is_passed else []) %}
    <div class="card-actions">
      <button class="card-action card-action--keep{% if is_kept %} is-active{% endif %}"
              aria-pressed="{{ 'true' if is_kept else 'false' }}"
              hx-post="/items/{{ item.id }}/keep{% if keep_params %}?{{ keep_params | join('&') }}{% endif %}"
              hx-target="#feed-card-{{ item.id }}"
              hx-swap="outerHTML">{% if is_kept %}✓ Keep{% else %}Keep{% endif %}</button>
      <button class="card-action card-action--pass{% if is_passed %} is-active{% endif %}"
              aria-pressed="{{ 'true' if is_passed else 'false' }}"
              hx-post="/items/{{ item.id }}/pass{% if pass_params %}?{{ pass_params | join('&') }}{% endif %}"
              hx-target="#feed-card-{{ item.id }}"
              hx-swap="outerHTML">{% if is_passed %}✓ Pass{% else %}Pass{% endif %}</button>
    </div>
  </div>
</article>