{% trans_default_domain 'front_default' %}

{% set i18n = block|i18n %}
{% set i18nVideo = i18n.targetLink %}
{% set i18nMedia = block|i18nMedia %}

{% if i18nVideo %}

    <!-- .video-block -->
    <div class="video-block h-100">
        {{ i18nVideo|video }}
    </div>
    <!-- \.video-block -->

{% elseif i18nMedia %}

    {% set haveVideo = false %}
    {% for video in i18nMedia.media.mediaScreens %}
        {% if video.filename is defined and video.filename %}
            {% set haveVideo = true %}
        {% endif %}
    {% endfor %}

    {% if haveVideo %}

        {% set havePoster = i18nMedia.media.screen is defined and i18nMedia.media.screen == 'poster'
            and i18nMedia.media.filename is defined and i18nMedia.media.filename %}

        <!-- .video-block-html -->
        <div class="video-block-html">
            <video id="video-{{ block.id }}"{% if havePoster %} poster="{{ asset(i18nMedia|thumb(null, {'path': true})) }}"{% endif %} class="video-fluid" controls>
                {% for video in i18nMedia.media.mediaScreens %}
                    {% if video.filename is defined and video.filename %}
                        <source src="{{ asset('build/vendor/images/lazy-point.svg', 'vendor') }}"
                                data-src="{{ asset(video|thumb(null, {'path': true})) }}"
                                class="lazyload"
                                type="video/{{ video.screen }}">
                    {% endif %}
                {% endfor %}
            </video>
        </div>
        <!-- \.video-block-html -->
    {% endif %}

{% endif %}