{%  set classes = [
    'upcoming-event-single',
    'node',
    'node--type-' ~ node.bundle|clean_class,
    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
    ]
%}

<article
	{{ attributes.addClass(classes) }}>

	{# Image #}
	{{ content.field_image }}
	{# location | Event date #}
	<div class="event-wrapper">
		<div class="event-description">
			<p class="event-time">{{ content.field_event_date.value|date("F j, g:i a") }}</p>

			{# title #}
			<a class="event-title" href="{{url}}">
				<span>{{ node.title[0].value }}<span>
			</a>
			<div class="event-body">
				{{ node.body[0].value|striptags|length > 100 ? node.body[0].value|striptags|slice(0, 100) ~ '...' : node.body[0].value|striptags }}
			</div>
		</div>
		<div class="event-actions d-flex justify-content-between">
			<a class="button" href="">Register Here</a>
			{% set pageUrl = url('<current>') %}
			{% set source = url('<current>')['#markup']|split('/events')|first %}
			<div class="social-sharing-buttons">
				<a class="facebook-share-button" href="#" onclick="window.open('http://www.facebook.com/sharer.php?u={{ source }}{{ url }}','_blank', 'width=500,height=500')">
					<span class="fa fa-facebook fa-1x"></span>
				</a>
				<a class="twitter-share-button" href="#" onclick="window.open('https://twitter.com/intent/tweet?text={{ node.title[0].value }}&via=resolvenet&url={{ source }}{{ url }}','_blank', 'width=400,height=500','_blank', 'width=500,height=500')">
					<span class=" fa fa-twitter fa-1x"></span>
				</a>
				<a class="js-linkedin-share-button" href="#" onclick="window.open('https://www.linkedin.com/shareArticle?mini=true&url={{ source }}{{ url }}&title={{ node.title[0].value }}&summary={{ node.body[0].value|striptags|slice(0, 100) }}&source={{ source }}','_blank', 'width=500,height=500')">
					<span class="fa fa-linkedin fa-1x"></span>
				</a>
				<a href="mailto:mailto:?subject={{ node.title[0].value }}&body={{ source }}{{ url }}">
					<span class="fa fa-envelope fa-1x"></span>
				</a>
			</div>
		</div>
	</div>
</article>