{% extends "videos/base.html" %}

{% load thumbnail %}
{% block video-content %}
<ul id="video-list">
    {% for video in video_list %}
    <li>
        {% with chapters=video.chapter_set.all speakers=video.speakers.all %}
        {% url 'videos_detail' slug=video.slug as video_detail_url %}

        {% if video.length %}<span class="video-length"><strong>{{ video.length_display }}</strong></span>{% endif %}
        <h3><a href="{{ video_detail_url }}">{{ video.title }}</a></h3>
        {% if speakers %}<span class="video-speakers">With: <strong>{% for speaker in speakers %}{{ speaker.name }}{% if not forloop.last %}, {% endif %}{% endfor %}</strong></span>{% endif %}
        {% if video.preview %}{% thumbnail video.preview "166x92" as im %}<a class="video-preview" href="{{ video_detail_url }}"><img src="{{ im.url }}" ></a>{% endthumbnail %}{% endif %} 
        {% if chapters %}
        <div class="chapters">
            <ul>
                {% for chapter in chapters %}
                <li><a id="chapter-{{ chapter.pk }}" href="{{ video_detail_url }}#{{ chapter.seconds }}">{{ chapter.title }}</a></li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}
        {% endwith %}
    </li>
    {% endfor %}
</ul>
{% endblock video-content %}