@model  IEnumerable<GODATA.Models.Report.TicketListForScore>
@if (Model != null && Model.Count() > 0)
{
@*<div id="TBL">*@    
    <div class="DInv_Tbl_Wrapper CloseTicketWrapper">
        @(Html.Kendo().Grid<GODATA.Models.Report.TicketListForScore>(Model)
                .Name("TicketScoreReport")
                .Columns(columns =>
                      {
                          columns.Bound(column => column.AssignedTo).Hidden();
                          columns.Bound(column => column.Id).Hidden();
                          columns.Bound(column => column.ticketid_alias);
                          //.Width("182px");
                          columns.Bound(column => column.CustomerName);
                          //.Width("238px");
                          columns.Bound(column => column.CustomeContact_no);
                          //.Width("175px")
                          columns.Bound(column => column.VehicleRegistrationNo).Title("Vehicle Registration No.");
                          columns.Bound(column => column.VehicleTagging).Title("Vehicle Type");
                          //.Width(70);
                          columns.Bound(column => column.DefaultSlaTime).Title("Default SLA Time (in min)");
                          //.Width(70);
                          columns.Command(command => command.Custom("resolutionSla").Text("")).Title("Resolution SLA").Hidden();
                          //.Width("121px");
                          columns.Bound(column => column.TotalTicketLifeCycleTimeSlab);
                          //.Width("177px");
                          columns.Bound(column => column.ServiceEngineerName).Title("EOS Team Member/Van Reg No.");
                          //.Width("303px");
                          columns.Bound(column => column.DealerDealerName);
                          //.Width("167px");
                          columns.Bound(column => column.Age).Hidden();
                          columns.Bound(column => column.ServiceEngineerContactNumber);
                          columns.Bound(column => column.caller_language).Title("Language");
                          columns.Bound(column => column.DefaultCol2).Title("Feedback Agent");
                          columns.Bound(column => column.feedback_call_status).Title("Feedback Status");
                          columns.Bound(column => column.total_count).Title("Total Feedback Attempt");
                          columns.Bound(column => column.Score).Title("Current Score");
                          columns.Command(command =>
                             {
                                 command.Custom("TicketDetails").Text("Details").Click("showCloseTicketDetails").HtmlAttributes(new { title = "Show Details" });
                             }).Title("User Actions");
                      })
                .Pageable()
                .Scrollable()
                .EnableCustomBinding(true)
                .Filterable()
                .Resizable(resize => resize.Columns(true))
               .Events(events => events.DataBound("onRowBoundTicketScoreGrid").ColumnResize("onColumnResize"))
               .DataSource(dataSource => dataSource
                .Ajax()
                .Batch(true)
                .PageSize((int)ViewBag.pageSize)
                               .Read(read => read.Action("Report_GetAllTicketScoreeGrid_Pager", "Report", new { userId = ViewBag.userId, startDate = ViewBag.startDate, endDate = ViewBag.endDate, ticketStatus = ViewBag.ticketStatus, total = ViewBag.total }))
                               .Total((int)ViewBag.total)
            )
)
    </div>
}
else
{
    <div id="divmessage" class="no_data">
        <span>
            <p class="fs16">@*No Data Available !!!*@
                @System.Configuration.ConfigurationManager.AppSettings["no_data_available"].ToString()
            </p>
        </span>
    </div>
}


<style>
    .slaMet {
        box-shadow: 4px 0px 0px green inset;
    }

    .slaNotMet {
        box-shadow: 4px 0px 0px red inset;
    }

    .removeLink a {
        cursor: default;
    }

    .k-grid td:nth-last-child(4) {
        text-align: left !important;
    }

    div#TicketScoreReport div.k-grid-content {
        height: 450px !important;
    }
</style>
<script>
    //getRefresh();
</script>