{% extends "base.html.twig" %}
{% block title %}
    Vidéos | Association Noiser
{% endblock %}
{% block description %}
    Retrouvez ici la galerie de captations vidéos de concerts organisés par Noiser
{% endblock %}
{% block body %}
    {% include 'parts/menu.html.twig' %}
    <div class="topTitle">
        <h1>Videos</h1>
    </div>
    <div class="fond-blanc">
        <div class="pad_40">
            <div class="videosFilter">
                {{ form_start(formVideosFilter) }}
                <div class="row">
                    <div class="col-xl-8">{{ form_row(formVideosFilter.name) }}</div>
                    <div class="col-xl-4">{{ form_row(formVideosFilter.submit) }}</div>
                </div>
                {{ form_end(formVideosFilter) }}
            </div>
            {% if videos is empty %}
                <p class="emptySearch text-center">Pas de résultats pour cette recherche</p>
                <p><a href="{{ path('videos') }}" class="return"><< Retour à la liste des vidéos</a></p>
            {% endif %}
            <div class="videoGallerie">
                {% for video in videos %}
                    <h2>// {{ video.title }}</h2>
                    <iframe src="https://www.youtube.com/embed/{{ video.embed }}" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                {% endfor %}
                {{ knp_pagination_render(videos) }}
            </div>
        </div>
    </div>
{% endblock %}