@model  IEnumerable<GODATA.Models.Report.DummyOpenTicketDetail>
@if (Model != null && Model.Count() > 0)
{
@*<div id="TBL">*@   
   
    <div class="DInv_Tbl_Wrapper OpenTicket_Tbl">
        @if (@ViewBag.UserRole == "cce" || @ViewBag.UserRole == "cce_admin")
        {
            @(Html.Kendo().Grid<GODATA.Models.Report.DummyOpenTicketDetail>(Model)
                .Name("PendingTicket")
                .Columns(columns =>
                {
                    columns.Bound(column => column.VehicleRegisterNumber).Title("Vehicle Registration No.");
                    columns.Bound(column => column.CreationTime).Title("Creation Time");
                    columns.Bound(column => column.DurationTime).Title("Duration Time (HH:MM)");
                    columns.Bound(column => column.VehicleTagging).Title("Vehicle Type");
                    columns.Bound(column => column.CustomerName);
                    //.Width("206px");
                    columns.Bound(column => column.CustomerContactNo).Title("Customer Contact No.");
                    //.Width("170px");
                    columns.Bound(column => column.CallerLanguage).Title("Language");
                    columns.Bound(column => column.TollFreeNoSource).Title("Source of Toll Free No.");
                    columns.Bound(column => column.BreakdownLocation).Title("Breakdown Location");
                    columns.Bound(column => column.Description).Title("Nature of Problem");
                    columns.Bound(column => column.Warranty).Title("Warranty");
                    columns.Command(command =>
                       {
                           command.Custom("EditTicketActivity").Text("Edit").Click("editActivity").HtmlAttributes(new { title = "Edit Ticket Activity" });
                           command.Custom("DeleteTicket").Text("Details").Click("deleteTicket").HtmlAttributes(new { title = "Delete" });
                       }).Title("User Actions");
                    //.HtmlAttributes(new { @id = "tdTicketDetails" });

                    //.Width("92px");
                })
                .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((int)ViewBag.pageSize)
                .ServerOperation(false)

        //.Events(events => events.Error("error_handler"))
            )
        //.Events(events => events.DataBound("setPagerAndGroupBarWidth"))
)
        }
        else
        {
            @(Html.Kendo().Grid<GODATA.Models.Report.DummyOpenTicketDetail>(Model)
                .Name("PendingTicket")
                .Columns(columns =>
                {
                    columns.Bound(column => column.VehicleRegisterNumber).Title("Vehicle Registration No.");
                    columns.Bound(column => column.VehicleTagging).Title("Vehicle Type");
                    columns.Bound(column => column.CreationTime).Title("Creation Time");
                    columns.Bound(column => column.DurationTime).Title("Duration Time");
                    columns.Bound(column => column.CustomerName);
                    //.Width("206px");
                    columns.Bound(column => column.CustomerContactNo).Title("Customer Contact No.");
                    //.Width("170px");
                    columns.Bound(column => column.CallerLanguage).Title("Language");
                    columns.Bound(column => column.TollFreeNoSource).Title("Source of Toll Free No.");
                    columns.Bound(column => column.BreakdownLocation).Title("Breakdown Location");
                    columns.Bound(column => column.Description).Title("Nature of Problem");
                    columns.Bound(column => column.Warranty).Title("Warranty");
                })
                .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((int)ViewBag.pageSize)
                .ServerOperation(false)
            ))
        }
    </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; }
</style>
<script>
    var userRole = '@ViewBag.UserRole';
</script>