{% macro kind_icon(kind) -%}
{%- if kind == 'image' -%}
<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="3"/><circle cx="9" cy="9" r="2"/><path d="m21 15-5-5L5 21"/></svg>
{%- elif kind == 'video' -%}
<svg viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="5" width="15" height="14" rx="3"/><path d="m17 10 5-3v10l-5-3z"/></svg>
{%- elif kind == 'audio' -%}
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
{%- else -%}
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/></svg>
{%- endif -%}
{%- endmacro %}

{% macro copy_button(value, label="Copy") -%}
<button class="copy-btn" type="button" data-copy="{{ value }}" title="{{ label }}" aria-label="{{ label }}">
    <svg viewBox="0 0 24 24" aria-hidden="true"><rect x="9" y="9" width="12" height="12" rx="2"/><path d="M5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"/></svg>
</button>
{%- endmacro %}

{% macro item_card(e) -%}
<a class="card kind-{{ e.kind }}" href="/item/{{ e.kind }}/{{ e.id }}">
    <div class="thumb">
        {% if e.missing %}
        <div class="placeholder missing">
            <span class="placeholder-icon">{{ kind_icon(e.kind) }}</span>
            <span class="placeholder-ext">FILE MISSING</span>
        </div>
        {% elif e.kind == 'image' %}
        <img src="/item/{{ e.kind }}/{{ e.id }}/file" alt="{{ e.reference }}" loading="lazy" decoding="async">
        {% elif e.kind == 'video' %}
        <video src="/item/{{ e.kind }}/{{ e.id }}/file#t=0.5" muted loop playsinline preload="metadata"></video>
        <span class="play-badge" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg></span>
        {% else %}
        <div class="placeholder">
            <span class="placeholder-icon">{{ kind_icon(e.kind) }}</span>
            <span class="placeholder-ext">{{ e.suffix or e.kind | upper }}</span>
        </div>
        {% endif %}
        <span class="chip ref">{{ e.reference }}</span>
        {% if e.score is defined %}<span class="chip score" title="Cosine similarity">{{ '%.2f' | format(e.score) }}</span>{% endif %}
    </div>
    <div class="card-body">
        <span class="card-title" title="{{ e.source_url or '' }}">{{ e.source_url | host if e.source_url else 'unknown source' }}</span>
        <span class="card-meta">
            <span class="kind-dot"></span>{{ e.kind }}{% if e.size is not none %} · {{ e.size | size }}{% endif %}
            <span class="spacer"></span>{{ e.created_at | time_ago }}
        </span>
    </div>
</a>
{%- endmacro %}