@model IEnumerable<GODATA.Models.Ticket.TicketOpenCloseModel>

@*<script src="~/Scripts/Report/reportTicketDetails.js"></script>*@
@Scripts.Render("~/bundles/jsTicketReportFullDetail")
@if (Model != null && Model.Count() > 0)
{

    <input id="ticketStatusHidden" type="hidden" value="@Model.Select(s => s.TicketStatus).FirstOrDefault().ToString()" />
    <input id="ticketAssignedToHidden" type="hidden" value="@Model.Select(s => s.AssignedTo).FirstOrDefault().ToString()" />

    <div class="size25 left">
        <div class="window">
            <div class="titlebar">
                <div class="title">
                    Ticket List
                </div>
            </div>
            <div class="innerWindow ">
                @*<div class="toolbar" style="border-bottom: 1px solid #d5d5d5;">
                    </div>*@
                <div id="divTicket" class="content withtoolbar" style="margin-top: -27px; overflow-x: auto;">
                    @if (ViewBag.CloseTicketHistory != null)
                    {
                        <table id="tableTicketHistory" data-ticketstatus="close" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th width="84px">
                                        Id
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                    <th>
                                        Resolution SLA (in min)
                                    </th>
                                    <th>
                                        Response SLA (in min)
                                    </th>
                                    <th>
                                        Closure within 24 Hrs and Feedback
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item2 in (List<GODATA.Models.Ticket.TicketModel>)ViewBag.CloseTicketHistory)
                                {
                                    <tr id="@item2.TicketId" data-ticketStatus="@item2.TicketStatusAlias" data-ticketCreationTime="@item2.CreationTime" data-reason24Hrs="@Convert.ToDouble(item2.TotalTicketCloseHours)" data-isFeedback="@item2.FeedBackAgenName" class="trData">
                                        <td width="84px" class="SelectRow">
                                            @Html.DisplayFor(modelItem => item2.TicketIdAlias)
                                        </td>
                                        <td class="SelectRow">
                                            @Html.DisplayFor(modelItem => item2.TicketStatusAlias)
                                        </td>
                                        <td class="SelectRow">
                                            @Html.DisplayFor(modelItem => item2.DefaultSlaTime)
                                        </td>
                                        <td class="SelectRow">
                                            @Html.DisplayFor(modelItem => item2.TotalTicketLifecycleTimeSla)
                                        </td>

                                        @if (item2.CallStatus == null) { item2.CallStatus = ""; } else { item2.CallStatus = item2.CallStatus; }


                                        @* if feedback and reason for 24 hrs are filled *@
                                        @if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="span24Hrs" class="Hours" style="background: green;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: green;">F</span>
                                            </td>
                                        }
                                        @* if reason is filled and feedback is not filled *@
                                        else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() != "feedback collected" || item2.CallStatus.ToString() == "" || item2.CallStatus.ToString() == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
                                        //else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="span24Hrs" class="Hours" style="background: green;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: red;">F</span>
                                                &nbsp;
                                            </td>
                                        }
                                        @* if reason and feedback are not filled *@
                                        else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() != "feedback collected" || item2.CallStatus.ToString() == "" || item2.CallStatus.ToString() == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
                                        //else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="span24Hrs" class="Hours" style="background: red;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: red;">F</span>
                                                &nbsp;
                                            </td>
                                        }
                                        @* if reason is not filled and feedback is filled *@
                                        else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
                                        //else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null) && (item2.ReasonBeyond24Hrs == "" || item2.ReasonBeyond24Hrs == null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="span24Hrs" class="Hours" style="background: red;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: green;">F</span>
                                                &nbsp;
                                            </td>
                                        }
                                        @* if ticket is not under case of 24 hrs closure and feedback is not filled *@
                                        else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.CallStatus.ToString().ToLower().Trim() != "feedback collected"))
                                        //else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="spanFeedback" class="feedback" style="background: red;">F</span>
                                                &nbsp;
                                            </td>
                                        }
                                        @* if ticket is not under case of 24 hrs closure and feedback is filled *@
                                        else if ((Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24)) && ((item2.CallStatus.ToString()).ToLower().Trim() == "feedback collected"))
                                        //else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null))
                                        {
                                            <td class="SelectRow reasonFeedback" align="">
                                                &nbsp;<span id="spanFeedback" class="feedback" style="background: green;">F</span>
                                                &nbsp;
                                            </td>
                                        }
                                    </tr>
                                }
                            </tbody>
                        </table>
                    }
                    else
                    {
                        <table id="tableTicketHistory" data-ticketstatus="open" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th width="84px">
                                        Id
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                    <th>
                                        Resolution SLA (in min)
                                    </th>
                                    <th>
                                        Response SLA (in min)
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach (var item in Model)
                                {

                                    <tr id="@item.TicketId" data-ticketStatus="@item.TicketStatusAlias" class="trData">
                                        <td width="84px" class="SelectRow ">
                                            @Html.DisplayFor(modelItem => item.TicketIdAlias)
                                        </td>
                                        <td class="SelectRow ">
                                            @Html.DisplayFor(modelItem => item.TicketStatusAlias)
                                        </td>
                                        <td class="SelectRow ">
                                            @Html.DisplayFor(modelItem => item.DefaultSlaTime)
                                        </td>
                                        <td class="SelectRow ">
                                            @Html.DisplayFor(modelItem => item.TotalTicketLifecycleTimeSla)
                                        </td>
                                    </tr>
                                }
                            </tbody>
                        </table>
                    }
                </div>
            </div>
        </div>
    </div>
    <div class="size50 mid20-20" id="divMap" style="left: 25%;">
        <div class="window">
            <div class="titlebar">
                <div class="title">
                    Ticket Information
                </div>
            </div>
            <div class="innerWindow">
                <div id="divMapDetail" class="toolbar DeatilPopup">
                    <ul class="toolUl">
                       @* <li class="editBtn">
                            <div class="toolBtn">
                                <label id="labelRoute">
                                    <span class="k-icon k-add" style="background-image: none;"></span>Route Map
                                </label>
                            </div>
                        </li>*@
                        <li class="editBtn">
                            <div class="toolBtn">
                                <label id="labelActivity">
                                    <span class="k-icon k-add" style="background-image: none;"></span>Ticket Activity
                                </label>
                            </div>
                        </li>
						  <li class="editBtn" id="listpaymentdetais">
                            <div class="toolBtn">
                                <label id="labelpayment" onclick="getPaymentDetails();">
                                    <span class="k-icon k-add" style="background-image: none;"></span>Payment Details (
                                    <span id="spncount" style="color:red;"></span> )
                                </label>
                            </div>

                        </li>
                    @*    <li class="editBtn"  style="display:block;" id="lidtcdata">
                        <div class="toolBtn">
                            <label id="labelDTCData" onclick="onclickLabelDtcData();">
                                <span class="k-icon k-add" style="background-image: none;"></span>DTC Data<label id="lblDTCCount"></label>
                            </label>
                        </div>
                    </li>*@
					
