var _url = $("#_url").val();
function filter() {

    // Advanced
    $('#items_per_page').on('change', function (event) {
        event.preventDefault();

        var items = $(this).find('option:selected').val();
        $("input[name=items_per_page]").val(items);

        $('#form-filter').submit();
    });

    // Clear
    $('#filter-clear').on('click', function (event) {
        event.preventDefault();
        $("#clear_filter").val(1);
        $('#form-filter').submit();
    });


    $('body').on('click', '#filter-post', function (event) {
        event.preventDefault();
        $('#form-filter').submit();
    });
    $('body').on('click', '.dropdown-toggle', function (event) {
        event.preventDefault();
        $(".group-data").toggleClass("open");
    });

    $('body').on('click', '.dropdown-toggle', "keydown", function (e) {
        if (e.which == 13 || e.which == 32) {
            e.preventDefault();
            $(".group-data").toggleClass("open");
        }
    });


}


$(function () {
    filter();
});




$(document).ready(function ()
{
    $("#state_id").on('change', function () {
        buscaCity($(this).val(), "0");
    });
    $('#state_id').select2({theme: "bootstrap",
        width: '100%'});
    buscaCity($("#state_id").val(), $("#city_id").data("value"));
});


function buscaCity(state, valor) {
    if (state) {
        $.getJSON($("#_url").val() + 'ajax/city', {state_id: state}, function (j) {
            var options = '<option value="0">' + $("#_msg_select_city").val() + '</option>';
            for (var i = 0; i < j.length; i++) {
                options += '<option value="' + j[i].id + '">' + j[i].city_name + '</option>';
            }

            $('#city_id').html(options);
            $('#city_id').select2({theme: "bootstrap",
                width: '100%'});

            $('#city_id').select2("val", valor);
        });
    } else {
        var options = '<option value="0">' + $("#_msg_select_city").val() + '</option>';

        $('#city_id').html(options);

        $('#city_id').select2({theme: "bootstrap",
            width: '100%'});
        $('#city_id').select2("val", "0");
    }
}