{#
  EVENT DATE -> field_event_date_range
  IMAGE -> field_image
  LOCATION -> field_location
  TITLE -> title
  DESCRIPTION -> body
  RECORDING LINK -> field_link_to_source
  REGISTER LINK -> LINK TO CONTENT ? 
  PAST EVENT -> preprocess_node in .theme file -> $variables['past_event].
#}
{%  set classes = [
    'upcoming-publication-single',
    'node',
    'node--type-' ~ node.bundle|clean_class,
    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
    ]
%}

<article
  {{ attributes.addClass(classes) }}>
  {# Image #}
  
  {# location | publication date #}
  <div class="publication-wrapper" style="background-image:url({{ content.field_home_hero_image[0] }})">
    <div class="home-slider-overlay"></div>
    <div class="publication-description">
      {# <p class="publication-time">{{ content.field_publication_date.value|date("j F Y") }}</p> #}
      <div class="publication-type">{{ node_type }}</div>
      
    {{ content.field_location }}  <p class="publication-time"> / {{ content.field_event_date_text[0]['#context']['value'] }}</p>

      {# title #}
      <a class="publication-title" href="{{url}}">
        <span>{{ node.title[0].value }}</span>
      </a>
      <div class="publication-body">
        {{ content.field_abstract_full_text[0]['#text']|striptags }}
        {% if content.field_abstract_full_text[0]|length < 1 %}
          {{ content.body[0]['#text']|striptags }}
        {% endif %}
        {{body}}
      </div>
    </div>
    <div class="publication-actions d-flex justify-content-start">
    
    {% if past_event == 'true' %}
      <a class="btn btn-primary" href="{{ event_link }}" title="Go to next page" rel="next" tabindex="-1">Watch Recording</a>
    {% else %}
      <a class="btn btn-primary" href="{{ event_link }}" title="Go to next page" rel="next" tabindex="-1">Register Here</a>
    {% endif %}
    <div>
      
    </div>
      {% set pageUrl = url('<front>') %}
      {% set source = url('<current>')['#markup']|split('/events')|first %}
      {% set hostUrl = pageUrl['#markup']|trim('/') %}
      <div class="social-sharing-buttons">
        <a class="facebook-share-button" href="#" onclick="window.open('http://www.facebook.com/sharer.php?u={{ hostUrl }}{{ url }}','_blank', 'width=500,height=500')">
          <span class="fa fa-facebook fa-1x"></span>
        </a>
        <a aria-label="Find us on twitter" href="#" onclick="window.open('https://twitter.com/intent/tweet?text={{ node.title[0].value }}&via=resolvenet&url={{ hostUrl }}{{ url }}','_blank', 'width=400,height=500','_blank', 'width=500,height=500')" tabindex="-1">
          <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={{ hostUrl }}{{ url }}&title={{ node.title[0].value }}&summary={{ node.body[0].value|striptags|slice(0, 100) }}&source={{ hostUrl }}{{ url }}','_blank', 'width=500,height=500')">
          <span class="fa fa-linkedin fa-1x"></span>
        </a>
        <a href="mailto:mailto:?subject={{ node.title[0].value }}&body={{ hostUrl }}{{ url }}">
          <span class="fa fa-envelope fa-1x"></span>
        </a>
      </div>

      <div>
        <a href="{{ url }}" class="read-more-arrow" tabindex="-1"></a>
      </div>
    </div>
  </div>
</article>