{% extends 'WebelopingLanderBundle:Form:Theme/fields.html.twig' %}

{% block file_widget %}
{% spaceless %}
    {% if type is defined and type == 'file' %}
        {% if attr[ 'data-file' ] is defined %}
            {% if attr[ 'data-file' ] == 'input-img-preview' %}
                {{ block( 'file_img_preview_widget' ) }}
            {% else %}
                {{- block('form_widget_simple') -}}
            {% endif %}
        {% else %}
            {{- block('form_widget_simple') -}}
        {% endif %}
    {% else %}
        {{- block('form_widget_simple') -}}
    {% endif %}
{% endspaceless %}
{% endblock file_widget %}

{% block file_img_preview_widget %}
{% spaceless %}
    {% if image_path is not defined or image_path is empty or image_path == '/' %}
        {% set class = 'new' %}
        {% set image_path = ( default_img is defined ) ? default_img : '/webobbywebapp/img/forms/default_image.png' %}
    {% else %}
        {% set class = 'exists' %}
    {% endif %}

    {% set height   = '83' %}
    {% set width    = '83' %}

    {% if image_height < height and image_width < width %}
        {% if image_height > image_width %}
            {% set style = ' style="height:100%;display:inline-block;"' %}
        {% else %}
            {% set style = ' style="width:100%;display:inline-block;"' %}
        {% endif %}
    {% else %}
        {% set style = '' %}
    {% endif %}

    <div class="avatar">
        <div class="fileinput fileinput-{{ class }}" data-provides="fileinput" data-name="{{ form.vars.full_name }}">
            <div class="fileinput-new thumbnail" style="width:{{ width }}px; height:{{ height }}px;">
                <img src="{{ ( class == 'exists' )? image_path : '/images/common/img-user-sm.jpg' }}"{{ style |raw }}/>
            </div>
            <div class="fileinput-preview fileinput-exists thumbnail" style="height:{{ height }}px;width:{{ width }}px;line-height:{{ width }}px;">
                {% if class == 'exists' %}
                    <a href="{{ image_path }}" target="_blank">
                        <img name="{{ form.vars.full_name }}[user-avatar]" src="{{ image_path }}" alt="{{ alt_img |default( 'User image.' )  |trans }}"{{ style |raw}}>
                    </a>
                {% endif %}
            </div>
            <div>
                <span class="btn btn-default btn-file" style="padding:1px 4px 1px 4px;">
                    <span class="fileinput-new">{{ file_select_text |default( 'Select file' ) |trans }}</span>
                    <span class="fileinput-exists">{{ file_change_text |default( 'Cambiar' ) |trans }}</span>
                    <input type="file">
                </span>
            </div>
        </div>
    </div>
{% endspaceless %}
{% endblock file_img_preview_widget %}