$(document).ready(function ()
{
    var _url = $("#_url").val();
    $('.graph_dash').each(function (e) {
        $(this).load(_url + $(this).data("url"));
    });




    $("#cost_center").select2({
        theme: "bootstrap"
    });

    $(".datepicker").datepicker({
        language: $("#_lan").val(),
        autoclose: true,
        dateFormat: $("#_formatDate").val()
    });


    $("#client_id").select2({
        theme: "bootstrap",
        placeholder:'',
        ajax: {
            url: $("#_url").val() + 'module_helpdesk/ajax/crm_accounts/customer',
            dataType: "json",
            delay: 250,
            method: "POST",
            data: function (params) {
                var queryParameters = {
                    term: params.term,
                    cost_center: returnFields("#cost_center")
                };
                return queryParameters;
            },
            processResults: function (data) {
                return {
                    results: $.map(data, function (item) {
                        return {
                            text: item.text,
                            id: item.id
                        }
                    })
                };
            },
            cache: true,
        }
    });
    $('#client_id').on('change', function (event) {
        event.preventDefault();
        $('#form-filter').submit();
    });
    
    $('#cost_center').on('change', function (event) {
        event.preventDefault();
        $('#form-filter').submit();
    });


    // 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();
    });

// Period all, day, week, month
    $('#filter-period a').on('click', function (event) {
        event.preventDefault();

        var period = $(this).data('val');
        $("input[name=period]").val(period);

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

    // Period interval datepicker close on selected
    $('input[name=period_ini]').on('change', function () {
        $(this).datepicker('hide');
    });
    $('input[name=period_end]').on('change', function () {
        $(this).datepicker('hide');
    });



    // Clear
    $('#filter-clear').on('click', function (event) {
        event.preventDefault();
        $("input[name=items_per_page]").val('');
        $("#client_id").val('');
        $("#cost_center").val('all');
        $("input[name=period]").val('all');
        $('#form-filter').submit();
    });

    $('.dropdown-period').click(function (event) {
        event.stopPropagation();
    });


});