{#
  Inbox-specific macros.

  Kept separate from ``_macros.html`` (which holds the shared hand-drawn
  primitives) so the inbox can evolve without touching that file. Each
  macro here renders semantic HTML with the class names listed in the
  inbox contract — CSS styling lives in ``static/inbox.css``.
#}

{% from "_macros.html" import brush_mark %}


{# Status dot — 8px circle whose background + ring are picked by CSS based
   on the modifier class. Four states mirror the schema's lifecycle
   timestamps: unread (peach + ring), read (transparent), pinned (indigo),
   archived (inkFaint). #}
{% macro status_dot(state) -%}
<span class="dropcard__dot dropcard__dot--{{ state }}" aria-hidden="true"></span>
{%- endmacro %}


{# Priority badge — inline mono label. Only renders visible text for
   urgent/high; ``normal`` and ``low`` collapse to empty so the separator
   stack in the DropCard meta row doesn't need per-priority branching.
   ``urgent``/``high`` include a BrushMark before the label per the
   handoff's ``PriorityBadge`` component. #}
{% macro priority_badge(priority) -%}
{%- if priority == "urgent" -%}
<span class="dropcard__priority dropcard__priority--urgent">
  {{ brush_mark(variant="urgent") }}
  <span class="dropcard__priority-label">urgent</span>
</span>
{%- elif priority == "high" -%}
<span class="dropcard__priority dropcard__priority--high">
  {{ brush_mark(variant="high", color="var(--color-peach)") }}
  <span class="dropcard__priority-label">high</span>
</span>
{%- endif -%}
{%- endmacro %}


{# DropCard — the single row in the inbox list.

   ``drop`` is the ORM row; ``time_ago_text`` is the pre-formatted string
   passed in from the template (the filter is cheap, but callers already
   loop so we accept the string rather than invoke the filter inside the
   macro). #}
{% macro dropcard(drop, time_ago_text) -%}
{%- set state = "archived" if drop.archived_at else
                "pinned"   if drop.pinned_at   else
                "read"     if drop.read_at     else
                "unread" -%}
{%- set is_unread = (state == "unread") -%}
<a class="dropcard" href="/d/{{ drop.short_id }}">
  <div class="dropcard__meta">
    {{ status_dot(state) }}
    {% if drop.source %}
      <span class="dropcard__source">{{ drop.source }}</span>
      <span class="dropcard__sep" aria-hidden="true">·</span>
    {% endif %}
    <span class="dropcard__time">{{ time_ago_text }}</span>
    {% if state == "pinned" %}
      <span class="dropcard__sep" aria-hidden="true">·</span>
      <span class="dropcard__pin-marker">
        <svg width="9" height="9" viewBox="0 0 9 9" aria-hidden="true" focusable="false">
          <path d="M4.5 1 L 5.5 4 L 8 4.5 L 6 6 L 6.5 8.5 L 4.5 7 L 2.5 8.5 L 3 6 L 1 4.5 L 3.5 4 Z" fill="currentColor"/>
        </svg>
        pinned
      </span>
    {% endif %}
    {% if drop.priority in ("urgent", "high") %}
      <span class="dropcard__sep" aria-hidden="true">·</span>
      {{ priority_badge(drop.priority) }}
    {% endif %}
  </div>
  <div class="dropcard__title dropcard__title--{{ 'unread' if is_unread else 'read' }}">
    {{ drop.title }}
  </div>
  {% if drop.body %}
    <div class="dropcard__summary">{{ drop.body }}</div>
  {% endif %}
</a>
{%- endmacro %}