{% load lca2018_tags %}
{% load lca2019_tags %}
{% load waffle_tags %}


{% for row in timetable %}
{% if forloop.last %}
{% else %}
{% for slot in row.slots %}
<div class="mobile-slot my-3">
  {% if forloop.first %}
    <h3>{{ row.time|date:"h:iA" }}&ndash;{{ row.end|date:"h:iA" }}</h3>
  {% endif %}
  {% with slot.kind.label.lower as label %}
  {% if label == "talk" or label == "tutorial" %}
  {% if slot.content %}
  <p>
    <a href="{% url "schedule_presentation_detail" slot.content.pk %}">{{ slot.content.title }}</a>
    <br>
    {{ slot.content.speakers|join:", "}}
  </p>
  {% listlookup timetable.rooms forloop.counter0 as room_names %}
  <p><em>{{ room_names }}<br />ends {{ slot.end }}</em></p>
  {% endif %}
  {% elif label == "shortbreak" %}
  {% else %}
    {% if slot.content_override %}
      {{ slot.content_override_html|safe }}
  {% else %}
    <div class="d-flex align-items-center">
  <p>{{ slot.kind.label }}</p>
    </div>
  {% endif %}
  {% endif %}
  {% endwith %}

  {% if edit_schedule %}
  <a class="btn btn-secondary btn-sm edit-slot" role="button" data-action="{% url "schedule_slot_edit" schedule.section.slug slot.pk %}" href="#">Edit</a>
  {% endif %}
</div>
{% endfor %}
{% endif %}
{% endfor %}