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

{% block update_panel %}
<style>
    #image_container .form-group
    {
        margin-top: -60px;
    }
    #front_anuncio_geoData_search
    {
        width: 100%;
        margin-top: -25px;
    }
    #article_container .row, #article_container
    {
        margin-top: 0;
    }
    .form-group span{
        text-align: left !important;
    }
    .select2-search__field{
        width: 100% !important;
    }
    @media (min-width: 480px) {
        .modal-dialog {
            max-width: 800px;
        }
    }
    .nmrg{
        margin: 0;
    }
    .content-title-panel{
        margin-bottom: 20px !important;
    }
    .content-title-panel .select2-container{
        width: 85% !important;
    }
</style>
    {% set doTranslate = false %}
    {% if form.vars.isTranslable is defined %}
        {% if form.vars.isTranslable %}
            {% set doTranslate =true %}
        {% endif %}
    {% endif %}
{#<div class="widget">#}
    <div class="row row-fix row-24 justify-content-sm-center" id="article_container">
        {{ form_start(form, { attr:{id:form.vars.id} }) }}
        <div class="col-sm-12 col-md-12 col-xs-12">
        <div class="content-title-panel">
            <div class="row nmrg">
                <div class="col-md-9">
                    <h5 class="title">{% if slugSeguro is not defined %}{{ 'crear_seguro'| trans({}, 'seguro')}}{% else %}{{ 'editar_seguro'| trans({}, 'seguro')}} {% endif %}</h5>
                </div>
                <div class="col-md-3">

            {% if doTranslate %}
                {{ form_widget(form.locale_system) }}
                {{ form_widget(form.locale_sugest_trans) }}
            {% endif %}

                </div>
            </div>
        </div>
        </div>

        {% if doTranslate %}
            <input hidden id="additionalData" name="additionalData" value="[]">
        {% endif %}
        <div class="col-sm-12 col-md-12 col-xs-12">
            <div class="row">
                <div class="col-md-3">
                    {{ form_row(form.image_file, {'attr':{'class': 'form-control'} }) }}
                </div>
                <div class="col-sm-12 col-md-9 ">
                    <div class="row">
                        <div class="col-xs-12">
                            {{ form_row(form.name) }}
                        </div>
                        <div class="col-sm-12 col-md-6">
                            {{ form_row(form.price) }}
                        </div>
                        <div class="col-sm-12 col-md-6">
                            {{ form_row(form.moneda) }}
                        </div>
                        <div class="col-sm-12 col-md-6">
                            {{ form_row(form.categoria) }}
                        </div>
                        <div class="col-sm-12 col-md-6">
                            {{ form_row(form.customForm) }}
                        </div>
                    </div>

                </div>

                <div class="col-md-12">
                    {{ form_row(form.shortDescription) }}
                </div>
                <div class="col-md-12">
                    {{ form_row(form.descripcion) }}
                </div>
                <div class="col-md-12">
                    {{ form_row(form.beneficio) }}
                </div>
                <div class="col-md-12" style="text-align: center !important; margin-top: 15px">
                    <button id="submit" name="submit" type="submit" class="btn btn-primary">
                        <i class="" style="margin-right: 5px"></i>{{ "save"|trans({},"qbabitcore") }}
                    </button>
                    <a href="{{ url('qb_front_panel_seguro_index') }}" class="btn btn-default"> {{ "back_to_list"|trans({},"qbabitcore") }}</a>
                    <div style="display: none">
                        {{ form_widget(form.submit) }}
                    </div>
                </div>
            </div>
        </div>
        {{ form_end(form) }}
    </div>
{#</div>#}
    <script src="{{ asset('bundles/qbabitlanguage/languageEditor.js') }}"></script>
<script>
    var languageEditor = new LanguageEditor();
    function QbaBitUsusarioArticuloSetter() {
        {% if doTranslate %}
        let base = '{{ form.vars.translableData|json_encode|e("js")|raw }}';
        let formId = "{{ form.vars.id }}";
        languageEditor.load(base, formId, "#{{ form.locale_system.vars.id }}", "{{ form.vars.currentLocale }}","{{ 'missing_field_trans_form'|trans({},"language") }}");
        {% endif %}
        var object = {
            slugSeguro: '{{ slugSeguro is defined ? slugSeguro : ''  }}'
        }

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

            e.preventDefault();
            e.stopPropagation();
            {% if doTranslate %}
            let prePost = languageEditor.prePost();
            if (!prePost) {
                e.stopPropagation();
                return;
            }
            {% endif %}
            var _this = jQuery(this);
            MKLib.AjaxRequest(_this.attr('action'), _this.attr('id'), function (j) {

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

                console.log(j);
                var status = parseInt(j.status);

                if (status === 1) {
                    {% if doTranslate %}
                    languageEditor.postPost();
                    {% endif %}
                    if(!object.slugSeguro){
                    MKLib.resetForm("{{ form.vars.id }}", function (){
                        var choice_imgs = jQuery('.qbwid-file');
                        if(choice_imgs){
                            choice_imgs.find('.qbicntbgfile').remove();
                            choice_imgs.find('.qbfilectrladd').css('display', 'none');
                            choice_imgs.find('.qbtextEmpty').css('display', 'block');
                        }
                        jQuery('#dvupdatefront_article_video .check_hd').parent().remove();
                    });
                    }
                    MKLib.showMsg('alert-success', '{{ "js_datos_guardados" | trans({}, "corerror") }}');

                } else {
                    if (status === 2) {
                        MKLib.showMsg('alert-danger', '{{ "js_acceso_denegado" | trans({}, "corerror") }}');
                    }
                    else
                    if(status==3)
                        MKLib.showMsg('alert-success', j.error);
                }

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