<li class="editBtn" style="display:block;" id="lidtcdata">
                            <div class="toolBtn">
                                <label id="labelDTCData" onclick="onclickLabelDtcData();">
                                    <span class="k-icon k-add" style="background-image: none;"></span>DTC Data<label id="lblDTCCountSuperAdmin"></label>
                                </label>
                            </div>
                        </li>
                        <li class="editBtn" id="listFeedback">
                            <div class="toolBtn">
                                <label id="labelFeedback">
                                    <span class="k-icon k-add" style="background-image: none;"></span>Feedback
                                </label>
                            </div>
                        </li>
                    </ul>
                </div>
                @*<div id="divMapContainer" class="innerWindow">*@
                <div id="divMapContainer" class="content MapBox" style="top: 32px;">
                    <img src="" id="staticMapImgUrl" />
                </div>
 <div id="divPaymentDeatils" class="content" style="display: none;margin-top:41px;">
                    <div id="dvpdf">
                        <span id="spnpayment">
                            Hi, Total amount paid pertaining to EOS ticket <span id="spntid"></span> is Rs <span id="spnamount"></span>/- .<br />
                            <div> Following are the payment details :</div>
                        </span>
                        <table id="tblpayment" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%">
                            <thead>
                                <tr>
                                    <th><span>Payment Date</span></th>
                                    <th><span>Time</span></th>
                                    <th><span>Paid By</span></th>
                                    <th><span>Mobile number</span></th>
                                    <th><span>Paid Amount</span></th>
                                    <th><span>Mode Of Payment</span></th>
                                    <th><span>Remarks</span></th>
                                    <th><span>Payment Updated By</span></th>
                                </tr>
                            </thead>

                            <tbody id="tblpaymentdata"></tbody>
                        </table>
                    </div>
                    <div id="dvError" style="margin-top:12px;font-size:16px;"></div>
                    <br />

                </div>
                <div id="divActivity" class="content" style="top: 32px; display: none; overflow: hidden;">
                </div>
                 <div id="divDTCDta" class="content" style="display: none;">
                           
	         <table id="dateTable" style="display:none;"  >
	            <tbody>
	               <tr>
	                  <td> <div class="datesectiondtc">
          

                         
                          </div>
       
					   </td>
	                 			</tr></tbody></table>	

                <table class="modalTable">
                    <thead role="grid" id="tblvolvo" style="display:none;">
                        <tr>
                          @*  <th><span>chassis No</span></th>
                            <th><span>Emission Norms</span></th>
                            <th><span>Segment</span></th>
                            <th><span>Engine No</span></th>
                            <th><span>Model</span></th>
                            <th><span>Chassis Id</span></th>*@
                            <th><span>Dtc Code</span></th>                           
                            <th><span>Description</span></th>
                            <th><span>Occurance Count</span></th>
                            <th><span>FirstFailureTime</span></th>
                            <th><span>Last FailureTime</span></th>
							 <th><span>Dtc Status</span></th>
                          @*  <th><span>Main Software</span></th>
                            <th><span>Packet DateTime</span></th>*@

                        </tr>
                    </thead>
                @*</table>
                <table role="grid">*@
                    <thead  id="tblwabco" style="display:none;">
                        <tr>
                          @*   <th><span>chassis No</span></th>
                            <th><span>Emission Norms</span></th>                           
                            <th><span>Segment</span></th>
                            <th><span>Engine No</span></th>
                            <th><span>Model</span></th>
                            <th><span>Chassis Id</span></th>
                            <th><span>Device ID</span></th>
                            <th><span>Occurance Count</span></th>
                            <th><span>Spn</span></th>*@
                            <th><span>Dtc Code</span></th>
                            <th><span>Description</span></th>
							 <th><span>Occurance Count</span></th>
                            <th><span>Dtc Occurance Date</span></th>
                            @* <th><span>Case Number</span></th>*@
                            <th><span>Dtc Status</span></th>
                           @*  <th><span>Packet DateTime</span></th>*@
                        </tr>
                    </thead>
                    <tbody id="tbldtcdata" >
					
					</tbody>
					 @* <input type="button" value="Quick Download" class="button_blue CustomeBtn" onclick="exportDtcReportCSV()" title="Quick Download" style="margin:-2px 7px;height:14px;"/>
						*@
                </table>
         
	 <div id="dvError" style="margin-top:12px;font-size:16px;"></div>
                @*<table >
                </table>*@
            </div>
           
                <div id="divFeedback" class="content" style="top: 32px; display: none;">
                </div>

            </div>
        </div>
    </div>
    <div id="divTicketDetailTitle" class="size25 right">
        <div class="window">
            <div class="titlebar">
                <div class="title">
                    Ticket Details
                </div>
            </div>
            <div class="innerWindow">
                <div class="content" style="overflow-x: auto;">
                    <div class="listDetails">
                        <div id="divDetail" class="ldSection Accordian_list" style="border-top: 0;">
                            @foreach (var item2 in Model)
                            {
                                @Html.Hidden("AssignedVanDealerLat", @item2.AssignedToUserLattitude)
                                @Html.Hidden("AssignedVanDealerLng", @item2.AssignedToUserLongitude)
                                @Html.Hidden("BreakdownLat", @item2.BreakdownLattitude)
                                @Html.Hidden("BreakdownLng", @item2.BreakdownLongitude)
                                @Html.Hidden("defaultSlaTime", @item2.DefaultSlaTime)
                                @Html.Hidden("CustomerContactNo", @item2.CustomerContactNo)
                                @Html.Hidden("VehicleRegistrationNo", @item2.VehicleRegisterNumber)
                                @Html.Hidden("DealerID", @item2.Dealer_Id)
                                @Html.Hidden("VehicleTagging", @item2.Vehicle_tagging)
                                @Html.Hidden("Device_Alias", @item2.Device_Alias)
                                @Html.Hidden("CreationTime", @item2.CreationTime)
                                @Html.Hidden("CurrentLat", @item2.current_lat)
                                @Html.Hidden("CurrentLong", @item2.current_long)
                            <div class="ldSection" style="">
                                @*<h2 style="text-align: center;" class="darktxt"><span>@Html.DisplayFor(modelItem => item.TicketId)</span></h2>*@

                                @(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Multiple)
        .Events(events => events
            // .Collapse("collapse")
        .Expand("onExpand")
        )
    .HtmlAttributes(new { @class = "themeTable TicketID" })
    .Items(panelbar =>
    {
        panelbar.Add().Text("Ticket Id - " + item2.TicketIdAlias).HtmlAttributes(new { style = "text-align: center;", @id = "divTicketDetails", @class = "darktxt" })
            .Expanded(true)
            .Content(@<div>
                <div id="loadingTicketDetails" class="loadingBlue"></div>
<input type="hidden" id="hdnticketAlias" value="@item2.TicketIdAlias"/>
                <table id="tableTicketDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                    @{
                        double totalDistance = 2 * Convert.ToDouble(item2.EstimatedDistance);
                        double totalChargeableDistance = Convert.ToDouble(item2.ActualDistance);
                    }
                    <tbody>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Assigned To</span>
                            </td>
                            <td style="" class="  darktxt">@item2.AssignedTo</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Created By</span>
                            </td>
                            <td style="" class="  darktxt">@item2.UsersUserName</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Creation Date and Time</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.CreationTime)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Last Modified By</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.LastModifiedBy)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Last Modified Date and Time</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.LastModifiedTime)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Breakdown Location</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.BreakdownLocation)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Breakdown Location Landmark</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.BreakdownLocationLandmark)</td>
                        </tr>
                           <tr>
                            <td style="" class=" ">
                                @*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
                                <span class="darktxt">Breakdown Vehicle Travelled (In KM)</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.KmCovered)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Route</span>
                            </td>
                            <td style="" class="  darktxt">@Html.Display("route", (string)ViewBag.Route)</td>
                        </tr>

                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Estimated Chargeable Distance (In KM)</span>
                            </td>
                            @if (item2.EstimatedDistance != "" && item2.EstimatedDistance != null)
                            {
                                <td style="" class="  darktxt">
                                    @Html.DisplayFor(modelItem => item2.EstimatedDistance) + @Html.DisplayFor(modelItem => item2.EstimatedDistance)  = @totalDistance
                                </td>
                            }
                            else
                            {
                                <td style="" class="  darktxt">
                                    @Html.DisplayFor(modelItem => item2.EstimatedDistance)
                                </td>
                            }
                        </tr>
                       @* @if ((item2.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"]) || (item2.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"]))
                        {
                            <tr>
                                <td style="" class=" ">
                                    <span class="darktxt">Actual Chargeable Distance (In KM)</span>
                                </td>
                                @if (item2.ActualDistance != "" && item2.ActualDistance != null)
                                {
                                    <td style="" class="  darktxt">
                                        @Html.DisplayFor(modelItem => item2.ActualDistance)
                                    </td>
                                }
                                else
                                {
                                    <td style="" class="  darktxt">
                                        @Html.DisplayFor(modelItem => item2.EstimatedDistance)
                                    </td>
                                }
                            </tr>
                        }*@
                        <tr>
                            <td style="" class=" ">
                                @*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
                                <span class="darktxt">EOS Van Actual Distance Travelled (In KM)</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.VanKmCovered)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                @*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
                                <span class="darktxt">EOS Van Trip Start</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.TripStart)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                @*<span class="darktxt">Total Distance Covered by Vehicle (In KM)</span>*@
                                <span class="darktxt">EOS Van Trip End</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.TripEnd)</td>
                        </tr>


                    </tbody>

                </table>

            </div>
                                    );

        panelbar.Add().Text("Driver/Caller Info").HtmlAttributes(new { @id = "divDriverDetails", @class = "" })
        .Content(@<div>
            <div id="loadingDriverDetails" class="loadingBlue"></div>
            <table id="tableDriverDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Name</span>
                        </td>
                        <td style="" class="darktxt">
                            <label id="customerName"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Contact No.</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="customerContactNo"></label>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
                                    );
        panelbar.Add().Text("Vehicle's Owner/Fleet Info").HtmlAttributes(new { @id = "divOwnerDetails", @class = "" })
        .Content(@<div>
            <div id="loadingOwnerDetails" class="loadingBlue"></div>
            <table id="tableOwnerDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Owner's Name</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="ownerName"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Owner's Contact No.</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="ownerContact"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Owner's Location</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="ownerState"></label>
                        </td>
                    </tr>

                        @* added on 15-12-2020*@
                      <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Customer Type</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="customertype"></label>
                        </td>
                    </tr>
					 <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Customer Id</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="customer_id"></label>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        );
		panelbar.Add().Text("Vehicle Health").HtmlAttributes(new { @id = "divBatteryVoltage", @class = "" })

            .Content(@<div>
         <div id="loadingvehicleHealthDetails" class="loadingBlue"></div>
                <table id="tableVehicleHealthDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Battery Voltage</span>
                            </td>
                            <td style="" class="  darktxt">
                            <label id="batteryVoltage"></label>
                        </td>
                        </tr>
                                     <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Fuel Level In Per</span>
                            </td>
                            <td style="" class="  darktxt">
                            <label id="fuelLevelInPer"></label>
                        </td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Def Level In Ltr</span>
                            </td>
                            <td style="" class="  darktxt">
                            <label id="defLevelInLtr"></label>
                        </td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Fuel Level In Ltr</span>
                            </td>
                            <td style="" class="  darktxt">
                            <label id="fuelLevelInLtr"></label>
                        </td>
                        </tr>

                        </tbody>
                    </table>
    </div>
    );
        panelbar.Add().Text("Vehicle Info").HtmlAttributes(new { @id = "divVehicleDetails", @class = "" })
        .Content(@<div>
            <div id="loadingVehicleDetails" class="loadingBlue"></div>
            <table id="tableVehicleDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Registration No.</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="vehicleRegistration"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Chassis No.</span>
                        </td>
                        <td style="" class="  darktxt">
                                      <label id="vehiclechassisnumber">@Html.DisplayFor(modelItem => item2.ChassisNumber)</label>
                                    </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Model No.</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="vehicleModelNo"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Product Variant</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="vehicleProductVariant"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Type</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="vehicleType"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Installation Date</span>
                        </td>
                        <td style="" class="  darktxt">
                            <label id="vehicleInstallationDate"></label>
                        </td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Type of Load Carrying</span>
                        </td>
                        <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DefaultCol2)</td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Direction of Vechicle</span>
                        </td>
                        <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DefaultCol3)</td>
                    </tr>
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Nature of Problem</span>
                        </td>
                        <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.Description)</td>
                    </tr>
                 @*added on 27/11/2020*@
                    <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Warranty</span>
                        </td>
                        <td style="" class="  darktxt" id="lblvehicleWarranty">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
                    </tr>
  <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Extended Warranty</span>
                        </td>
                        <td style="" class="darktxt"  id="lblVehicleextendedWarranty">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
                    </tr>
 <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Extended Warranty End Date</span>
                        </td>
                        <td style="" class="  darktxt"  id="lblVehicleextendedeWarrantyenddate">@Html.DisplayFor(modelItem => item2.vehicle_warranty)</td>
                    </tr>
                  <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Amc</span>
                        </td>
                        <td style="" class="  darktxt" id="lblVehicleAMc">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
                    </tr>
     <tr id="trtype">
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle AMC Type</span>
                        </td>
                        <td style="" class="  darktxt" id="lblVehicleType">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
                    </tr>

                                 <tr id="trdate">
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle AMC End Date</span>
                        </td>
                        <td style="" class="  darktxt" id="lblVehicledate">@Html.DisplayFor(modelItem => item2.vehicle_amc)</td>
                    </tr>
                <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Emission Norms</span>
                        </td>
                        <td style="" class="  darktxt" id="lblVehicleEmissionNorms">@Html.DisplayFor(modelItem => item2.vehicle_emission_norms)</td>
                    </tr>

                <tr>
                        <td style="" class=" ">
                            <span class="darktxt">Vehicle Sales Date</span>
                        </td>
                        <td style="" class="  darktxt" id="lblVehicleSalesDate">@Html.DisplayFor(modelItem => item2.vehicle_sales_date)</td>
                    </tr>

              @*ended on 27/11/2020*@

                </tbody>
            </table>
        </div>
        );

        if (item2.AssignedTo == "van")
        {

            panelbar.Add().Text("Van Info").HtmlAttributes(new { @id = "divVanDetails", @class = "" })
            .Expanded(true)
            .Content(@<div>
                <div id="loadingVanDetails" class="loadingBlue"></div>
                <table id="tableVanDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Van ID</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanId)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">EOS Team Member</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanName)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Dealer Name</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.Dealerdealer_name)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Contact No.</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrServiceEnggContactNumber)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Workshop Manager Name and Contact No.</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.WM_Name) (@Html.DisplayFor(modelItem => item2.DealerContactNumber1))</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Dealer State</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerState)</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            );
        }
        else
        {

            panelbar.Add().Text("Dealer Info").HtmlAttributes(new { @id = "divDealerDetails", @class = "" })
            .Expanded(true)
            .Content(@<div>
                <div id="loadingDealerDetails" class="loadingBlue"></div>
                <table id="tableDealerDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
                    <tbody>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Dealer ID</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanId)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Dealer Name</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrVanName)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Contact No.</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerOrServiceEnggContactNumber)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Workshop Manager Name</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.WM_Name)</td>
                        </tr>
                        <tr>
                            <td style="" class=" ">
                                <span class="darktxt">Dealer State</span>
                            </td>
                            <td style="" class="  darktxt">@Html.DisplayFor(modelItem => item2.DealerState)</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            );
        }
        panelbar.Add().Text("Escalation Members Info").HtmlAttributes(new { @id = "divEscalationDetails", @class = "" })
            //.Expanded(true)
          .Content(@<div>
              <div id="loadingEscalationMembersDetails" class="loadingBlue"></div>
              <div id="divEscalationMembersDetails" class="contentoverflow"></div>

          </div>
      );
	  panelbar.Add().Text("Kam Details Info").HtmlAttributes(new { @id = "divKamDetails", @class = "" })
                   .Content(@<div>
    <div id="loadingKamDetails" class="loadingBlue"></div>
    <table id="tableKamDetails" class="themeTable TicketID" cellpadding="0" cellspacing="0">
        <tbody>
		   <tr>
      <td style="" class=" ">
          <span class="darktxt">Fleet Manager Name</span>
      </td>
      <td style="" class="  darktxt">
          <label id="fleetName"></label>
      </td>
  </tr>
            <tr>
      <td style="" class=" ">
          <span class="darktxt">Fleet Manager Number</span>
      </td>
      <td style="" class="  darktxt">
          <label id="FleetNo"></label>
      </td>
  </tr>
            <tr>
                <td style="" class=" ">
                    <span class="darktxt">KAM Manager Name</span>
                </td>
                <td style="" class="darktxt">
                    <label id="kamName"></label>
                </td>
            </tr>
            <tr>
                <td style="" class=" ">
                    <span class="darktxt">KAM Manager Number</span>
                </td>
                <td style="" class="  darktxt">
                    <label id="KamNo"></label>
                </td>
            </tr>
         
        </tbody>
    </table>
</div>
                                    );
   

    })

)
                            </div>
                            }

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
}
else
{
    <div id="divNoDataFound_DRCRate" class="divNoDataFound no_data">
        <span>
            <p class="fs16">
                @*No Details Available!!!*@
            @System.Configuration.ConfigurationManager.AppSettings["no_details_available"].ToString()
        </p>

    </span>
</div>
}
<input type="hidden" id="hdndtcdevicetype" />
<input type="hidden" id="hdnchassisno" />

