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

@Html.Hidden("VRegistrationNo", (object)@ViewBag.VRegistrationNo)
@Html.Hidden("VMobileNo", (object)@ViewBag.mobileNo)
@Html.Hidden("VComplaintNo", (object)@ViewBag.ComplaintNo)
<div class="" id="Ticket_List">
    @if ((ViewBag.CustomerDetailsList.Count == 0 || ViewBag.CustomerDetailsList == null) && (Model.Count() == 0 || Model == null || ViewBag.CloseTicketList.Count == 0 || ViewBag.CloseTicketList == null || ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null))
    {
        <div id="divNoDataFound_CustomerHistory" class="content overflow withstatusbar">
            <span>
                <p class="">
                    <h4>@*Customer does not exist. Please add first!!!*@
                        @System.Configuration.ConfigurationManager.AppSettings["customer_not_exist"].ToString()
                    </h4>
                </p>
            </span>
        </div>
        <div class="statusbar">
            <button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
            <button id="button_addCustomer" class="button_blue" onclick="addNewCustomer()" style="margin: auto; margin-top: -2px; width: 134px; width: auto;">Add New Customer</button>
        </div>
    }
    else
        if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && ((Model.Count() == 0 || Model == null) && (ViewBag.CloseTicketList1.Count == 0 || ViewBag.CloseTicketList1 == null) && (ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null)))
        {
        <div id="divNoDataFound_TicketHistory" class="content overflow withstatusbar">
            <span>
                <p class="">
                    <h4>@*No Open or Close Tickets!!!*@
                        @System.Configuration.ConfigurationManager.AppSettings["no_open_close_tickets"].ToString()
                    </h4>
                </p>
            </span>
        </div>
        <div class="statusbar">
            <button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
            <button id="button_addTicket" class="button_blue" onclick="addNewTicket()" style="margin: auto; margin-top: -2px; width: auto;">Add New Ticket</button>
        </div>
        }
        else
            if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && (Model.Count() > 0 || Model != null || ViewBag.CloseTicketList1.Count > 0 || ViewBag.CloseTicketList1 != null) && (ViewBag.SaveTicketList.Count == 0 || ViewBag.SaveTicketList == null))
            {
                       
        <div style="/*margin-top: 10px; */" class="content overflow withstatusbar" id="divOpenCloseTickets">
            @if (Model.Count() > 0 && Model != null)
            {                     
                <div>
                    <h4>Open Tickets</h4>
                </div>
                <table id="tableTicketHistory" 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="open" data-ticketCreationTime="@item.CreationTime" class="trData">
                                <td width="84px" class="">
                                    @Html.DisplayFor(modelItem => item.TicketIdAlias)
                                </td>
                                <td class="">

                                    @Html.DisplayFor(modelItem => item.TicketStatusAlias)
                                </td>
                                <td class="">
                                    @Html.DisplayFor(modelItem => item.DefaultSlaTime)
                                </td>
                                <td class="">
                                    @Html.DisplayFor(modelItem => item.TotalTicketLifecycleTimeSla)
                                </td>
                            </tr>
                        }
                    </tbody>
                </table>
            }

            @if (ViewBag.CloseTicketList.Count > 0 && ViewBag.CloseTicketList != null)
            { 
                <div>
                    <h4>Close Ticket</h4>
                </div>
                <table id="tableCloseTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%" border="0">
                    <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.CloseTicketList)
                        { 
                  
                            <tr id="@item2.TicketId" data-ticketStatus="close" data-ticketCreationTime="@item2.CreationTime" data-reason24Hrs="@Convert.ToDouble(item2.TotalTicketCloseHours)" data-isFeedback="@item2.FeedBackAgenName" class="trData select">
                                <td width="84px" class="">
                                    @Html.DisplayFor(modelItem => item2.TicketIdAlias)
                                </td>
                                <td class="">
                                    @*<span>Close</span>*@
                                    @Html.DisplayFor(modelItem => item2.TicketStatusAlias)
                                    @*@Html.DisplayFor(modelItem => "Close")*@
                                </td>
                                <td class="">
                                    @Html.DisplayFor(modelItem => item2.DefaultSlaTime)
                                </td>
                                <td class="">
                                    @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).ToLower().Trim() == "feedback collected") && (item2.ReasonBeyond24Hrs != "" && item2.ReasonBeyond24Hrs != null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
                                    </td>
                                }
