{% extends "_layouts/main" %}

{% block main %}

{% include "_includes/subpageHeader" %}

<div class="container main-section">

{# Set month counter #}

{% set eventMonth = '00' %}

{# Loop through events #}

{% for event in craft.entries.section('events').orderBy('').all %}

{# Check if event belongs to existing month #}

{% if event.eventDateTime|date('m') != eventMonth %}

<div class="row hq-event-month">
	<div class="col-12 text-center">
		<h1>{{ event.eventDateTime|date('F') }}</h1>
	</div>
</div>

{% set eventMonth = event.eventDateTime|date('m') %}

{% endif %}

{# Display event info #}

<div class="row justify-content-center hq-event-block">

	<div class="col-4">
		<a href="{{ event.eventLink }}" target="_blank"><img src="{{ event.eventImage.one.getUrl('productThumb') }}" alt="{{ event.title }}"></a>
	</div>

	<div class="col-6">

		<h4>{{ event.eventDateTime|date('M d') }}</h4>

		<h3>{{ event.title }}</h3>

		{{ event.eventDescription }}

		<a href="{{ event.eventLink }}" target="_blank" class="btn btn-primary">Event Page <i class="fas fa-chevron-right"></i></a>

	</div>
	
</div>

{% endfor %}

</div>

{% endblock %}