{% extends "base.html" %}
{% block title %}Events · {{ SITE_NAME }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <h1 class="text-uppercase">Events</h1>
    {% for event in events %}
    <article style="margin:0 0 32px">
      <h2><a href="{{ event.get_absolute_url }}">{{ event.title }}</a></h2>
      <p class="muted">{{ event.starts_at|date:"F j, Y g:i A" }}{% if event.venue %} · {{ event.venue }}{% endif %}</p>
      <p>{{ event.price }} {{ event.currency|upper }}{% if event.seats_remaining is not None %} · {{ event.seats_remaining }} seats left{% endif %}</p>
    </article>
    {% empty %}
    <p>No upcoming events.</p>
    {% endfor %}
  </div>
</section>
{% endblock %}