@model  IEnumerable<GODATA.Models.Report.TicketList>
@if (Model != null && Model.Count() > 0)
{
    @*<div id="TBL">
    *@

    <div class="DInv_Tbl_Wrapper OpenTicket_Tbl">

        @(Html.Kendo().Grid<GODATA.Models.Report.TicketList>
                (Model)
                .Name("OpenTicket")
                .Columns(columns =>
                {
                    columns.Bound(column => column.CreationTimeMorethan24Hrs).Hidden();
                    
                    columns.Bound(column => column.Id).Hidden();
                    columns.Bound(column => column.ticketid_alias);
                    columns.Bound(column => column.ServiceEngineerAlias).Title("Created By");
                    columns.Bound(column => column.TicketStatusAlias);
                    columns.Bound(column => column.CreationTime);
                    columns.Bound(column => column.caller_language).Title("Language");
                    columns.Bound(column => column.Description).Title("Nature of problem");
                    columns.Bound(column => column.VehicleRegistrationNo).Title("Vehicle Registration No.");
                    columns.Bound(column => column.ChassisNo).Title("Chassis Number");
                    columns.Bound(column => column.VehicleTagging).Title("Vehicle Type");
                    columns.Bound(column => column.ServiceEngineerPinPassword).Title("Emission Norms");
                    columns.Bound(column => column.VehicleType).Title("Device Status");
                    columns.Bound(column => column.OdometerReading).Title("Odometer Reading");

                    columns.Bound(column => column.CustomerName);
                    //.Width("206px");
                    columns.Bound(column => column.CustomeContact_no);
                    columns.Bound(column => column.ServiceEngineerApplicationLicenseKey).Title("Region");
                    //.Width("170px");
                    columns.Bound(column => column.Designation).Title("dealer 1scode");

                    columns.Bound(column => column.DealerDealerName);
                    columns.Bound(column => column.ServiceEngineerContactNumber);
                    columns.Bound(column => column.ServiceEngineerName).Title("EOS Team Member/Van Reg No.");

                    //.Width("167px");
                    // columns.Bound(column => column.ServiceEngineerContactNumber).Title("EOS Team Contact No."); ;
                    //.Width("167px");
                    columns.Bound(column => column.BreakDownLocation).Title("CSM Name");
                    columns.Bound(column => column.BreackDownLongitude).Title("csm contact no");
                    columns.Bound(column => column.AssignedToUserLatitude).Title("ASM Name");
                    columns.Bound(column => column.BreakdownLocationLandmark).Title("asm contact no");
                    columns.Bound(column => column.BreackDownLatitude).Title("RSM Name");
                    columns.Bound(column => column.AssignedToUserLongitude).Title("rsm contact no");
                    columns.Bound(column => column.Remarks).Title("Remarks");
                    columns.Bound(column => column.DefaultSlaTime).Title("Default SLA Time (in min)");
                    columns.Bound(column => column.TotalTicketLifeCycleTimeSlab);
					columns.Bound(column => column.AssignedTo);
                    columns.Bound(column => column.VanVanDefaultLattitude).Title("Fuel Type");
                    columns.Bound(column => column.VanCity).Title("Vehicle Model Number");
                    columns.Bound(column => column.AuthEngineId).Title("Battery Voltage");
                    columns.Bound(column => column.VanLongitudeAtTripEnd).Title("Fuel Level(In L)");
                    columns.Bound(column => column.VanLatitudeAtTripStart).Title("DEF Level(In L)");
                    
                    columns.Bound(column => column.VanLatitudeAtVanReached).Title("Pre Closure Reason");
                    columns.Bound(column => column.VanReachedPunchTime).Title("Van Reach By Call Center");


                  
 



                    columns.Command(command => command.Custom("gps_status").Text("")).Title("Van Status").HtmlAttributes(new { @class = "removeLink" });

                    columns.Command(command => command.Custom("resolutionSla").Text("")).Title("Resolution SLA").Hidden();




                    //.Width("133px")

                    //.Width("145px");

                    //.Width("288px");






                    //added on 23-12-2020

                    //columns.Bound(column => column.gps_status).Title("Status");
                    columns.Command(command =>
                    {
                        command.Custom("TicketDetails").Text("Details").Click("showOpenTicketDetails").HtmlAttributes(new { title = "Show Details" });
                        command.Custom("EditTicketActivity").Text("Edit").Click("editActivity").HtmlAttributes(new { title = "Edit Ticket Activity" });
                    }).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"))
                )
    </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;
    }
    /* .highlighted-row {
                background-color: #db8832;
            }*/
    #divGrid .OpenTicket_Tbl .k-grid td {
        overflow: visible;
        text-overflow: inherit;
        text-align: center;
        width: 150px;
    }

    #divGrid .OpenTicket_Tbl .k-grid-header .k-header {
        overflow: visible;
        white-space: inherit;
        text-overflow: inherit;
        width: 150px;
        vertical-align: top;
        padding-bottom: 0;
    }

    #divGrid .OpenTicket_Tbl .k-grid td.text-shows {
        height: 60px !important;
        overflow: hidden !important;
        position: relative;
        display: inline-block;
        margin: 0 5px 0 5px;
        text-overflow: ellipsis !important;
        white-space: nowrap;
        color: #000;
    }
	#divGrid .OpenTicket_Tbl .k-grid td {
    overflow: visible;
    text-overflow: inherit;
    text-align: center;
    width: 150px;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-word;
}
	
	#divGrid .OpenTicket_Tbl .k-grid-header .k-header {

    overflow: visible;

    white-space: inherit;

    text-overflow: inherit;

    width: 150px;

    vertical-align: top;

    padding-bottom: 0;

    box-sizing: border-box;

}

 
</style>
<script>
            getRefresh();
            var userRole = '@ViewBag.UserRole';
</script>