@model TimeTracker.Models.UserTimeSheet

@using System.ComponentModel
@using System.Data.Entity.Migrations.Builders
@using Kendo.Mvc.UI.Html
@using MvcJqGrid
@using TimeTracker.Controllers
@using TimeTracker.DataAccess
@using TimeTracker.DataAccess.Entities;
@using System.Web.Mvc.Html
@using TimeTracker.Models
@using TimeTracker.Services
@using TimeTracker.Web.Models
@{
    ViewBag.Title = "Employee";
    Layout = "~/Views/Shared/_ViewMaster.cshtml";
    var dateTime = new DateCalculator();
    DateTime myDate = DateTime.Now;
    User curUser = (User)ViewData["CurUser"];

}

<script>

    function Grid_onLoad(griddaypassed) {
        $.post("/Home/GetCurrentPayDates", { name: 'value' },
        function (date) {
            var weekday = new Array(7);
            weekday[0] = "Sun";
            weekday[1] = "Mon";
            weekday[2] = "Tue";
            weekday[3] = "Wed";
            weekday[4] = "Thu";
            weekday[5] = "Fri";
            weekday[6] = "Sat";

           var unformattedDate = date.Name;
            for (var i = 0; i < unformattedDate.length; i++) {
                var formattedDate = unformattedDate[i];
                var jsonFormattedDate = new Date(parseInt(formattedDate.substr(6)));


                if (i <= 6) {
                    var griddate = jsonFormattedDate.getDate();
                    var day = weekday[jsonFormattedDate.getDay()];
                    //$("#grid thead [data-field=dailyhours] .k-link").html(day + '</br>' + date);
                    var colvalues = $("#grid").data("kendoGrid").columns;
                    var columnDefs = [];
                    for (var t = 0; t < colvalues.length; t++) {
                        if (colvalues[t].title === day)
                            // $("#grid thead[t] .k-grid-header").html(day + '</br>' + griddate);
                            var columndayvalue = day;
                        switch (columndayvalue) {
                            case Sun:
                                $("#grid thead").find("[data-field=dailyhoursSun].k-link").html(day + '</br>' + date);
                                break;
                            case Mon:
                                $("#grid thead").find("[data-field=dailyhoursMon].k-link").html(day + '</br>' + date);
                                break;
                            case Tue:
                                $("#grid thead").find("[data-field=dailyhoursTue].k-link").html(day + '</br>' + date);
                                break;
                            case Wed:
                                $("#grid thead").find("[data-field=dailyhoursWed].k-link").html(day + '</br>' + date);
                                break;
                            case Thu:
                                $("#grid thead").find("[data-field=dailyhoursThu].k-link").html(day + '</br>' + date);
                                break;
                            case Fri:
                                $("#grid thead").find("[data-field=dailyhoursFri].k-link").html(day + '</br>' + date);
                                break;
                            case Sat:
                                $("#grid thead").find("[data-field=dailyhoursSat].k-link").html(day + '</br>' + date);

                        }


                    }


                }
                else {
                    if (colvalues[t].title === day + 2) {
                        var columndayvalue2 = day + 2;
                        switch (columndayvalue2) {
                            case Sun2:
                                $("#grid thead").find("[data-field=dailyhoursSun2'].k-link").html(day + '</br>' + date);
                                break;
                            case Mon2:
                                $("#grid thead").find("[data-field=dailyhoursMon2].k-link").html(day + '</br>' + date);
                                break;
                            case Tue2:
                                $("#grid thead").find("[data-field=dailyhoursTue2].k-link").html(day + '</br>' + date);
                                break;
                            case Wed2:
                                $("#grid thead").find("[data-field=dailyhoursWed2].k-link").html(day + '</br>' + date);
                                break;
                            case Thu2:
                                $("#grid thead").find("[data-field=dailyhoursThu2].k-link").html(day + '</br>' + date);
                                break;
                            case Fri2:
                                $("#grid thead").find("[data-field=dailyhoursFri2].k-link").html(day + '</br>' + date);
                                break;
                            case Sat2:
                                $("#grid thead").find("[data-field=dailyhoursSat2].k-link").html(day + '</br>' + date);

                        }

                    }

                }

            }

        }, 'json');
    }

</script>

<h2>Time Entry</h2>
@(Html.Kendo().DatePicker()
.Name("datepicker")
      .Value("10/10/2014)"))


<div id="clientsDb">
    @(Html.Kendo().Grid<UserTimeSheet>()
        .Name("grid")

        .Columns(columns =>
        {
            columns.Bound(c => c.id).Width(75);
            columns.Bound(c => c.task).Width(75);
            columns.Bound(c => c.activity).Width(75);

            columns.Bound(c => c.dailyhoursSun).Format("{0:#.##}").Title("Sun").ClientTemplate("#= Grid_onLoad(\"Sun\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Sun").ClientTemplate("#= Grid_onLoad(\"Sun\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Mon").ClientTemplate("#= Grid_onLoad(\"Mon\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Tue").ClientTemplate("#= Grid_onLoad(\"Tue\")#").Width(0);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Wed").ClientTemplate("#= Grid_onLoad(\"Wed\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Thu").ClientTemplate("#= Grid_onLoad(\"Thu\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Fri").ClientTemplate("#= Grid_onLoad(\"Fri\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Sat").ClientTemplate("#= Grid_onLoad(\"Sat\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Sun2").ClientTemplate("#= Grid_onLoad(\"Sun\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Mon2").ClientTemplate("#= Grid_onLoad(\"Mon\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Tue2").ClientTemplate("#= Grid_onLoad(\"Tye\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Wed2").ClientTemplate("#= Grid_onLoad(\"Wed\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Thu2").ClientTemplate("#= Grid_onLoad(\"Thu\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Fri2").ClientTemplate("#= Grid_onLoad(\"Fri\")#").Width(80);
            columns.Bound(c => c.dailyhours).Format("{0:#.##}").Title("Sat2").ClientTemplate("#= Grid_onLoad(\"Sat\")#").Width(50);


        })

                        .HtmlAttributes(new { style = "height: 200px;" })
                        .Scrollable()
                        .Groupable()
                        .Sortable()
                        .Pageable(pageable => pageable
                            .Refresh(true)
                            .PageSizes(true)
                            .ButtonCount(5))
                        .DataSource(dataSource => dataSource
                            .Ajax()
                                    .Read(read => read.Action("UserHours_Read", "Home"))


                        )

    )
</div>





@*Any Content Here will be below the Navigation Buttons*@

