{% trans_default_domain 'SmartFileUploadBundle' %}

{% block smart_file_widget %}
    {% apply spaceless %}
        <div id="{{ id }}" class="{{ attr.class|default('') is not empty ? attr.class ~ ' ' : '' }}st-fileupload">
            <div class="st-browse clearfix">
                {% if browse_label is not empty %}
                    {{ block('browse_button') }}
                {% endif %}
                {{ form_widget(form.id) }}
            </div>

            <div class="st-template" style="display:none">
                {% set file = null %}
                {{ block('file_preview') }}
            </div>
            {% if placeholder is not empty %}
                {{ block('image_placeholder') }}
            {% endif %}
            {% if display_preview %}
                <div class="st-files">
                    {% for file in files %}
                        {% if file.id %}
                            {{ block('file_preview') }}
                        {% endif %}
                    {% endfor %}
                </div>
            {% endif %}
        </div>
        {{ form_errors(form.file) }}

        {% if app.request.xmlHttpRequest == true %}
            <script>$('#{{ id }}').smartFileUpload({{ js_options|raw }});</script>
        {% else %}
            {{ append_js_code("$(function () {$('#" ~ id ~ "').smartFileUpload(" ~ js_options|raw ~ ");});") }}
        {% endif %}
    {% endapply %}
{% endblock %}

{% block browse_button %}
    {% apply spaceless %}
        <span class="st-fileupload-browse btn btn-default">
            <i class="fa fa-upload"></i>
            {{ browse_label|trans({}, translation_domain) }}
            {{ form_widget(form.file) }}
        </span>
        {% if format_restriction is not empty %}
            <span class="st-fileupload-browse-info">
                <i class="fa fa-info-circle" data-toggle="tooltip" data-placement="right" title="{{ format_restriction|trans({}, translation_domain)|raw }}"></i>
                {% if size_restriction is not empty %}
                    {{ size_restriction|trans({}, translation_domain)|raw }}
                {% endif %}
            </span>
        {% elseif size_restriction is not empty %}
            <span class="st-fileupload-browse-info">
                {{ size_restriction|trans({}, translation_domain)|raw }}
            </span>
        {% endif %}
    {% endapply %}
{% endblock %}

{% block image_placeholder %}
    <div class="st-fileupload-placeholder media" {% if files|length > 0 %} style="display:none;"{% endif %}>
        <div class="media-left">
            <img src="{{ placeholder }}">
        </div>
        <div class="media-body">
            {% if file_label %}
                <div class="upload-filelabel">{{ file_label|trans({}, translation_domain)|raw }}</div>
            {% endif %}
        </div>
    </div>
{% endblock %}

{% block file_preview %}
    <div class="st-file-preview media">
        <a class="st-file-open-btn media-left" href="{{ file and file.url ? asset(file.url) : '#' }}"
           target="_blank">
            <span class="st-file-icon">
                {% if file and file.mime_type %}
                    {% if file.mime_type matches '{^image/}' and file.mime_type != 'image/x-icon' %}
                        <img src="{{ file.url|imagine_filter(filter_name) }}">
                    {% else %}
                        <div class="fa fa-{{ file.icon }}"></div>
                    {% endif %}
                {% elseif placeholder is not empty %}
                    <img src="{{ placeholder }}">
                {% endif %}
            </span>
        </a>

        <div class="st-file-body media-body">
            {% if display_preview_name %}
                <a class="st-file-name" href="{{ file and file.url ? asset(file.url) : '#' }}" target="_blank">
                    {{ file ? file.name : null }}
                </a>
            {% endif %}

            {% if file_label %}
                <div class="upload-filelabel">{{ file_label|trans({}, translation_domain)|raw }}</div>
            {% endif %}

            {% if not disabled %}
                <a href="#" {% if file %}data-file-id="{{ file.id }}"{% endif %} class="st-remove-file-btn btn btn-xs" title="{{ remove_file_label|trans({}, translation_domain)|raw }}">
                    <i class="fa fa-trash"></i>
                </a>
            {% endif %}

            <div class="st-fileupload-errors"></div>
        </div>

        {% if not file %}
            <div class="st-progress progress active">
                <div class="st-progress-bar progress-bar progress-bar-primary" role="progressbar"></div>
            </div>
        {% endif %}
    </div>
{% endblock %}