$(document).ready(function ()
{
    $('#filter-clear').on('click', function (event) {
        event.preventDefault();
        $("input[name=search]").val('');
        $("input[name=period]").val('');
        $("input[name=period_ini]").val('');
        $("input[name=period_end]").val('');
        $("input[name=employee_id]").val('');
        $('#form-filter').submit();
    });

    $(".datepicker").datepicker({
        language: $("#_lan").val(),
        autoclose: true,
        dateFormat: $("#_formatDate").val()
    });
    $('.dropdown-period').click(function (event) {
        event.stopPropagation();
    });

    $('.filterUL a').on('click', function (event) {
        event.preventDefault();

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

        $('#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_ini_end]').on('change', function () {
        $(this).datepicker('hide');
    });

    // Period interval
    $('#period-filter-interval').on('click', function (event) {
        event.preventDefault();
            var ini = $('input[name=period_ini]').val();
            var end = $('input[name=period_end]').val();
            if(ini.length > 0 || end.length > 0)
                $("input[name=period]").val('interval');
                    
        $('#form-filter').submit();
    });


    $('[data-toggle="tooltip"]').tooltip();
});