@* if reason is filled and feedback is not filled *@
                                else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == 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="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if reason and feedback are not filled *@
                                else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == 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="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if reason is not filled and feedback is filled *@
                                else if ((Convert.ToDouble(item2.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item2.CallStatus).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="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">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).ToLower().Trim() != "feedback collected" || item2.CallStatus == "" || item2.CallStatus == null))
                                //else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName == "" || item2.FeedBackAgenName == null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">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).ToLower().Trim() == "feedback collected"))
                                //else if (Convert.ToDouble(item2.TotalTicketCloseHours) < Convert.ToDouble(24) && (item2.FeedBackAgenName != "" && item2.FeedBackAgenName != null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
                                        &nbsp;
                                    </td>
                                }
                            </tr>
                        }
                    </tbody>
                </table>                
            }
        </div> 
            if (Model.Count() == 0 || Model == null)
            {     
        <div class="statusbar">
            <button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto">Back</button>
            <button id="buttonAddNewTicket" class="button_blue" onclick="addNewTicket()" style="margin: auto; margin-top: -2px; width: auto;">Add New Ticket</button>
        </div>
            }
            else
            {
        <div class="statusbar">
            <button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
        </div>
            }
            }
            else
                if ((ViewBag.CustomerDetailsList.Count != 0 && ViewBag.CustomerDetailsList != null) && (ViewBag.SaveTicketList.Count > 0 && ViewBag.SaveTicketList != null))
                {
        <div id="div_pendingTicketFound" class="content overflow withstatusbar">
            <span>
                <p class="">
                    <h4>@*No Open or Close Tickets!!!*@
                        @System.Configuration.ConfigurationManager.AppSettings["pendingTicketFound"].ToString()
                    </h4>
                </p>
            </span>
            @if ((ViewBag.CloseTicketList.Count > 0 && ViewBag.CloseTicketList != null))
            {
                <div>
                    <h4>Close Ticket</h4>
                </div>
                <table id="tableCloseTicketHistory" class="OpenTicketTbl" cellpadding="0" cellspacing="0" width="100%" border="0">
                    <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 item3 in (List<GODATA.Models.Ticket.TicketModel>)ViewBag.CloseTicketList)
                        { 
                  
                            <tr id="@item3.TicketId" data-ticketStatus="close" data-ticketCreationTime="@item3.CreationTime" data-reason24Hrs="@Convert.ToDouble(item3.TotalTicketCloseHours)" data-isFeedback="@item3.FeedBackAgenName" class="trData select">
                                <td width="84px" class="">
                                    @Html.DisplayFor(modelItem => item3.TicketIdAlias)
                                </td>
                                <td class="">
                                    @*<span>Close</span>*@
                                    @Html.DisplayFor(modelItem => item3.TicketStatusAlias)
                                    @*@Html.DisplayFor(modelItem => "Close")*@
                                </td>
                                <td class="">
                                    @Html.DisplayFor(modelItem => item3.DefaultSlaTime)
                                </td>
                                <td class="">
                                    @Html.DisplayFor(modelItem => item3.TotalTicketLifecycleTimeSla)
                                </td>

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


                                @* if feedback and reason for 24 hrs are filled *@
                                @if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() == "feedback collected") && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
                                    </td>
                                }
@* if reason is filled and feedback is not filled *@
                                else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null) && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
                                //else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null) && (item3.ReasonBeyond24Hrs != "" && item3.ReasonBeyond24Hrs != null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #00a54f;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if reason and feedback are not filled *@
                                else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
                                //else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if reason is not filled and feedback is filled *@
                                else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && ((item3.CallStatus).ToLower().Trim() == "feedback collected") && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
                                //else if ((Convert.ToDouble(item3.TotalTicketCloseHours) >= Convert.ToDouble(24)) && (item3.FeedBackAgenName != "" && item3.FeedBackAgenName != null) && (item3.ReasonBeyond24Hrs == "" || item3.ReasonBeyond24Hrs == null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="span24Hrs" class="Hours" style="background: #ee1d23;">24</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if ticket is not under case of 24 hrs closure and feedback is not filled *@
                                else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item3.CallStatus).ToLower().Trim() != "feedback collected" || item3.CallStatus == "" || item3.CallStatus == null))
                                //else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && (item3.FeedBackAgenName == "" || item3.FeedBackAgenName == null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="spanFeedback" class="feedback" style="background: #ee1d23;">F</span>
                                        &nbsp;
                                    </td>
                                }
