{% extends "base.html" %}
{% block content %}
<div class="card">
  <span class="badge">SOLD OUT SOON</span>
  <h1>{{ event.name }}</h1>
  <p class="muted">One night only. The Vault, 200-capacity room.</p>
  <div class="remaining">{{ remaining }} <span style="font-size:16px; color:#b9b6d6;">tickets remaining</span></div>

  {% if user %}
  <form method="post" action="{{ url_for('buy') }}">
    <label>Quantity (max {{ max_per_user }} per fan, enforced on the server)</label>
    <input type="number" name="quantity" min="1" max="{{ max_per_user }}" value="1" required>
    <button type="submit">Buy tickets</button>
  </form>
  <p class="muted">You currently hold {{ held }} of {{ max_per_user }} allowed tickets.</p>
  {% else %}
  <p class="muted">Log in to buy tickets.</p>
  {% endif %}
</div>
{% endblock %}