{# get events by taxonomy #}
{% set events =
    page.collection({
      'items': {
        '@taxonomy': {
          'type': 'event',
        }
      },
      'dateRange': {
        'start': datetools.today|date('m/d/Y'),
        'end': datetools.parseDate('+3 months')|date('m/d/Y')
      },
      'order': {
        'by': 'date',
        'dir': 'asc'
      },
      'limit': 4,
      'pagination': true
    })
%}

<div class="sidebar-content upcoming_events">
{% if config.plugins.events.event_sidebar.enable_categories %}
    <h3 class="events-title">{{ "PLUGIN_EVENTS.EVENTS.BY_CATEGORY"|t }}</h3>
    <ul class="event-tags">
    {% for category in eventCategories %}
        <li><a href="{{ base_url }}/events/category{{ config.system.param_sep }}{{ category|e('url') }}">{{ category|capitalize }}</a></li>
    {% endfor %}
    </ul>
{% endif %}

{% if events|length != 0 %}
    <h3 class="events-title">{{ "PLUGIN_EVENTS.EVENTS.UPCOMING_EVENTS"|t }}</h3>
    <ul class="events-list">
    {% set current_header = null %}
    {% for event in events %}
        {% set date_header = event.header.event.start|date('F d') %}
        {% if date_header != current_header %}
        <li class="event-item-separator"></li>
        <li class="event-day">
            <span>{{ event.header.event.start|dateTranslate(config.plugins.events.event_sidebar.header) }}</span>
        </li>
        {% endif %}
        <li class="event-item">
            <time datetime="{{ event.header.event.start|date("c") }}">{{ event.header.event.start|dateTranslate(config.plugins.events.event_sidebar.time)}}</time>
        {% if (config.plugins.events.event_meta.display_location) and (event.header.event.location is not empty) %}
            <a href="{{ event.url }}" class="u-url p-name" title="{{ event.header.event.location }}">{{ event.title }}<span class="location-pin"></span></a>
        {% else %}
            <a href="{{ event.url }}" class="u-url p-name">{{ event.title }}</a>
        {% endif %}
        </li>
        {% set current_header = event.header.event.start|date('F d') %}
    {% endfor %}
    </ul>
{% endif %}
</div>