{% from "_macros.html" import cover, source_stack %}
{# 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).

   ARG-243: one card = one event. An event and a lone document render through
   this same markup — no branch in the layout, only in where the card links
   (``/event/<id>`` vs the unchanged ``/item/<id>``) and how many outlets the
   source stack shows. Keep/Pass act on the representative document
   (``action_id``); ``entry=<id>`` asks the route to re-render this same event
   card rather than the document's own.

   The bare Keep/Pass re-render of a lone card passes a plain namespace without
   the FeedItem helpers, hence the ``default`` fallbacks below.

   ``card_delay`` is supplied by the list loop for the staggered entrance
   animation. A bare action response has none and is marked ``card--swapped``
   instead of ``rise``; the page only lifts its button row and eyebrow out of
   it (see .card-actions below), so it never replays the entrance.

   ``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 kind = item.kind | default('item') %}
{% set is_event = kind == 'event' %}
{% set action_id = item.action_id | default(item.id) %}
{% set href = item.href | default('/item/' ~ item.id) %}
{% set domains = item.source_domains | default(()) %}
{% set cat = (item.category.value if item.category else 'none')|lower %}
<article class="card{% if card_delay is defined %} rise{% else %} card--swapped{% endif %}{% if is_featured %} card--featured{% endif %}{% if is_event %} card--event{% endif %}" id="feed-card-{{ item.id }}"
         data-item-id="{{ action_id }}"
         {% if is_event %}data-event-id="{{ item.id }}"{% endif %}
         style="--d: {{ card_delay | default('0.00') }}s">
  {# Card taps open the in-app reader (ARG-138) or the event page (ARG-243);
     the cover carries a view-transition name so it morphs into the detail
     hero on navigation. #}
  {{ cover(item.image_url, item.category, href, item.source_url, transition_id=item.id) }}
  <div class="body">
    <p class="eyebrow eyebrow--{{ cat }}" id="eyebrow-{{ item.id }}">
      {% 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 %}
      {# Ring-only trust gauge (ARG-189): the conic sweep alone reads at eyebrow
         scale — the exact % lives on the detail page's labeled dial. #}
      {% if item.trust_score is not none %}
      {% set trust_pct = ((item.trust_score|float) * 100)|round(0)|int %}
      <span class="trust-dial trust-dial--sm eyebrow__trust"
            role="img"
            aria-label="신뢰도 {{ trust_pct }}%"
            title="신뢰도 {{ trust_pct }}%"
            style="--p: {{ trust_pct }};"></span>
      {% endif %}
    </p>
    <h2 class="headline">
      <a href="{{ href }}">{{ item.title }}</a>
    </h2>
    {% if item.summary %}
    <p class="summary">{{ item.summary }}</p>
    {% endif %}
    {% 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).
       ``featured=1`` keeps the hero a hero after the swap; ``entry=<id>``
       keeps an event card an event card. Params are appended only when set so
       untriaged lone cards keep their bare URLs. #}
    {% set common = (['featured=1'] if is_featured else []) + (['entry=' ~ item.id] if is_event else []) %}
    {% set keep_params = common + (['active=1'] if is_kept else []) %}
    {% set pass_params = common + (['active=1'] if is_passed else []) %}
    <div class="card-foot">
      {{ source_stack(domains if domains else [item.source_url | domain], item.doc_count | default(1)) }}
      {# The route still answers with this whole card, but only the button row
         (and, out of band, the eyebrow's status badge) is swapped in. Replacing
         the whole <article> re-created the cover <img> — it re-fetched and
         flashed blank, so every press looked like the card reloading. The
         pressed state itself is applied on tap by instant-nav.js. #}
      <div class="card-actions" id="actions-{{ item.id }}"
           hx-target="#actions-{{ item.id }}"
           hx-select="#actions-{{ item.id }}"
           hx-select-oob="#eyebrow-{{ item.id }}"
           hx-swap="outerHTML">
        <button class="card-action card-action--keep{% if is_kept %} is-active{% endif %}"
                aria-pressed="{{ 'true' if is_kept else 'false' }}"
                hx-post="/items/{{ action_id }}/keep{% if keep_params %}?{{ keep_params | join('&') }}{% endif %}">{% 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/{{ action_id }}/pass{% if pass_params %}?{{ pass_params | join('&') }}{% endif %}">{% if is_passed %}✓ Pass{% else %}Pass{% endif %}</button>
      </div>
    </div>
  </div>
</article>