<header class="mb-3">
  <h3 class="mb-1"><a href="{{ event.url }}">{{ event.name }}</a></h3>

  <p class="small text-muted">{{ event.event.local_start_at | date: '%A, %B %d, %Y at %I:%M %p' }}
    {% if event.event.is_multi_day? %}
    through {{ event.event.local_end_at | event_date }}
    {% endif %}
    {% if event.event.is_ticket_required? %}
    &middot; {{ event.event.ticket_price_with_currency }}
    {% elsif event.event.is_user_ticket_required? %}
    &middot; {{ event.event.user_ticket_price_with_currency }}
    {% endif %}
    {% if event.event.show_guests? and event.event.rsvps_count > 0 %}
    &middot;
    <a href="{{ event.url }}">{{ event.event.rsvps_count }} rsvp{% if event.event.rsvps_count > 1 %}s{% endif %}</a>
    {% endif %}
    {% if event.event.has_venue? %}
      &middot;
      {% if event.event.has_venue_address? %}
        <a href="{{ event.event.venue_address.google_map_link }}">{{ event.event.venue_name }}</a> in {{ event.event.venue_address.location }}
      {% else %}
        {{ event.event.venue_name }}
      {% endif %}
    {% endif %}
  </p>
</header>

{% if event.event.content.size > 0 %}
<div class="truncate-200" data-truncate="200">
  {{ event.event.content }}
</div>
{% endif %}

{% if event.event.is_maximum_capacity? %}
<div class="mt-3"><a class="btn btn-danger" href="{{ event.url }}">Sold out</a></div>
{% elsif event.event.is_past? == false %}
  {% if event.event.is_ticket_required? %}
    <div class="mt-3"><a class="btn btn-primary" href="{{ event.url }}">Buy tickets</a></div>
  {% elsif event.event.accept_rsvps? %}
    <div class="mt-3"><a class="btn btn-primary" href="{{ event.url }}">RSVP</a></div>
  {% endif %}
{% endif %}