{% extends  simple or app.request.isXmlHttpRequest ? '@QbaBitInmobiliaria/FrontIndex/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitInmobiliaria/FrontIndex/PanelUsuario/index.html.twig', 'frontend') %}

{% block update_panel %}
    <style>
        .form-contact-seguro .row {
            margin: 0 !important;
        }

        #contact-form-seguro {
            margin-top: 0 !important;
        }

        #contact-form-seguro h2 {
            padding: 15px;
            width: 100%;
            text-align: center;
            display: block;
        }
    </style>
    <div class="row" id="contact-form-seguro">

        <h2 class="title-contact-form-seguro">{{ 'contacto' | trans({}, "seguro") }}</h2>
        <hr class="divider bg-saffron">

        <div class="col-12 col-sm-12 col-md-12 col-lg-12">
            <div class="row">
                <form class="form-contact-seguro" style="width: 100%;"
                      action="{{ form.vars.action==""? path("custom_form_seguro_execute", {seguro:seguro.slug,simple:simple}):searchForm.vars.action }}"
                      name="{{ form.vars.full_name }}" id="{{ form.vars.id }}" method="post">
                    {{ form_widget(form) }}
                    {{ form_widget(form.captcha) }}
                    {{ form_row(form.observations) }}
                    <div class="col-md-12" style="text-align: center !important; margin-top: 15px">
                        <button type="submit" class="btn btn-primary">{{ 'send' | trans({}, "seguro") }}</button>
                    </div>
                    {{ form_end(form) }}
                </form>
            </div>
        </div>
    </div>


    <script>

        function QbaBitUsusarioArticuloSetter() {

            {#$("#refreshCaptcha").on("click",function (e) {#}
            {#e.preventDefault();#}
            {#e.stopPropagation();#}
            {#MKLib.blockScreen();#}
            {#$.ajax({#}
            {#url: '{{ url('qb_inmobiliaria_contact_form') }}',#}

            {#data: $("form[name={{ form.vars.id }}]").serialize(),#}
            {#type: 'GET',#}

            {#enctype: 'multipart/form-data',#}
            {#success: function (j) {#}
            {#var status = parseInt(j.status);#}

            {#if(status===0)#}
            {#$("#qba_bit_custom_form img").attr("src",j.captcha);#}
            {#MKLib.unlockScreen();#}

            {#},#}
            {#error: function (e) {#}
            {#toastr["error"]('{{ 'send_error'|trans([],"mail_template") }}');#}
            {#MKLib.unlockScreen();#}
            {#},#}
            {#processData: true,#}
            {#contentType: false#}

            {#});#}
            {#});#}
            $('#{{ form.vars.id }}').on('submit', function (e) {

                e.preventDefault();
                e.stopPropagation();

                var _this = jQuery(this);
                MKLib.AjaxRequest(_this.attr('action'), _this.attr('id'), function (j) {

                    if (typeof j === "string")
                        j = JSON.parse(j);

                    var status = parseInt(j.status);
                    if (status === 1) {
                        MKLib.showMsg('alert-success', '{{ "js_datos_guardados" | trans({}, "corerror") }}');
                        MKLib.resetForm("{{ form.vars.id }}", null);
                    } else {
                        if (status === 2) {
                            MKLib.showMsg('alert-danger', '{{ "js_acceso_denegado" | trans({}, "corerror") }}');
                        }
                        else if (status == 3)
                            MKLib.showMsg('alert-success', j.error);

                        if (status === 0) {
                            MKLib.showMsg('alert-danger', '{{ "js_errores_form" | trans({}, "corerror") }}');

                        }
                    }
                    document.getElementById("btn-reload").click();

                    if (j.items != null)
                        for (let i = 0; i < j.items.length; i++) {
                            let item = j.items[i];
                            if (item.type == "string") {
                                $("#{{ form.vars.id }}_" + item.name).val("");
                            }
                            else if (item.type == "boolean") {
                                $("#{{ form.vars.id }}_" + item.name).parent().removeClass("checked");
                                $("#{{ form.vars.id }}_" + item.name)[0].checked = false;
                                $("#{{ form.vars.id }}_" + item.name)[0].value = "off";
                            }

                        }
                    if (j.stringError) {
                        MKLib.showMsg('alert-danger', j.stringError);
                    }
                    Util.renderErrors(j.error);
                    MKLib.unlockScreen();
                }, 'json', "POST", true);

            });

        }
        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
                QbaBitUsusarioArticuloSetter();

            }
        );
        {% else %}
        jQuery(function () {

            QbaBitUsusarioArticuloSetter();

        });
        {% endif %}
    </script>

{% endblock %}