{% extends "base.html" %}
{% block title %}{{ name }} · The Booth{% endblock %}
{% block content %}
<div class="boothhead">
  <a class="back" href="/">‹ all booths</a>
  <h1>{{ name }}</h1>
  <span class="sub">{{ items|length }} item{{ '' if items|length == 1 else 's' }} · expires in {{ expires_in|dur }}</span>
  <form class="wipe wipe-lg" method="post" action="/b/{{ name_url }}/delete"
        onsubmit="return confirm('Wipe this booth now?')">
    <button>Wipe now</button>
  </form>
</div>

{% if not items %}
  <div class="empty">This booth is empty.</div>
{% else %}
  <div class="gallery">
    {% for it in items %}
    <figure class="item item-{{ it.kind }}">
      {% if it.kind == 'image' %}
        <a href="{{ it.url }}" target="_blank" rel="noopener"><img loading="lazy" src="{{ it.url }}" alt="{{ it.name }}"></a>
      {% elif it.kind == 'video' %}
        <video controls preload="metadata" src="{{ it.url }}"></video>
      {% elif it.kind == 'audio' %}
        <audio controls preload="metadata" src="{{ it.url }}"></audio>
      {% else %}
        <a class="dl" href="{{ it.url }}">⬇ {{ it.name }}</a>
      {% endif %}
      <figcaption>{{ it.caption or it.name }}</figcaption>
    </figure>
    {% endfor %}
  </div>
{% endif %}
{% endblock %}