$(document).ready(function() {
    var ddlOptions = {
        closeRadioOnClick: true ,
        icon: {},
        width: 200,
        emptyText:'Усі'
        //textFormatFunction: myDdlTextFormatFunction
    };
    $("#op_type").dropdownchecklist(jQuery.extend( {}, ddlOptions, {
        onComplete: selectPriceInputs
    } ));

    $("#district_region")
    .dropdownchecklist(jQuery.extend( {}, ddlOptions, {
        onComplete: function(selector){
            loadCities(selector.options);
        }
    }));
    //    .dropdownchecklist({
    //        //emptyText: "Будь ласка, виберіть..",
    //        width: ddlOptions.width,
    //        textFormatFunction: ddlOptions.textFormatFunction,
    //        onComplete: function(selector){
    //            loadCities(selector.options)
    //        }
    //    });
    
    $("#city").dropdownchecklist(ddlOptions);
    loadCities($('#district_region option:selected'));
    selectPriceInputs($('#op_type').get(0))

    

    function loadCities(options){
        var district_regions = new Array();
        for( i=0; i < options.length; i++ ) {
            if (options[i].selected && (options[i].value != "")) {
                district_regions.push(options[i].value);
            }
        }
        console.log(district_regions);
        var aSelector = $("#city");
        if(district_regions.length>0){
            aSelector.dropdownchecklist("disable");
            jQuery.post('/realty/cities',{
                district_regions:district_regions
            },function (json){
                console.log(json);
                if(!jQuery.isEmptyObject(json)&&json.status == 'success'){
                    aSelector.dropdownchecklist("destroy");
                    //Вибираємо обрані міста
                    var selected_cities = jQuery.map(aSelector.children('option:selected'), function(el){
                        return el.value
                    })
                    aSelector.children().remove();
                    jQuery.each(json.cities, function(i, city) {
                        var option = $(
                            '<option label="'+city+'" value="'+city+'">'+
                            city+
                            '</option>'
                            );
                        if($.inArray(city, selected_cities) > -1) option.attr('selected', 'selected');
                        aSelector.append(option);
                    });
                    //if(json.count==1) aSelector.children(":first").attr('selected', 'selected');
                    aSelector.dropdownchecklist(ddlOptions);
                    if(json.count<1) aSelector.dropdownchecklist("disable");
                }
            //else aSelector.dropdownchecklist("disable");
            }, "json");
        } else aSelector.dropdownchecklist("disable");
    }

    function myDdlTextFormatFunction(options) {
        var selectedOptions = options.filter(":selected");
        var countOfSelected = selectedOptions.size();
        var size = options.size();
        switch(countOfSelected) {
            case 0:
                return "Усі";
            case 1:
                return selectedOptions.text();
            case 2:
            case 3:
            case 4:
                return "Вибрано "+countOfSelected + " значення";
            case size:
                return "Усі";
            default:
                return "Вибрано "+countOfSelected + " значень";
        }
    }

    function selectPriceInputs(selector){
        console.log(selector.value);
        if(selector.value==1){
           $('#rent_price_month_input')
           .show()
           .children('input[type=text]').removeAttr("disabled");
           $('#price_input')
           .hide()
           .children('input[type=text]').attr("disabled",true);
        }
        else{
            $('#price_input')
            .show()
            .children('input[type=text]').removeAttr("disabled");
            $('#rent_price_month_input')
            .hide()
            .children('input[type=text]').attr("disabled",true);
        }
    }
});