var _url = $("#_url").val();
function filter() {
    // Situation
    // 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();
    });
    $('.dropdown-toggle-data').on("click", function (event) {
        event.preventDefault();
        $(".group-data").toggleClass("open");
    });

    $('.dropdown-toggle-data').on("keydown", function (e) {
        if (e.which == 13 || e.which == 32) {
            e.preventDefault();
            $(".group-data").toggleClass("open");
        }
    });
    // Clear
    $('#filter-clear').on('click', function (event) {
        event.preventDefault();
        $("#client_id").val('');
        $("#user_id").val('');
        $('#form-filter').submit();
    });

    findDataSelect("#user_id", 'module_imobles/ajax/sellers', '');

    $('#user_id').on('change', function (event) {
        event.preventDefault();
        $('#form-filter').submit();
    });

    findDataSelect("#client_id", 'module_imobles/ajax/accounts/1', '');
    $('#client_id').on('change', function (event) {
        event.preventDefault();
        $('#form-filter').submit();
    });

    $(".datepicker").datepicker({
        language: $("#_lan").val(),
        autoclose: true,
        dateFormat: $("#_formatDate").val()
    });
    $('#filter-period a').on('click', function (event) {
        event.preventDefault();
        var period = $(this).data('val');
        $("input[name=date_proposal_period]").val(period);
        $('#form-filter').submit();
    });
    // Period interval datepicker close on selected
    $('input[name=date_proposal_period_ini]').on('change', function () {
        $(this).datepicker('hide');
    });
    $('input[name=date_proposal_period_end]').on('change', function () {
        $(this).datepicker('hide');
    });
    $('.dropdown-period').click(function (event) {
        event.stopPropagation();
    });

}


$(function () {
    filter();
    $('body').find(".popoverDetailListing").popover({
        trigger: 'manual',
        placement: 'top',
        container: 'body',
        html: true
    });

    $('body').find(".popoverDetailListing").on('show.bs.popover', function (event) {
        // do something…
        $('body').find(".popover").remove();
    });

    $(document).on('click', function (event) {
        $('body').find(".popover").remove();
    });

    $(document).on('mouseover', '.popoverDetailListing', function () {
        $('body').find(".popover").remove();
        $('.popoverDetailListing_' + $(this).data("id")).popover('show');
    });
    $(document).on('mouseleave', '.popover', function () {
        $('body').find(".popover").remove();
    });


});