{% extends "base.html" %}
{% block headers %}
  <link rel="stylesheet"
        href="{{ url_for('static', filename='css/planning.css') }}">
{% endblock %}
{% block content %}
<div id="main_wrapper">
  <div id="#schedule">
    {% for slot in slots %}
    <div class="slot">
      <div class="metadata">
        <div class="title">{{slot["title"]}}</div>
        <div class="speakers">
          {% for speaker in slot["speakers"] %}
          <div class="speaker">
            <div class="name">{{speaker["name"]}}</div>
            <img class="speaker_avatar" src="{{speaker['avatar']}}"/>
            <div class="speaker_biography">{{speaker["biography"]}}</div>
          </div>
          {% endfor %}
        </div>
        <div class="type">{{slot["submission_type"]["fr"]}}</div>
        <div class="start">{{slot["slot"]["start"]}}</div>
        <div class="duration">{{slot["duration"]}}</div>
        <div class="room">{{slot["slot"]["room"]["fr"]}}</div>
        <div class="locale">{{slot["content_locale"]}}</div>
      </div>
      <div class="data">
        <div class="abstract">{{slot["abstract"]}}</div>
        <div class="description">{{slot["description"]}}</div>
        <img class="data_img" src="{{slot['image']}}"/>
        <div class="resources">
          {% for resource in slot["resources"] %}
          <div class="resources">
            <a href="{{resource['resource']}}">{{resource["description"]}}</a>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}