@model  IEnumerable<GODATA.Models.Report.CustomerReportsList>
@if (Model != null && Model.Count() > 0)
{
    <div class="DInv_Tbl_Wrapper OpenTicket_Tbl">
        @(Html.Kendo().Grid<GODATA.Models.Report.CustomerReportsList>(Model)
                .Name("OpenTicket")
                .Columns(columns =>
                {
                    columns.Bound(column => column.TicketIdAlias).Width(150).Title("Ticket Id");
                    columns.Bound(column => column.CreationDate).Width(150);
                    columns.Bound(column => column.BreakdownLocation).Width(200);
                    columns.Bound(column => column.State).Width(100);
                    columns.Bound(column => column.City).Width(100);
                    columns.Bound(column => column.CustomerName).Width(150);
                    columns.Bound(column => column.CustomerContact).Width(150);
                    columns.Bound(column => column.DriverName).Width(150);
                    columns.Bound(column => column.VehicleModelTag).Width(100);
                    columns.Bound(column => column.ModelNo).Width(200);
                    columns.Bound(column => column.VehicleRegNo).Width(150);
                    columns.Bound(column => column.DefaultSlaTime).Width(150).Title("Default SLA Time (Min)");
                    columns.Bound(column => column.ResponseSlaTime).Width(150).Title("Response SLA Time (Min)");
                    columns.Bound(column => column.TicketLifeCycleTime).Width(150).Title("Ticket Lifecycle Time (Hrs)");
                    columns.Bound(column => column.Description).Width(150).Title("Nature of Problem");
                    columns.Bound(column => column.ServiceEngg).Width(100).Title("EOS Team Member/Van Reg No");
                    columns.Bound(column => column.DealerName).Width(150);
                    columns.Bound(column => column.DealerContact).Width(150);
                    columns.Bound(column => column.Organization).Width(100);
                    //columns.Bound(column => column.VehicleTagging).Title("Vehicle Type");
                })
                .Pageable()
        .Selectable()
                .Scrollable()
        //.Navigatable()
                .Sortable()
        // .Groupable()
                //.Filterable()
                .Resizable(resize => resize.Columns(true))
                //.Events(events => events.DataBound("onRowBound").ColumnResize("onColumnResize"))
                .DataSource(dataSource => dataSource
                .Ajax()
                .Batch(true)
                .PageSize(Convert.ToInt32(ViewData["PageSize"]))
                .ServerOperation(false)
                
        //.Events(events => events.Error("error_handler"))
            )
        //.Events(events => events.DataBound("setPagerAndGroupBarWidth"))
)
    </div>
}
else
{
    <div class="no_data" style="top: 0%;">
                <span>
                    <p class="fs16">No data available on selected filter !!!</p>
                    <p>Please select different filter.</p>
                </span>
            </div>
}
@*<style>
    .slaMet {
        box-shadow: 4px 0px 0px green inset;
    }

    .slaNotMet {
        box-shadow: 4px 0px 0px red inset;
    }
</style>*@