{% extends "base.html" %}
{% block content %}
{% if not booths %}
  <div class="empty">
    No booths yet.<br>
    Drop a folder of media into <code>{{ data_dir }}</code> and it lands here.
  </div>
{% else %}
  <div class="grid">
    {% for b in booths %}
    <article class="card">
      <a class="thumb" href="/b/{{ b.name_url }}/">
        {% if b.thumb_url %}
          <img loading="lazy" src="/b/{{ b.name_url }}/{{ b.thumb_url }}" alt="">
        {% elif b.has_index %}
          <div class="ph">▦ page</div>
        {% elif b.kinds.video %}
          <div class="ph">▶ video</div>
        {% elif b.kinds.audio %}
          <div class="ph">♪ audio</div>
        {% else %}
          <div class="ph">◆ files</div>
        {% endif %}
      </a>
      <div class="meta">
        <a class="name" href="/b/{{ b.name_url }}/">{{ b.name }}</a>
        <div class="sub">{{ b.count }} item{{ '' if b.count == 1 else 's' }} · expires in {{ b.expires_in|dur }}</div>
      </div>
      <form class="wipe" method="post" action="/b/{{ b.name_url }}/delete"
            onsubmit="return confirm('Wipe booth “{{ b.name }}”?')">
        <button title="wipe now" aria-label="wipe booth">×</button>
      </form>
    </article>
    {% endfor %}
  </div>
{% endif %}
{% endblock %}