@using TimeTracker.Models
@model TimeTracker.Models.UserTimeSheet

@(Html.Kendo().DropDownList()
.Name("Activity")

.OptionLabel("Select Activity")
.DataTextField("ActivityName")
.DataValueField("ActivityCode")
.BindTo(new SelectList(Model.activities, "ActvityCode", "ActivityName", Model.activityCode))
.Value("ActivityCode")
.HtmlAttributes(new {required = true})
)

@using System.ComponentModel
@using System.ComponentModel.DataAnnotations
@using System.Data.Entity.Migrations.Builders

@using TimeTracker.Web.Controllers
@using TimeTracker.DataAccess
@using TimeTracker.DataAccess.Entities;
@using System.Web.Mvc.Html
@using TimeTracker.Models
@using TimeTracker.Web.Models
@using TimeTracker.Web.Services
@using Kendo.Mvc.UI.Html
@{
    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() {
        $.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;

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

                                }


                        }



                    } else {
                        for (var t2 = 0; t2 < colvalues.length; t++) {
                            if (colvalues[t2].title === day + 2) {
                                var columndayvalue2 = day + 2;
                                switch (columndayvalue2) {
                                    case "Sun2":
                                        $("#grid thead").find("[data-field=dailyhoursSun2'] .k-link").Title(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>
@section PageNavigation{
    <label>TIME SHEET NAV HERE</label>

}
@section SubHeader{
    <div style="text-align: left;">@curUser.FullName Status: Pending Submissionfor Pay Period Sun @dateTime.FindStartOfPayPeriod(@dateTime.GetCurDateTime()).ToShortDateString() - Sat @dateTime.FindStartOfPayPeriod(@dateTime.GetCurDateTime()).AddDays(13).ToShortDateString()  <br /></div>
}
<h2>Time Entry</h2>


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

        .Columns(columns =>
        {
            columns.Bound(c => c.edipi);
            columns.Bound(c => c.id).Width(75);
            columns.Bound(c => c.task).Width(75);
            columns.Bound(c => c.activity).Title("Activity").Width(75).ClientTemplate("#=activities.ActivityName#");

            //columns.Bound(c => c.dailyhoursSun).Format("{0:#.##}").Title("Sun").ClientTemplate("#= Grid_onLoad()#").Width(80);
            columns.Bound(c => c.dailyhoursSun).Format("{0:#.##}").Title("Sun").Width(80);
            columns.Bound(c => c.dailyhoursMon).Format("{0:#.##}").Title("Mon").Width(80);
            columns.Bound(c => c.dailyhoursTue).Format("{0:#.##}").Title("Tue").Width(0);
            columns.Bound(c => c.dailyhoursWed).Format("{0:#.##}").Title("Wed").Width(80);
            columns.Bound(c => c.dailyhoursThu).Format("{0:#.##}").Title("Thu").Width(80);
            columns.Bound(c => c.dailyhoursFri).Format("{0:#.##}").Title("Fri").Width(80);
            columns.Bound(c => c.dailyhoursSat).Format("{0:#.##}").Title("Sat").Width(80);
            columns.Bound(c => c.dailyhoursSun2).Format("{0:#.##}").Title("Sun").Width(80);
            columns.Bound(c => c.dailyhoursMon2).Format("{0:#.##}").Title("Mon").Width(80);
            columns.Bound(c => c.dailyhoursTue2).Format("{0:#.##}").Title("Tue").Width(80);
            columns.Bound(c => c.dailyhoursWed2).Format("{0:#.##}").Title("Wed").Width(80);
            columns.Bound(c => c.dailyhoursThu2).Format("{0:#.##}").Title("Thu").Width(80);
            columns.Bound(c => c.dailyhoursFri2).Format("{0:#.##}").Title("Fri").Width(80);
            columns.Bound(c => c.dailyhoursSat2).Format("{0:#.##}").Title("Sat").Width(50);
            columns.Command(commands => { commands.Edit(); commands.Destroy(); }).Width(200);


        })

                        .HtmlAttributes(new { style = "height: 200px;" })
                        
                        .Scrollable()
                        .Groupable()
                        .Sortable()
                        //.Reorderable(true)
                        
                        .ToolBar(toolbar => toolbar.Create())
                        .Editable(editable => editable.Mode(GridEditMode.InLine))
                        .Pageable(pageable => pageable
                            .Refresh(false)
                            .PageSizes(true)
                            .ButtonCount(5))
                        .DataSource(dataSource => dataSource.Ajax()
                            .Model(model =>
                            {
                                model.Id(t => t.id);
                                model.Field(t => t.id);
                            })
                                    .Create(update => update.Action("TimeSheet_CreateRow", "Home"))
                                    .Read(read => read.Action("UserHours_Read", "Home"))
                                    .Update(update => update.Action("Edit_Update", "Home"))
                                    .Destroy(destroy => destroy.Action("Delete_TimeSheetRow", "Home"))


                        )

    )
</div>





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

