{#- Backlog cards, refetched on backlog.* events. Expects: backlog_project (None: all projects),
    open_items, history, show_history, filter_qs. -#}
{%- set base = "/p/" ~ backlog_project.slug ~ "/backlog" if backlog_project else "/backlog" %}
{%- set view_qs = filter_qs ~ ("&history=1" if filter_qs and show_history else ("history=1" if show_history else "")) %}
{%- set back = base ~ ("?" ~ view_qs if view_qs else "") %}
{%- macro item(b, actions) -%}
<article id="backlog-{{ b.id }}" class="card backlog-card status-{{ b.status }}">
  <div class="backlog-head">
    <span class="card-key">#{{ b.id }}</span>
    <h3 class="backlog-title">{{ b.title }}</h3>
  </div>
  <div class="card-meta backlog-meta">
    <time class="muted" datetime="{{ b.created_at }}">{{ b.created_at[:10] }}</time>
    {% if not backlog_project %}<a class="backlog-project" href="/p/{{ b.project_slug }}/backlog">{{ b.project_slug }}</a>{% endif %}
    {% if b.area %}<span class="chip backlog-area">{{ b.area }}</span>{% endif %}
    {% if b.priority %}<span class="backlog-status backlog-priority">priority {{ b.priority }}</span>{% endif %}
    {% if b.assignee %}<span class="backlog-status backlog-for">for {{ b.assignee }}</span>{% endif %}
    <span class="backlog-origin muted">{{ b.origin }}
      {%- if b.origin_task_key %} · <a href="/p/{{ b.project_slug }}?task={{ b.origin_task_key }}">{{ b.origin_task_key }}</a>{% if b.origin_task_stage %} <span class="stage-pill stage-{{ b.origin_task_stage }}">{{ label(b.origin_task_stage) }}</span>{% endif %}{% endif %}
      {%- if b.origin_session_name %} · <a href="/sessions">{{ b.origin_session_name }}</a>{% endif %}
      {%- if b.intake_message_id %} · message #{{ b.intake_message_id }}{% endif -%}
    </span>
    <span class="backlog-status status-{{ b.status }}">{{ b.status }}</span>
    {%- if b.task_key %} <a href="/p/{{ b.project_slug }}?task={{ b.task_key }}">{{ b.task_key }}</a>{% endif %}
    {%- if b.status in ("declined", "done") and b.decline_reason %} <span class="muted backlog-reason">{{ b.decline_reason }}</span>{% endif %}
    {%- if b.status == "done" and b.link %} <a class="backlog-link" href="{{ b.link }}" rel="noopener noreferrer" target="_blank">{{ b.link }}</a>{% endif %}
  </div>
  {#- An intake item's body is external text: plain text, never markdown. #}
  {% if b.body_md %}<details class="backlog-body"><summary class="muted">what</summary>{% if b.origin == "intake" %}<p class="intake-text">{{ b.body_md }}</p>{% else %}<div class="markdown">{{ b.body_md|markdown }}</div>{% endif %}</details>{% endif %}
  {% if actions %}
  <form class="backlog-queue" method="post" action="/backlog/{{ b.id }}/queue">
    <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}"><input type="hidden" name="back" value="{{ back }}">
    <label>Priority
      <select name="priority">{% for p in range(9, -10, -1) %}<option value="{{ p }}"{% if p == b.priority %} selected{% endif %}>{{ p }}</option>{% endfor %}</select>
    </label>
    <label>For <input name="assignee" value="{{ b.assignee or '' }}" maxlength="100" list="backlog-assignees" placeholder="nobody yet"></label>
    <button type="submit" class="btn">Save</button>
  </form>
  <div class="backlog-actions">
    <form method="post" action="/backlog/{{ b.id }}/plan" data-confirm="Create a task in {{ label('plan') }} from #{{ b.id }} {{ b.title }}?">
      <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}"><input type="hidden" name="back" value="{{ back }}">
      <button type="submit" class="btn primary">To plan</button>
    </form>
    {% if b.status != "later" %}
    <form method="post" action="/backlog/{{ b.id }}/later">
      <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}"><input type="hidden" name="back" value="{{ back }}">
      <button type="submit" class="btn">Later</button>
    </form>
    {% endif %}
    <details class="bind-picker">
      <summary class="btn">Done</summary>
      <form class="bind-menu" method="post" action="/backlog/{{ b.id }}/done">
        <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}"><input type="hidden" name="back" value="{{ back }}">
        <label class="field"><span>Link (optional)</span><input name="link" type="url" maxlength="500" placeholder="https://"></label>
        <button type="submit" class="btn">Done</button>
      </form>
    </details>
    <details class="bind-picker">
      <summary class="btn">Not doing</summary>
      <form class="bind-menu" method="post" action="/backlog/{{ b.id }}/decline">
        <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}"><input type="hidden" name="back" value="{{ back }}">
        <label class="field"><span>Why not</span><input name="reason" required maxlength="500"></label>
        <button type="submit" class="btn danger">Not doing</button>
      </form>
    </details>
  </div>
  {% endif %}
</article>
{%- endmacro %}
<div id="backlog" hx-get="/fragments/backlog?{{ fragment_qs }}" hx-trigger="rb:refresh" hx-swap="outerHTML">
  {% if open_items %}
  <div class="backlog-list">{% for b in open_items %}{{ item(b, True) }}{% endfor %}</div>
  {% else %}
  <p class="muted">Nothing open on the backlog.</p>
  {% endif %}
  {% if history %}
  <details class="panel backlog-history"{% if show_history %} open{% endif %}>
    <summary><h2>Planned, done and declined <span class="col-count">{{ history|length }}</span></h2></summary>
    <div class="backlog-list">{% for b in history %}{{ item(b, False) }}{% endfor %}</div>
  </details>
  {% endif %}
</div>