{% extends "base.html" %}
{% load static %}
{% block title %}
Расписание
{% endblock title %}
{% block content %}
<link href="{% static 'css/style.css' %}" rel="stylesheet">
<link href="{% static 'css/timetable/timetable.css' %}" rel="stylesheet">
<div class="timetable_block">
    <h1 class="header_title">Расписание</h1>
    <div class="container">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            {% for date in films_sessions %}
            {% include "includes/date_timetable_button.html" %}
            {% endfor %}
        </ul>
        <div class="tab-content" id="myTabContent">
            {% for date, sessions in films_sessions.items %}
            <div class="tab-pane fade timetable_body {% if forloop.counter0 == 0 %} show active {% endif %}"
                 id="content-{{ date|date:'Y-m-d' }}" role="tabpanel"
                 aria-labelledby="tab-{{ date }}"
                 aria-selected="{% if forloop.counter0 == 0 %} true {% else %} false {% endif %}">
                {% for film, session in sessions.items %}
                {% include "includes/film_timetable_card.html" %}
                {% endfor %}
            </div>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}