{% extends "base.html" %}
{% block title %}Tickets · {{ event.title }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <h1>Tickets · {{ event.title }}</h1>
    <p>{{ event.price }} {{ event.currency|upper }} each{% if event.seats_remaining is not None %} · {{ event.seats_remaining }} left{% endif %}</p>
    <form method="post">
      {% csrf_token %}
      <p><label>Email <input name="email" type="email" required></label></p>
      <p><label>Name <input name="customer_name"></label></p>
      <p><label>Quantity <input name="quantity" type="number" min="1" value="1"></label></p>
      <button class="button button-primary" type="submit">Pay with Stripe</button>
    </form>
  </div>
</section>
{% endblock %}