{% extends 'QbaBitCoreBundle:Form:view.html.twig' %}
 {% block dropdown_options %}

 {% endblock %}
{% block rows %}

    {{ form(searchForm) }}
    {#<div class="qb-frm">#}
        {#<div class="row" {% if searchForm.children|length==0 %} style="    text-align: center;" {% endif %}>#}
             {#<div class="col-xs-12">#}
               {#{% set index = 0 %}#}
            {#{% for child in searchForm.children %}#}
                {#{% if index==0 %}#}
                    {#<div class="row">#}
                        {#{% endif %}#}




                {#<div class="col-md-4 qb-itmmod" style="margin: 10px auto">#}

                {#<div class="col-md-12">#}
                {#<span href="#" class="qb-itm-title">{{  loop.index<data|length+1?data[loop.index-1].text:""  }}</span>#}
                {#<span class="qb-itm-desc">{{ form_widget(child) }} </span>#}

                {#</div>#}
                {#</div>#}
                {#{% set index = index+1 %}#}
                {#{% if index==3 %}#}
                    {#{% set index= 0 %}#}
                    {#</div>#}
                {#{% endif %}#}
            {#{% else %}#}
            {#<div class="col-md-12 qb-itmmod">#}
            {#No se ha encontrado ninguna configuración#}
            {#</div>#}
            {#{% endfor %}#}

                    {#</div>#}

        {#</div>#}
    {#<div class="qb-btn-formater" style="margin-top: 15px">#}
        {#<button onclick="$('#qba_bit_search_form').submit();" class="btn btn-primary" ><i class="fa fa-save"></i>{{ 'save' | trans({}, 'qbabitcore') }}#}
        {#</button>#}

    {#</div>#}
    {#</div>#}


    {#{% block postScript %}#}
        {#<script>#}
            {#function QbabitOptionView() {#}

                {#$("#qb_options_view").off("submit").on("submit",function (e) {#}
                    {#e.preventDefault();#}
                    {#e.stopPropagation();#}
                    {#let data = new FormData(this);#}
                    {#let url = "{{ url("qb_options_view") }}";#}
                    {#jQuery.ajax({#}
                        {#url: url,#}
                        {#data: data,#}
                        {#type: "POST",#}
                        {#enctype: 'multipart/form-data',#}
                        {#contentType: false,#}
                        {#processData: false,#}
                        {#success: function (response) {#}

                        {#},#}
                        {#error: function (xhr, status) {#}
                            {#// alert('Disculpe, ha ocurrido un problema vuelva a intentarlo.' + xhr.responseText);#}
                            {#// jQuery('#blockscreen').hide();#}
                            {#jQuery('#blockscreen').hide();#}
                            {#MKLib.showMsg('alert-danger', xhr.responseText);#}
                        {#},#}
                        {#complete: function () {#}
                            {#jQuery('#blockscreen').hide();#}
                            {#return;#}
                        {#}#}
                    {#});#}
                {#});#}
            {#}#}
            {#{% if app.request.isXmlHttpRequest == false %}#}
            {#window.addEventListener('load', function () {#}
                {#QbabitOptionView();#}
            {#}, false);#}
            {#{% else %}#}
            {#jQuery(function () {#}
                {#QbabitOptionView();#}
            {#});#}
            {#{% endif %}#}

        {#</script>#}
    {#{% endblock %}#}

{% endblock %}