{% extends "base.html" %}
{% block title %}{{ event.title }} · {{ SITE_NAME }}{% endblock %}
{% block content %}
<section class="section section-lg">
  <div class="container">
    <p><a href="{% url 'events:list' %}">← Events</a></p>
    <h1>{{ event.title }}</h1>
    <p class="muted">{{ event.starts_at|date:"F j, Y g:i A" }}{% if event.venue %} · {{ event.venue }}{% endif %}</p>
    <div>{{ event.description|linebreaks }}</div>
    <p>{{ event.price }} {{ event.currency|upper }}</p>
    {% if event.seats_remaining == 0 %}
    <p>Sold out.</p>
    {% else %}
    <p><a class="button button-primary" href="{% url 'events:buy' event.slug %}">Buy tickets</a></p>
    {% endif %}
  </div>
</section>
{% endblock %}