{% extends "base.html" %}
{% block title %}Capture queue — Garden{% endblock %}

{% block content %}
<h1>Capture queue</h1>

<div class="queue-tabs">
  {% for s in ['new', 'processed', 'archived', 'all'] %}
    <a href="/capture/queue?status={{ s }}"
       class="queue-tab {% if status == s %}active{% endif %}">
      {{ s }}{% if s != 'all' and counts.get(s) %} ({{ counts[s] }}){% endif %}
    </a>
  {% endfor %}
  <a href="/capture" class="btn ghost small" style="margin-left:auto;">+ New capture</a>
</div>

<div class="note-list">
  {% for n in notes %}
    <div class="note-item note-status-{{ n.status }}" data-id="{{ n.id }}">
      <div class="note-meta">
        <span class="note-time">{{ n.created_at[:16].replace('T', ' ') }}</span>
        <span class="note-badge">{{ n.status }}</span>
        <span class="note-actions">
          {% if n.status == 'new' %}
            <button type="button" class="link" data-action="mark" data-status="processed">Mark processed</button>
            <button type="button" class="link" data-action="mark" data-status="archived">Archive</button>
          {% elif n.status == 'archived' %}
            <button type="button" class="link" data-action="mark" data-status="new">Restore</button>
          {% elif n.status == 'processed' %}
            <button type="button" class="link" data-action="mark" data-status="new">Reopen</button>
          {% endif %}
          <button type="button" class="link" data-action="edit">Edit</button>
          <button type="button" class="link danger" data-action="delete">Delete</button>
        </span>
      </div>
      <div class="note-text-wrap">
        {% if n.text %}<div class="note-text">{{ n.text }}</div>{% endif %}
        {% if n.transcript and n.transcript != n.text %}
          <div class="note-transcript muted">{{ n.transcript }}</div>
        {% endif %}
      </div>
      {% if n.audio_path %}
        <audio controls preload="none" src="/notes/{{ n.audio_path }}"></audio>
      {% endif %}
      {% if n.photos %}
        <div class="photo-thumbs">
          {% for p in n.photos %}
            <a href="/notes/{{ p }}" target="_blank"><img src="/notes/{{ p }}" alt="photo"></a>
          {% endfor %}
        </div>
      {% endif %}
      {% if n.processing_notes %}
        <div class="note-processing muted"><strong>Processing:</strong> {{ n.processing_notes }}</div>
      {% endif %}
    </div>
  {% else %}
    <p class="muted">No {{ status }} notes.</p>
  {% endfor %}
</div>
{% endblock %}

{% block scripts %}
<script src="/static/notes-actions.js?v={{ ASSET_VERSION }}"></script>
{% endblock %}