{% import 'AppBundle:Admin:Common\\Macro\\macro_image.html.twig' as macro_image %}

{% block sonata_media_type_row %}
    {% set label_class = "" %}
    {% set div_class = "" %}
    {% if sonata_admin.admin and sonata_admin.admin.getConfigurationPool().getOption('form_type') == 'horizontal' %}
        {% set label_class = "control-label col-sm-3" %}
        {# Remove col-md-* in order to center the media #}
        {% set div_class = "" %}
    {% else %}
        {% set label_class = "control-label" %}
    {% endif %}

    {% if sonata_admin is not defined or not sonata_admin_enabled or not sonata_admin.field_description %}
        <div class="form-group {% if errors|length > 0 %} has-error{% endif %}">
            {{ form_label(form, label|default(null)) }}
            <div class="{% if label is sameas(false) %}sonata-collection-row-without-label{% endif %}">
                {{ form_widget(form, {'horizontal': false, 'horizontal_input_wrapper_class': ''}) }} {# {'horizontal': false, 'horizontal_input_wrapper_class': ''} needed to avoid MopaBootstrapBundle messing with the DOM #}
                {% if errors|length > 0 %}
                    <div class="help-block sonata-ba-field-error-messages">
                        {{ form_errors(form) }}
                    </div>
                {% endif %}
            </div>
        </div>
    {% else %}
        <div class="form-group{% if errors|length > 0 %} has-error{% endif %}" id="sonata-ba-field-container-{{ id }}">
            {% block label %}
                {% if sonata_admin.field_description.options.name is defined %}
                    {{ form_label(form, sonata_admin.field_description.options.name, { 'attr' : {'class' : label_class} }) }}
                {% else %}
                    {{ form_label(form, label|default(null), { 'attr' : {'class' : label_class} }) }}
                {% endif %}
            {% endblock %}

            {% set has_label = sonata_admin.field_description.options.name is defined or label is not sameas(false) %}
            <div class="{{ div_class }} sonata-ba-field sonata-ba-field-{{ sonata_admin.edit }}-{{ sonata_admin.inline }} {% if errors|length > 0 %}sonata-ba-field-error{% endif %} {% if not has_label %}sonata-collection-row-without-label{% endif %}">

                {{ form_widget(form, {'horizontal': false, 'horizontal_input_wrapper_class': ''}) }} {# {'horizontal': false, 'horizontal_input_wrapper_class': ''} needed to avoid MopaBootstrapBundle messing with the DOM #}

                {% if errors|length > 0 %}
                    <div class="help-block sonata-ba-field-error-messages">
                        {{ form_errors(form) }}
                    </div>
                {% endif %}

                {% if sonata_admin.field_description.help %}
                    <span class="help-block sonata-ba-field-help">{{ sonata_admin.admin.trans(sonata_admin.field_description.help, {}, sonata_admin.field_description.translationDomain)|raw }}</span>
                {% endif %}
            </div>
        </div>
    {% endif %}
{% endblock sonata_media_type_row %}

{% block sonata_media_type_widget %}
    {% if value.id != null %}
        {% set mediaEmpty = false %}
    {% else %}
        {% set mediaEmpty = true %}
    {% endif %}
    {% set mediaBinaryContentId = form.children['binaryContent'].vars.id %}
    <div class="panel-default">
        <div class="profile-content">
            <div class="carousel slide" id="carousel1">
                <div class="carousel-inner">
                    <div
                        class="item active uploadPreviewImage"
                        data-media-id="{{ mediaBinaryContentId }}"
                        data-media-object-id='{{ mediaBinaryContentId }}'
                    >
                        {% if value is not empty and value.id != null and value.providerReference %}
                            {% set imgPath %}
                                {{ render(path('app_bundle_api_v3_media_thumb_path', {
                                    "mediaId": value.id,
                                    "context": value.context,
                                    "format": "large"
                                })) }}
                            {% endset %}
                        {% else %}
                            {% set imgPath %}{{ asset('/bundles/app/images/img_user_default.png', 'static') }}{% endset %}
                        {% endif %}

                        {% set imgPath = imgPath|replace({' ': '', '"': '', '\\': '', "\n": '', "\r": ''}) %}

                        <img
                            class="img-responsive center-block"
                            src="{{ imgPath }}"
                            alt="image"
                            data-media-id="{{ value.id }}"
                        />
                    </div>
                </div>
            </div>
        </div>
        <div class="panel-footer">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 block-update-media block-get-media-{{ mediaBinaryContentId }} {% if mediaEmpty %}col-lg-12{% else %}col-lg-6{% endif %}">{{ form_widget(form.children['binaryContent']) }}</div>
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-6 block-delete-media block-delete-media-{{ mediaBinaryContentId }}"
                     style="{% if mediaEmpty %}display:none;{% endif %}">
                    <div class="btn-group btn-block" data-toggle="buttons">
                        <label
                            class="btn btn-black btn-block btn-media-unlink"
                            data-media-unlink-id="{{ mediaBinaryContentId }}"
                        >
                            {{ form_widget(form.children['unlink']) }} {{ form.children['unlink'].vars.label }}
                        </label>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock sonata_media_type_widget %}


{% block sonata_media_photo_view_type_widget %}
    {% if value.id != null %}
        {% set mediaEmpty = false %}
    {% else %}
        {% set mediaEmpty = true %}
    {% endif %}
    {% set mediaBinaryContentId = form.children['binaryContent'].vars.id %}
    {% set imgPath %}{% path value, 'large' %}{% endset %}

    <div class="media-container media-photo-view-type clearfix">
        <div class="block-get-media-{{ mediaBinaryContentId }}"
             data-add-media-container
        >
            <a class='btn btn-primary btn-block btn-file btn-get-media'>
                <span class="fa fa-camera">
                {# {{ form_widget(form.children['binaryContent']) }} #}
                {% spaceless %}
                    <input
                    type="{{ form.children['binaryContent'].vars.type }}"
                    data-form-photo=""
                    name="{{ form.children['binaryContent'].vars.full_name }}"
                    {%- if form.children['binaryContent'].vars.read_only and form.children['binaryContent'].vars.attr.readonly is not defined %} readonly="readonly"{% endif -%}
                    {%- if form.children['binaryContent'].vars.disabled %} disabled="disabled"{% endif -%}
                    {%- if form.children['binaryContent'].vars.required %} required="required"{% endif -%}
                    {%- for attrname, attrvalue in form.children['binaryContent'].vars.attr -%}
                        {{- " " -}}
                        {%- if attrname in ['placeholder', 'title'] -%}
                            {{- attrname }}="{{ attrvalue|trans({}, translation_domain) }}"
                        {%- elseif attrvalue is sameas(true) -%}
                            {{- attrname }}="{{ attrname }}"
                        {%- elseif attrvalue is not sameas(false) -%}
                            {{- attrname }}="{{ attrvalue }}"
                        {%- endif -%}
                    {%- endfor -%}
                    value="{{ form.children['binaryContent'].vars.value }}" rel="theme" />
                {% endspaceless %}
                </span>
            </a>
        </div>

        <div class="block-see-media hidden"
             data-preview-media-container
        >
            <a class='fancybox btn btn-white btn-block btn-file btn-preview-media'
               data-preview-media
               href='{{ imgPath is not empty ? imgPath : '#' }}' {% if mediaEmpty is empty %}rel='conditionAssess'{% endif %}
               data-toggle='tooltip' title="{{ 'vehicle.see_media'|trans({}, translation_domain) }}"
               >
                <span class="fa fa-eye"></span>
            </a>
        </div>

        <div class="block-delete-media hidden"
             data-unlink-media-container
        >
            <label class="btn btn-black btn-block btn-media-unlink btn-delete-media"
                   data-unlink-media
                   data-toggle='tooltip'
                   title="{{ 'vehicle.delete_media'|trans({}, translation_domain) }}"
            >
                {{ form_widget(form.children['unlink']) }} {{ form.children['unlink'].vars.label }}
                <span class="fa fa-times"></span>
            </label>
        </div>
    </div>
{% endblock sonata_media_photo_view_type_widget %}