<li class="event-list-item">
  {% if event.logmein? %}
    {% if event.pending? %}
      <span class="sk-badge sk-badge__pending">Pending</span>
    {% elsif event.waiting? %}
      <span class="sk-badge sk-badge__waiting">Waiting</span>
    {% endif %}
    {{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span> {% t .event_held_online %}
      <div class="event-list-item__actions uk-float-right">
        <a href="{{ event.join_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
      </div>
  {% endif %}
  {% if event.internal? %}
    {{ event.starts_at }} {% t .is_your %} <span class="uk-text-primary event-list-item__title">{{ event.title }}</span>
    {% if event.location_name %}
      {% t .event_held_in %} {{ event.room_name }} {% t .at %} {{ event.location_name }}
    {% endif %}
    {% if event.session_url %}
      <div class="event-list-item__actions uk-float-right">
        <a href="{{ event.session_url }}" target="_blank">{% t .join %}</a> <i class="actions-ellipsis-button"></i>
      </div>
    {% endif %}
  {% endif %}
</li>
