{% block qba_bit_var_input_control_widget %}

    {% include 'QbaBitFormsBundle:Collections:filtered_choice.html.twig' with {"n_name":form.vars.id~"_select"} %}

    <script>
        // esto es usado para crear nuevo items en el editor del formulario
        if(listData==null)
        {
            listData = JSON.parse('{{ form.vars.orig_data|json_encode|raw }}');
        }
    </script>

    <input type="hidden" id="{{ form.vars.id }}_input" name="{{ form.vars.full_name }}" value="{{ value }}">
    <span id="value_{{ form.vars.id }}" class="errorfield " style="display: none" >

    </span>
    <script>

        if( typeof getItem ==="undefined")
        {
            function getItem(listProperties,list,k) {
                for (var i=0;i<list.length;i++)
                {
                    if(list[i].id==listProperties[k]||list[i].name==listProperties[k])
                    {
                        if(k<listProperties.length-1)
                            return getItem(listProperties,list[i].properties,k+1);
                        else
                            return list[i];
                    }
                }
                return null
            }

        }

        function doChange{{ form.vars.id }}() {
            //   alert("aaa");



            var o = $("#{{ form.vars.id }}");
            var v = o.val();
            if(v==null)
                v= $("#{{ form.vars.id }}_input").val();
            var title = "";
            var desc = "";
            if(v.indexOf(".")!==-1 )
            {
                var t = v.split(".");
                var item =   getItem(t,listData,0);
                desc = item.description;
                title= item.caption;
            }
            else
                title = v;
            $("#select2-{{ form.vars.id }}-container").html(title);

            if(desc!="")
                o.parent().next().find("input").val(desc);
            var t =  $("#{{ form.vars.id }}").val();
            if(t!=null)
                $("#{{ form.vars.id }}_input").val(t);
            var t =  $("#{{ form.vars.id }}_input").val();
            if(t!=null)
                $("#{{ form.vars.id }}").val(t);
        }

        function QbaBitVarInputSetter{{ form.vars.id }}() {
            var s = "{{ value }}";
            $("#{{ form.vars.id }}").off("change").on("change",function (e) {
                doChange{{ form.vars.id }}();

            });
            controlList.add("{{ form.vars.id }}_input",[{"create":function () {

                doChange{{ form.vars.id }}();
            }}
            ]);


            {#$("#{{ form.vars.id }}").on("change",function(e)#}
            {#{#}
            {#console.log("aaa");#}
            {#var v = $("#{{ form.vars.id }}").val();#}
            {#if(v.indexOf("[")==-1)#}
            {#{#}
            {#$("#value_{{ form.vars.id }}").html("El texto debe poseer el caracter '['");#}
            {#$("#value_{{ form.vars.id }}").show();#}
            {#$("#{{ form.vars.id }}").val(s);#}
            {#}#}
            {#else#}
            {#if(v.indexOf("]")==-1)#}
            {#{#}
            {#$("#value_{{ form.vars.id }}").html("El texto debe poseer el caracter ']'");#}
            {#$("#value_{{ form.vars.id }}").show();#}
            {#$("#{{ form.vars.id }}").val(s);#}
            {#}#}
            {#else#}
            {#if(v.indexOf("[")!=0 || v.indexOf("]")!=v.length-1)#}
            {#{#}
            {#$("#value_{{ form.vars.id }}").html("El texto debe poseer el caracter '[' al inicio y el caracter ']' al final");#}
            {#$("#value_{{ form.vars.id }}").show();#}
            {#$("#{{ form.vars.id }}").val(s);#}
            {#}#}
            {#else#}
            {#{#}
            {#s = $("#{{ form.vars.id }}").val();#}
            {#$("#value_{{ form.vars.id }}").hide();#}
            {#}#}






            {#});#}



        }

        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function() {
                QbaBitVarInputSetter{{ form.vars.id }}();

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

            QbaBitVarInputSetter{{ form.vars.id }}();

        });
        {% endif %}

    </script>
{% endblock %}