{% assign time = event.date | date: "%H:%M" %}
{% assign endTime = event.endDate | date: "%H:%M" %}

{% if time and time != '00:00' %}
  <p class="event-time textbox inline-block">
    {{time}}
    {% if endTime %}
      → {{ endTime }}
    {% endif %}
  </p>
{% endif %}

<li class="margin-32-bottom flex flex-justify-space-between flex-align-center textbox event">
  <span class="flex-5 margin-0 text-lg">
    {% if event.ref != "no-ref" %}
      <a href="/rf2020/events/{{ event.ref }}.html" class="margin-0">{{ event.title_ }}</a>
      {% if event.format and event.format != 'misc' %}
        <small class="prog-item--format sup flex-1 margin-0">[{{ event.format }}]</small>
      {% endif %}
    {% else %}
      <p class="margin-0 bold">{{ event.title_ }}</p>
    {% endif %}
  </span>

  <span class="hide-mobile text-right flex-2 margin-0">
    {% for eventParticipantId in event.participants %}
      {% for participant in site.data.rf2020.participants %}
        {% if participant.id == eventParticipantId %}
          <a href="/rf2020/participants/{{ participant.ref }}.html" class="margin-0 with-url-arrow block">{{ participant.fullname }}</a>
        {% endif %}
      {% endfor %}
    {% endfor %}
  </span>

</li>