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

 {% endblock %}
{% block rows %}

    <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 %}