{% 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 4 per fan)</label>
    <input type="number" name="quantity" min="1" max="4" value="1" required>
    <button type="submit">Buy tickets</button>
  </form>
  <p class="muted flaw-tag">Note: the "max 4" above is only a form hint - nothing stops a direct POST with a larger quantity.</p>
  {% else %}
  <p class="muted">Log in to buy tickets.</p>
  {% endif %}
</div>
{% endblock %}