{{ form_start(form, { attr:{id:form.vars.id} }) }}
<div class="qb-frm">
    <div class="row nmlf">
        {{ form_widget(form.image_file) }}
    </div>
    <div class="box-footer qb-btn-formater">
        {{ form_widget(form.submit) }}
        {{ form_widget(form.back) }}
    </div>
</div>
{{ form_end(form) }}

<script type="text/javascript">

    function QbabitImagesJavascriptsForm() {

        $("#{{ form.back.vars.id }}").attr("data-dismiss","modal");
        jQuery("#{{ form.vars.id }}").on('submit', function (e) {
            MKLib.blockScreen();
            e.preventDefault();
            var _this = jQuery(this);
            var datos = new FormData(this);
            $.ajax({
                url: _this.attr('action'),
                data: datos,
                type: 'post',
                processData: false,
                contentType: false,
                cache: false,
                dataType : 'json',
                enctype: 'multipart/form-data',
                success: function (json) {
                    if (json.status === 1)
                    {
                        MKLib.showMsg('alert-success', '{{ "js_datos_guardados" | trans({}, "corerror") }}');
                        Util.removeMsgIfNotErrors();
                        MKLib.resetForm("{{ form.vars.id }}");
                        var url = "{{ path('qb_images_index') }}";
                        url += "?mode={{  app.request.get('mode') }}";
                        MKLib.AjaxUpdate(url, 'dvupdate');
                        $('.modal-backdrop').remove();
                        $('#modalimage').removeClass('in').hide();
                        $("body").removeClass("modal-open");
                        $("body").css({  "padding-right": "initial"})
                    }
                    else
                    {
                        MKLib.showMsg('alert-danger', '{{ "imagen_no_valida" | trans({}, "images") }}');
                        Util.renderErrors(json.error);
                    }
                    MKLib.unlockScreen();


                }
            });
        });
     }

    {% if app.request.isXmlHttpRequest == false %}
    window.onload = function () {
        QbabitImagesJavascriptsForm();
    };
    {% else %}
    jQuery(function () {
        QbabitImagesJavascriptsForm();
    });
    {% endif %}
</script>