{% extends 'boxes/box.html.twig' %}

{% block box %}
{% if not videosArray is empty %}
    {% for video in videosArray %}
        <div class="picturebox_wrapper youtube-video-wrapper full-size" >
            <div class="ic_container picbox_gallery">
                <a class="youtube-arrow" href="{{ video.getUrl() }}" target="_blank">
                    <span class="youtubeplay icon-play"></span>
                </a>
                <a href="{{ video.getUrl() }}" target="_blank">
                    <img style="width:100%;"  src="https://i.ytimg.com/vi/{{ video.videoId }}/mqdefault.jpg" alt="{{ video.title }}">
                </a>
            </div>
            <a class="ic_caption" href="{{ video.getUrl() }}" target="_blank">
                <span class="item-title">{{ video.title }}</span>
            </a>
        </div>
    {% endfor %}
{% endif %}
{% endblock %}