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


{% block content %}
  <div class="card mt-4">
    <div class="card-header">
      <h2>
        <a href="{% url 'file' object.id %}">
          &larr; {{ object.title }}
        </a>
      </h2>
    </div>
    <div class="card-body">
      <img src="{% url 'youtube_thumbnail' object.id %}" style="width:100%">
      <div class="row mt-4">
        {% for t in templates %}
          <div class="col-md-4">
            <a href="{% url 'youtube_thumbnail' object.id t.id %}">
              <img src="{% url 'youtube_thumbnail' object.id t.id %}" style="width:100%">
            </a>
          </div>
        {% endfor %}
      </div>
    </div>
  </div>

  <div class="card mt-4 mb-4">
    <div class="card-header">
      <h2>{{ title }}</h2>
    </div>
    <div class="card-body">
      {{ description|linebreaksbr }}
    </div>
  </div>
{% endblock %}