$(function($) {
   var yearinput = document.getElementById('Year').value;
   var monthinput = document.getElementById('Month').value;
    data = '{"month":"'+monthinput+'","year":"'+yearinput+'"}';
    data  = JSON.parse(data);
    console.log(data);
    $.ajax({
        type: "POST",
        url: "LoadTimesheetAuto.php",
        data: data,
        success: function (result) {
        },
    }).done(function(timesheet_db) {

        //countries.unshift({ id: "0", name: "" });

        $("#jsGrid").jsGrid({
            width: "100%",

            filtering: false,
            inserting: false,
            editing: true,
            sorting: true,
            paging: true,
            autoload: true,

            pageSize: 10,
            pageButtonCount: 5,
            deleteConfirm: "Do you really want to delete client?",
            controller: {
                loadData: function(filter) {
                  console.log(filter);
                    return $.ajax({
                        type: "POST",
                        url: "LoadTimesheetAuto.php",
                        data: data
                    });
                },
                insertItem: function(item) {
                    return $.ajax({
                        type: "POST",
                        url: "/clients/",
                        data: item
                    });
                },
                updateItem: function(item) {
                    return $.ajax({
                        type: "POST",
                        url: "Update.php",
                        data: item,
                        success: function (result) {
                          console.log(result);
                          //$("#jsGrid").jsGrid("refresh");
                        },
                    });
                },
                deleteItem: function(item) {
                    return $.ajax({
                        type: "DELETE",
                        url: "/clients/",
                        data: item
                    });
                }
            },
            fields: [
                { name: "TimeSheetId", type: "number",visible:false},
                { name: "TaskDate", type: "text", validate: "required", width: 50 },
                { name: "TaskDescription", type: "text", validate: "required", width: 100 },
                { name: "Duration", title:"Duration (Hrs.)", type: "decimal", step:"0.01", validate: "required", width: 50 },
                { name: "CaseNumber", type: "text", width: 50 },
                { name: "CustomerName", type: "text", width: 50 },
                { name: "CustomerCode", type: "text", width: 50, visible:false },
                { type: "control" }
            ],
        });

    });


});