@* if ticket is not under case of 24 hrs closure and feedback is filled *@
                                else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && ((item3.CallStatus).ToLower().Trim() == "feedback collected"))
                                //else if (Convert.ToDouble(item3.TotalTicketCloseHours) < Convert.ToDouble(24) && (item3.FeedBackAgenName != "" && item3.FeedBackAgenName != null))
                                {
                                    <td class="reasonFeedback" align="">&nbsp;<span id="spanFeedback" class="feedback" style="background: #00a54f;">F</span>
                                        &nbsp;
                                    </td>
                                }
                            </tr>
                        }
                    </tbody>
                </table>
            }
        </div>
        <div class="statusbar">
            <button class="button_blue" onclick="onBackButtonClick()" style="margin: auto; margin-top: -2px; width: auto;">Back</button>
            <button id="button_proceed" class="button_blue" onclick="assignPendingTicket()" style="margin: auto; margin-top: -2px; width: auto;">Proceed</button>
        </div>   
                }
</div>

<div class="display_none  content overflow withstatusbar" id="Tracker_form">
    <!-- form -->
    <div>
        <form id="formAddNewTicket" method="post">
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
                <tr>
                    <td class="">
                        <table style="margin-top: 5px;" width="100%" cellspacing="0" cellpadding="0" border="0" class="TicketListTbl" @*class="Inner_ListTbl"*@>
                            <tbody>
                                <tr>
                                    <th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Customer/Caller Info</th>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <td width="" class="">Language <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="">
                                        <select id="vehicle_owner_language" name="Language">
                                            <option value="-Select-">-Select-</option>
                                        </select>

                                        <span id="spanLanguageRequired" class="error" style="display: none; color: #ee1d23">* </span>
                                    </td>
                                </tr>

                                <tr>
                                    <td width="" class="">Source of Toll Free No.</td>
                                    <td class="">
                                        <select id="tollFreeNoSource" name="TollFreeNoSource" onchange="hidetelematic()" >
                                            <option value="-Select-">-Select-</option>
                                        </select>
                                       @* <span id="spanSourceTollFreeRequired" class="error" style="display: none; color: #ee1d23">* </span>*@
                                    </td>
                                </tr>

                                <tr>
                                    <td class="" style="">Name <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="" style="">
                                        <select id="driver_name" name="driver_name" onchange="getMobileNoCustomerWise()" style="">
                                            @foreach (var item in (List<string>)ViewBag.CustomerName)
                                            {
                                                <option value="@item">@item</option>
                                            }
                                        </select>
                                        <span id="spanCustomerRequired" class="error" style="display: none; color: #ee1d23">* </span>
                                        <span id="spanAddCustomer" title="Add New Customer" class="addMore k-button" style="cursor: pointer" onclick="addCustomerForExistingVehicle(registrationNo);">+
                                           
                                        </span>

                                    </td>
                                </tr>
                                <tr>
                                    <td class="">Contact No.</td>
                                    <td class="">
                                        <input type="text" id="driver_contact_no" style="" disabled />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="">
                        <table style="margin-top: 5px;" width="100%" cellspacing="0" cellpadding="0" border="0" class="TicketListTbl"@* class="Inner_ListTbl"*@>
                            <tbody>
                                <tr>
                                    <th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Vehicle's Owner/Fleet Info</th>
                                </tr>
                            </tbody>
                            <tbody class="">

                                <tr>
                                    <td width="" class="">Name</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_name" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Contact No.</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_contact_no" disabled />
                                    </td>
                                </tr>

                                <tr>
                                    <td width="" class="">Location</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_location" disabled />
                                    </td>
                                </tr>
                                <tr style="display: none;">
                                    <td width="" class="">EmailID</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_emailID" disabled />
                                    </td>
                                </tr>
                                <tr style="display: none;">
                                    <td width="" class="">State</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_Address" disabled />
                                    </td>
                                </tr>
                                <tr style="display: none;">
                                    <td width="" class="">City</td>
                                    <td class="">
                                        <input type="text" id="vehicle_owner_City" disabled />
                                    </td>
                                </tr>
                            </tbody>
                            <tbody>
                                <tr>
                                    <th style="border-top: 1px solid #c5c5c5;" colspan="2" class="tableCelltitle">Vehicle Info</th>
                                </tr>
                            </tbody>
                            <tbody class="">
                                <tr>
                                    <td width="" class="">Registration No.</td>
                                    <td class="">
                                        <input type="text" id="vehicle_registration" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Chassis No.</td>
                                    <td class="">
                                        <input type="text" id="vehicle_numberPlate" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Model No.</td>
                                    <td class="">
                                        <input type="text" id="vehicle_model" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Product Variant</td>
                                    <td class="">
                                        <input type="text" id="vehicle_product_varient" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Vehicle Type</td>
                                    <td class="">
                                        <input type="text" id="eos_VehicleType" disabled />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Vehicle Installation Date</td>
                                    <td class="">
                                        <input type="text" id="eos_VehicleInstallationDate" disabled />
                                    </td>
                                </tr>



                                 <tr id="tr_telelat" >
                                    <td>Telematic lat/long </td>
                                    <td>
                                        <input type="text" id="Tele_latlong" name="Telematic lat/long" /></td>
                                </tr>

                                <tr id="tr_telelastlog">
                                    <td>Telematic Last Login </td>
                                    <td>
                                        <input type="text" id="Tele_date" name="Telematic Date" /></td>
                                </tr>
                                <tr>
                                    <td width="" class="">State <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="SelectDD multiselect-div" >

                                        <select id="eos_state" name="State"  multiple="multiple" onchange="onStateChange();"data-placeholder="-Select-">
                                         
                                        </select>
                                        <span id="spanState" class="error" style="display: none; color: #ee1d23">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Nearest Big Town/City <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="CityComboBox">
                                        <input type="text" id="eos_city" name="City" onblur="onBlurCity(id)" />

                                        <span id="spanCity" class="error" style="display: none; color: #ee1d23; margin-left: 14px;">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" style="" class="">Breakdown Location <span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="20" id="eos_exact_location" readonly></textarea>
                                        <span id="spanEosLocation" class="error" style="display: none; color: #ee1d23">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="">Landmark</td>
                                    <td>
                                        <input type="text" id="breakdown_landmark" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>Routes <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="SelectDD ">
                                        <select id="routes" name="routes" onchange="onChangeRoute()">
                                            <option value="-Select-">-Select-</option>
                                        </select>
                                        <span id="spanRoutes" class="error" style="display: none; color: #ee1d23">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    @*<td width="" class="">Type of Load Carrying dddfd</td>
                                    <td class="">
                                        <input type="text" id="vehicle_type_of_load" />
                                    </td>*@
                                     <td>Type of Load Carrying</td>
                                            <td class="SelectDD ">
                                                <select id="vehicle_type_of_load">
                                                    <option>Select</option>
                                                    <option>Driver</option>
                                                    <option>Owner</option>
                                                    <option>Fleet Manager</option>
                                                    <option>Dealership Employee</option>
                                                    <option>VECV Employee</option>                                               
                                                </select>
                                            </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Direction of Vehicle</td>
                                    <td class="">
                                        <input type="text" id="vehicle_direction" />
                                    </td>
                                </tr>
                                <tr>
                                    @*<td width="" class="">Total Kilometers Covered (In KM) <span class="error" color: red"> * </span></td>*@
                                    <td width="" class="">Breakdown Vehicle Travelled (In KM) <span class="error" style="color: #ee1d23">* </span></td>
                                    <td class="">
                                        <input type="text" id="totalKmCovered" maxlength="10" onkeypress="return IsFloat(event);" ondrop="return false;" />
                                        <span id="spanKmCovered" class="error" style="display: none; color: #ee1d23">* </span>
                                        <br />
                                        <span id="error" style="color: #ee1d23; display: none">Please enter only numbers</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" class="">Warranty</td>
                                    <td class="">
                                        <select id="isVehicleInWarrentyOrAmc" name="IsVehicleInWarrentyOrAmc">
                                            <option value="-Select-">-Select-</option>
                                        </select>
                                       @* <span id="spanWarrenty" class="error" style="display: none; color: #ee1d23">* </span>*@
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" style="" class="">Nature of Problem <span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="50" id="nature_of_problem" style="float: left; margin-right: 3px;"></textarea>
                                        <span id="spanDescription" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
                                    </td>
                                </tr>
                                 @* added on 27-11-2020*@
                               @* <tr>
                                    <td width="" style="" class="">Vehicle Warranty<span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="50" id="vehicle_warranty" style="float: left; margin-right: 3px;"></textarea>
                                        <span id="spanvehicle_warranty" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" style="" class="">Vehicle Amc<span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="50" id="vehicle_amc" style="float: left; margin-right: 3px;"></textarea>
                                        <span id="spanvehicle_amc" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" style="" class="">Vehicle Emission Norms<span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="50" id="vehicle_emission_norms" style="float: left; margin-right: 3px;"></textarea>
                                        <span id="spanvehicle_emission_norms" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="" style="" class="">Vehicle Sales Date<span class="error" style="color: #ee1d23">* </span></td>
                                    <td colspan="1" class="">
                                        <textarea rows="5" cols="50" id="vehicle_sales_date" style="float: left; margin-right: 3px;"></textarea>
                                        <span id="spanvehicle_sales_date" class="error" style="display: none; color: #ee1d23; float: left;">* </span>
                                    </td>
                                </tr>*@
                            @*  ended on 27-11-2020*@
                            </tbody>
                        </table>
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <!-- end of form -->

