{%- block vich_file_row -%}
    {%- set force_error = true -%}
    {{- block('form_row') -}}
{%- endblock -%}

{%- block vich_file_widget -%}
    <div class="vich-file" data-type="{{ image_uri|fileType }}">
        {%- if errors|length > 0 -%}
            {%- set attr = attr|merge({class: (attr.class|default('') ~ ' is-invalid')|trim}) -%}
        {%- endif -%}
        {{- form_widget(form.file, {attr: attr}) -}}
        {%- if form.delete is defined -%}
            {{- form_row(form.delete) -}}
        {%- endif -%}

        {%- if download_uri -%}
            <a href="{{ asset_helper is same as(true) ? asset(download_uri) : download_uri }}" download>
                {{ translation_domain is same as(false) ? download_label : download_label|trans({}, translation_domain) }}
            </a>
        {%- endif -%}
    </div>
{%- endblock -%}

{%- block vich_image_row -%}
    {%- set force_error = true -%}
    {{- block('form_row') -}}
{%- endblock -%}

{%- block vich_image_widget -%}
    <div class="vich-image" data-type="{{ image_uri|fileType }}">
        {%- if errors|length > 0 -%}
            {%- set attr = attr|merge({class: (attr.class|default('') ~ ' is-invalid')|trim}) -%}
        {%- endif -%}
        {{- form_widget(form.file, {attr: attr}) -}}

        {% if (form.vars is defined and form.vars.valid is defined and form.vars.valid == false) %}
            <span
                class="illustration-proposition-error"
                data-attr-name="{{ form.file.vars.full_name }}"
                data-error="{{ form.vars.errors|first.message }}"
            >
            </span>
        {% endif %}
        {% if form.file.vars.id starts with 'question_proposition' and image_uri %}
            <img
                class="illustration-proposition"
                data-attr-name="{{ form.file.vars.full_name }}"
                style="display:none;"
                src="{{ asset_helper is same as(true) ? asset(image_uri) : image_uri }}"
                alt=""
            />

            {%- if form.delete is defined -%}
                {{- form_row(form.delete) -}}
            {%- endif -%}
        {% else %}
            {%- if form.delete is defined -%}
                {{- form_widget(form.delete) -}}
            {%- endif -%}

            <figure class="mediaPreview">
                {%- if image_uri and image_uri|fileType == 'image' -%}
                    <button class="preview-picture">
                        <i class="fas fa-search"></i>
                    </button>
                    <img class="thumb" src="{{ image_uri }}" title="{{ image_uri }}" />
                    <div class="preview-picture">
                        <img src="{{ image_uri }}" title="{{ image_uri }}" width="800" />
                        <div class="small-grid"></div>
                        <div class="large-grid"></div>
                    </div>
                {% elseif image_uri and image_uri|fileType == 'audio' %}
                    {% set mediaExtension = image_uri|split('.')|last %}
                    <audio controls>
                        <source src="{{ image_uri }}" type="audio/{{ mediaExtension }}">
                    </audio>
                {% elseif image_uri and image_uri|fileType == 'video' %}
                    {% set mediaExtension = image_uri|split('.')|last %}
                    <video preload="auto" width="480" height="270" controls>
                        <source src="{{ image_uri }}" type="video/{{ mediaExtension }}">
                    </video>
                {%- endif -%}
            </figure>

            {#
            {%- if download_uri and image_uri is not imageFile -%}
                <a href="{{ asset_helper is same as(true) ? asset(download_uri) : download_uri }}" download>
                    <u>Fichier associé</u>: {{ image_uri|fileName }}
                </a>
            {%- endif -%}
            #}
        {% endif %}
    </div>
{%- endblock -%}