model custom.Web.Models.TimeSheetViewModel
@{
    ViewBag.Title = "Timesheet";
} 


@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    <div>
        <h4>Timesheet for @Model.SelectedPayRollWeek</h4>
        @Html.HiddenFor(m => m.SelectedPayRollWeek)
        <div class="row">
            <div class="col-sm-4"><b>Name:</b>&nbsp;@Model.EmployeeName</div>
            <div class="col-sm-4"><b>Approver:</b>&nbsp;@Model.ApproverName</div>
            @Html.HiddenFor(m => m.EmployeeName)
            @Html.HiddenFor(m => m.ApproverName)
            @Html.HiddenFor(m => m.tz)   //Timezone

        </div>
<div id="breaks-not-taken-section" style="display:none">
   
                     @if (Model.TimeSheet.DayList != null)
                    {
                        for (var i = 0; i < Model.TimeSheet.DayList.Count(); i++)
                        {
                            if ((Model.TimeSheet.DayList[i].Total_Worked > 0) && (Model.TimeSheet.DayList[i].Total_Lunch <= 0))
                            {
                                <div class="checkbox">
                                    <label>@Html.CheckBoxFor(m => Model.TimeSheet.DayList[i].IsMealBreakWaived, new { @class = "missed" }) @Html.FormatDayOfTheWeek(Model.TimeSheet.DayList[i].TRAN_DATE) @Html.HiddenFor(x => Model.TimeSheet.DayList[i].TRAN_DATE)</label>
                                </div>
                                @Html.HiddenFor(x => Model.TimeSheet.DayList[i].IsMealBreakAllowed)

                            }
                        }
                    }
                
</div>

}

@section Scripts
{
$(".missed").click(function () {
    //var formData = $("form").serialize();
    //alert(JSON.stringify(formData));

    $.post("/Home/Calculate", $("form").serialize(), function (json) {
         // perform a page refresh/postpack
          alert("Success");
      });
 });


}