</div>
<div id="Tracker_from_BtnWrp" class="display_none statusbar">
    <button class="button_blue" id="ReturnToList" onclick="btnCancel()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Cancel</button>
    <button id="buttonGetVansList" class="button_blue" onclick="getNearestVansDealers()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Get All Vans</button>
    <button id="saveTicket" class="button_blue" onclick="saveTicketDetails()" style="padding-top: 4px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Save Ticket</button>

</div>
<div id="divInfoWindow" style="display: none;">
    <div class="">
        <div class="">
            <h2><span id="spanVanDealerName"></span></h2>
            <table width="100%" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td class="">
                            <span>Van Location</span>
                        </td>
                        <td colspan="3">
                            <span id="spanVanDealerLocation"></span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span>Distance</span>
                        </td>
                        <td>
                            <span id="spanVanDealerDistance"></span>
                        </td>
                        <td>
                            <span>Duration</span>
                        </td>
                        <td>
                            <span id="spanVanDealerDuration"></span>
                        </td>
                        <td class="">
                            <span>No. of Assigned Tickets</span>
                        </td>
                        <td>
                            <span id="spanNoOfAssignedTickets"></span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<script>
    var registrationNo = '@ViewBag.VRegistrationNo';
    console.log(registrationNo);
    var mobileNo = '@ViewBag.mobileNo';
    var complaintNo = '@ViewBag.ComplaintNo';
    var ChassisNumber = '@ViewBag.ChassisNumber';
    var TicketOpenModel = '@Model';   //added on 23-12-2020

    
    /* function to get mobile no based on customer name */
    function getMobileNoCustomerWise() {
        debugger
        var driverName = $("#driver_name").val();
        $.getJSON("/Ticket/GetCustomerContactNo/", { VRegistrationNo: registrationNo, customerName: driverName }, function (result) {
            if (result.success == true) {
                $("#driver_contact_no").val(result.contactNo);
            }
        });
    }
    getTicketDetails();
    getCloseTicketDetails();

    saveTicketsList = @Html.Raw(Json.Encode(@ViewBag.SaveTicketList))


    $("#Tracker_form").scroll(function () {
        $(document.body).find("[data-role=popup]")
                        .kendoPopup("close");
    });

