
<div class="np-card-spacing-large">
  {% include "training_session_date" %}

  <div class="np-training-session-time">
    <i class="fal fa-clock np-button-color np-training-session-icon"></i>
    {{ training_session.time_period }} {{ training_session.time_zone }}<br><br>
    <div class="gmt-time" style="display:none">
      <i class="fal fa-clock np-button-color np-training-session-icon"></i>
      <span class="europe-converted-time"></span> BST
    </div>

  </div>

  {% if training_session.location %}
    <div class="np-training-session-location">
      <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
      {{ training_session.location }}
    </div>
  {% endif %}

  {% if training_session.session_url %}
    {% if training_session.registered? %}
      <div class="np-training-session-location" id="sessionLocation" style="display:none;">
        <i class="fal fa-map-marker-alt np-button-color np-training-session-icon"></i>
        <a href="{{ training_session.session_url }}" class="np-button-color" target="_blank" >
          {{ training_session.session_url }}
        </a>
      </div>
    {% endif %}
  {% endif %}
</div>

