{% extends 'popojutrze/modules/_base.html' %}
{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-3">
                <div class="row">
                    <div class="col-9">
                        {% include 'popojutrze/modules/_navigation.html' with navigation_item=navigation_item %}
                    </div>
                    <div class="col-3"></div>
                </div>
            </div>
            <div class="col-9">
                <div class="wrapper">
                    <div class="row">
                        <div class="col-12">
                            <div class="title">
                                <h2>{% if navigation_item == 'other-video-list' %}Oceniaj innych{% elif navigation_item == 'own-video-list' %}Moje filmy{% endif %}</h2>
                            </div>
                        </div>
                    </div>
                    {% include 'tasks/modules/_task_answers_header.html' %}
                    <div class="row">
                        <div class="col-12">
                            <div class="polaroid-box">
                                {% for answer in task_answers %}
                                    {% include 'tasks/modules/_task_answers_box.html' with task_answer=answer %}
                                    {% if forloop.counter0 == 2 %}
                                        </div>
                                            </div>
                                                {% include 'popojutrze/modules/_notification_button.html' with notification_context=notification_context %}
                                            <div class="col-12">
                                        <div class="polaroid-box">
                                    {% endif %}
                                {% empty %}
                                    {% include 'popojutrze/modules/_notification_button.html' with notification_context=no_task_answers_notification_context %}
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="show-more">
                                {% if show_more %}
                                    <div class="button button__login-single button__login-single--white more-button">
                                        Pokaż więcej
                                    </div>
                                {% endif %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% if intro_popup_video_id %}
        {% include 'popojutrze/modules/_player_popup.html' with video_id=intro_popup_video_id text=intro_popup_text %}
    {% endif %}

{% endblock %}
