$(document).ready(function ()
{
    var _url = $("#_url").val();
    $(".datepicker").datepicker({
            language:  $("#_lan").val(),
            autoclose: true,
            dateFormat: $("#_formatDate").val()
    });
        
    findDataSelect("#client_id", 'module_helpdesk/ajax/crm_accounts', '');
    findDataSelect("#responsible_id", 'module_helpdesk/ajax/crm_accounts/Employee', '');

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

	$('#responsible_id').on('change', function(event) {
        	event.preventDefault();
            $('#form-filter').submit();
	});
        $('#status').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=search]").val('');
		$("input[name=items_per_page]").val('');
		$("#client_id").val('');
		$("#responsible_id").val('');
		$("input[name=status]").val('all');
                $("input[name=period]").val('all');
		$('#form-filter').submit();
	});
        
        $('.dropdown-period').click(function (event) {
            event.stopPropagation();
	});
        
       



    });