</script>
<style type="text/css">
    .SelectDD { padding: 6px 11px; }

        .SelectDD select { width: 171px; padding: 6px 0px; font-family: 'HermesFB Regular'; font-family: Arial; text-indent: 3px; }

    .themeTable th { border-top: 1px solid #dedede; background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important; padding: 0; padding-left: 5px; line-height: 13px; color: #fff; height: 29px; }

    .k-button { background-color: #dedede !important; border-radius: 32px !important; padding-top: 0px; padding-bottom: 0; margin-top: -4px; /*margin-left: 3px;*/ }

    .OpenTicketTbl th { line-height: normal; }

    .TicketListTbl { border-left: 1px solid #dedede; }

        .TicketListTbl td { border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; padding-left: 10px; }

            .TicketListTbl td input, .TicketListTbl td textarea, .TicketListTbl td select { width: 75%; margin: 5px 3px; font-size: 13px; }

            .TicketListTbl td input { width: 74%; }

            .TicketListTbl td textarea { width: 67%; text-indent: 0; padding-left: 7px; }

    .CityComboBox .k-combobox { width: 64%; }

    .TicketListTbl td:first-child { background: #f7f7f7; width: 135px; vertical-align: middle; }

    select { text-indent: 4px !important; }

    .visible {
        height: 3em;
        width: 10em;
        cursor: pointer;
        background: yellow;
    }
</style>