@*<script src="~/Scripts/Report/reportTicketDetails.js"></script>*@
<script>

    onclickLabelRoute();

    onclickLabelActivity();

    onclickLabelFeedback();
$(document).ready(function () { 
	 ticketId =  $("#tableTicketHistory > tbody > tr")[0].id;
	  console.log(ticketId);
	     getdtccountbyticketid(ticketId) 
});
</script>
<style type="text/css">
 span.k-icon.k-i-calendar {
        background-image: url('http://169.38.133.115:9090/Content/kendo/Default/date-icon.png')!important;
        background-position: 5px 0px !important;
        width: 19px !important;
        height: 16px;
    }
	
	span.k-icon.k-i-arrow-w {
width: inherit !important;
/* background-position: -11px -48px;*/

}


span.k-icon.k-i-arrow-e {
 width: inherit !important;
 /*background-position: -11px -48px;*/
}
    .TicketID td {
        height: 32px;
    }

    /*.k-icon {
        width: auto !important;
    }*/


    .TicketID td {
        height: 32px;
        padding: 5px 7px;
        word-break: break-word;
        width: auto !important;
    }

    .ldSection {
        margin-right: 0px;
    }

    .k-i-close {
        background-color: #fff;
        border-radius: 2px;
        width: inherit !important;
    }
    .datesectiondtc span.k-datepicker {
        width: 120px !important;
        background-color: #E8EBF5 !important;
    }

    .datesectiondtc span {
        display: inline-block;
    }

    .spndate {
        vertical-align: inherit;
        color: black;
        font-weight: bold;
        text-align: -internal-center;
    }

    table.modalTable, .modalTable th, .modalTable td {
        border: 1px solid #c5c5c5;
        border-collapse: collapse;
    }

    .modalTable th, .modalTable td {
        padding: 4px 5px;
        font-weight: normal;
    }

    .modalTable th {
        text-align: left;
        background: #f7f7f7;
        background: url("/Content/css/images/inner.gif") repeat-x scroll center bottom !important;
    }

    .modalTable {
        border-spacing: 5px;
    }

        .modalTable tbody tr:nth-child(even) { /*background: #f7f7f7;*/
        }

</style>