@model GODATA.Models.TicketAdministration_Dealer.TicketModel

<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script>
    function onAdditionalData1() {
        return {
            chassisBySearch: $("#ChassisNo").val()
        };
    }

    function onSelectChassis(e) {
        var dataItem = this.dataItem(e.item.index());
        dataItem.VehicleType != "" ? $("#VehicleType").val(dataItem.VehicleType) : $("#VehicleType").val("");

    }

</script>
<div id="divTicketActivity">
    @*Tickets Activity*@

    <div class="OpenCloseTicketActivity">
        @using (Ajax.BeginForm("TicketAdministration_UpdateTicketOpenClose", "TicketAdministration_Dealer", new AjaxOptions
        { HttpMethod = "POST", OnBegin = "activeRequestCheck(xhr)", OnSuccess = "onSuccessUpdateTicket" }))
        {
            @Html.ValidationSummary(true)
            @Html.HiddenFor(model => model.TicketId)
            @Html.HiddenFor(model => model.VehicleRegistrationNumber)
            @Html.Hidden("defaultSlaTime", (object)@ViewBag.ticketDefaultSla)
            //added on 01/09/2020
            @Html.Hidden("cc", (object)@ViewBag.TicketStatus)



            <div class="fleft size65 heighttable">

                <table width="96%" cellspacing="0" cellpadding="0" border="0" class="TicketActivityFrom">
                    @foreach (var item in (List<GODATA.Models.TicketAdministration_Dealer.TicketOpenCloseModel>)ViewBag.TicketDetailsUpdate)
                    {

                        @Html.Hidden("assignedTo", item.AssignedTo)
                        @Html.Hidden("ticketStatusId", item.TicketStatus)
                        @Html.Hidden("TicketIdAlias", item.TicketIdAlias.ToString())
                        @Html.Hidden("JobCompleteResponseTime", item.TicketStatus.ToString())
                        @Html.Hidden("TicketstatusAlias", item.TicketStatus.ToString())
                        string EstimatedTimeForJobCompletion = ((item.EstimatedTimeForJobCompletion.ToString() == "0") ? "" : item.EstimatedTimeForJobCompletion.ToString());
                        var assignedUser = item.DealerOrVanName;
                        <tr style="display:none;"> <td><input type="hidden" id="AssignedTo" name="AssignedTo" value="@item.AssignedTo" /></td></tr>
                        <tr>
                            <td>
                                Ticket Id
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.TicketIdAlias, new { @id = "textTicketId" })
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Created By
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.UsersUserName)
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Assigned To
                            </td>
                            <td>

                                <span>@assignedUser</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Problem Description
                            </td>
                            <td>@Html.DisplayFor(modelItem => item.Description)</td>
                        </tr>
                        <tr>
                            <td>
                                Estimated Time for Job Completion (In Min)
                            </td>
                            @if (item.AssignedTo == "dealer")
                            {
                                <td><span>NA</span></td>

                            }
                            else
                            {
                                <td>
                                    @Html.DisplayFor(modelItem => EstimatedTimeForJobCompletion)
                                </td>
                            }
                        </tr>
                        <tr>
                            <td>
                                Estimated Cost (In &nbsp;<span><img src="~/Content/css/images/rupee.png" style="margin-right: 2px; width: 7px; height: auto; margin-top: 2px;" /></span>)
                            </td>
                            @if (item.AssignedTo == "dealer")
                            {
                                <td><span>NA</span></td>

                            }
                            else
                            {
                                <td>@Html.DisplayFor(modelItem => item.RepairCost)</td>
                            }
                        </tr>

                    }


                    <tr>
                        <td>
                            Ticket Status
                        </td>
                        <td>

                            <select id="ddTicketStatus" name="TicketStatus" class="SelectDD" onchange="onChangeTicketStatus(this.value)">
                                @foreach (var item11 in (List<GODATA.Models.TicketAdministration_Dealer.TicketStatus>)ViewBag.TicketStatusList)
                                {

                                    <option value="@item11.Id">@item11.Alias</option>

                                }

                            </select>

                        </td>



                    </tr>


                    @*}*@
                    @if (@ViewBag.TicketStatus == 7)
                    {
                        <tr id="tr_reason">
                            <td>
                                Reason
                            </td>
                            <td>
                                <select id="ddReasonForOpportunityLost" name="OpportunityLost" class="SelectDD">
                                    @foreach (var item12 in (List<GODATA.Models.DropDownData.OpportunityLostReasonsModel>)ViewBag.OpportunityLostReasonList)
                                    {
                                        <option value="@item12.ReasonName">@item12.ReasonName</option>
                                    }
                                </select>
                            </td>
                        </tr>
                    }

                    <tr id="trpreclosurereason" style="display:none">
                        <td>
                            Preclosure reason
                        </td>
                        <td>

                            <select id="ddPreclosureReason" name="TicketStatus" class="SelectDD" onchange="onpreclosurereasonchange();">
                            </select>

                        </td>
                    </tr>

                    <tr id="tr_chassisNumber" style="display: none;">
                        <td>
                            Chassis Number
                        </td>
                        <td>
                            @(Html.Kendo().AutoComplete()
                              .Name("ChassisNo")
                              .DataTextField("ChassisNo")
                              .Filter("contains")
                              .MinLength(4)
                             .HtmlAttributes(new { style = "width:169px !important" })
                             .Events(e => { e.Select("onSelectChassis"); })
                              .DataSource(source =>
                              {
                                  source.Read(read =>
                                  {
                                      read.Action("GetChassisNoByEOSApiSearch", "TicketAdministration_Dealer")
                                          .Data("onAdditionalData1");
                                  })
                                  .ServerFiltering(true);
                              })
                              )
                            @* @Html.TextBoxFor(model => model.ChassisNo)*@
                            <span id="btnChassisNo" onclick="editChassisNo()">
                                <img id="imgChassisNo" src="~/Content/css/images/edit-enable.png" />
                            </span><!--edit-disable-->
                            <span id="spanChassisNo" class="error" style="display: none; color: red">*</span>


                        </td>
                    </tr>
                    <tr id="tr_VehicleType" style="display: none;">
                        <td>
                            Vehicle Type
                        </td>
                        <td colspan="1" style="padding-left: 10px;">
                            @Html.TextBoxFor(model => model.VehicleType, new { @readonly = "readonly", @style = "width: 170px;height: 25px !important;" })


                            <div class="fleft" style="float: right;margin-right: 45px; margin-top: 10px;">
                                <input id="button_chassisSubmit" type="button" value="Submit" class="button_blue" onclick="getOdoMeterReading()" style="margin-top: 0; width: auto !important; margin-left: 10px; height: 26px; line-height: 10px;margin-bottom: 3px;" />
                            </div>
                        </td>
                    </tr>


                    <tr id="tr_PrevOdometerReading" style="display: none;">
                        <td>
                            @*  <span id="prevOdometerTipper"  style="display: none;">Tipper Engine Hrs</span>*@
                            <span id="">Tipper Engine Hrs/Haulage KM Reading</span>
                        </td>
                        <td colspan="1" style="padding-left: 10px;">
                            @Html.TextBoxFor(model => model.PreviousOdometerReading, new { @readonly = "readonly", @style = "width: 170px;height: 25px !important;", @onkeypress = "return IsNumeric(event);" })

                        </td>
                    </tr>
                    <tr id="tr_OdometerReading" style="display: none;">
                        <td>
                            Odometer Reading
                        </td>
                        <td colspan="1" style="padding-left: 10px;">
                            @Html.TextBoxFor(model => model.OdometerReading, new { @style = "width: 170px;height: 25px !important;", @onkeypress = "return IsNumeric(event);" })
                            @Html.ValidationMessageFor(model => model.OdometerReading)
                            <span id="spanOdometerReading" class="error" style="display: none; color: red">*</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Remarks
                        </td>
                        <td colspan="1" style="padding-left: 10px;">

                            @Html.TextAreaFor(model => model.SuggestionComment, new { @id = "textBoxDescription", cols = 50, @rows = 5, style = "min-height : 65px" })
                            @Html.ValidationMessageFor(model => model.SuggestionComment)

                        </td>
                    </tr>
                </table>
                <div class="fleft">
                    <input id="button_submit" type="submit" value="Update" class=" button_blue" style="margin-top: 0; width: auto !important; margin-left: 10px; height: 26px; line-height: 10px;" />
                </div>
                @*if (ViewBag.TicketStatus == 6) added on 26-03-2020 for dealer to reassign*@
                @if (ViewBag.TicketStatus == Convert.ToInt32(System.Configuration.ConfigurationManager.AppSettings["Declined"]))
                {

                    <div class="fleft ">
                        <input id="button_reassign" type="button" value="Reassign" class="button_blue" onclick="reassignTicket()" style="margin-top: 0; width: auto !important; margin-left: 10px; height: 26px; line-height: 10px;" />

                    </div>

                }

                <div class="clear"></div>
                @*</fieldset>*@
                @*</form>*@
            </div>

        }
        <div class="fright size35  withstatusbar" style="overflow-y: auto; position: absolute; right: 0; height: 93%; border-left: 1px solid #dedede;">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
                @*open ticket activity*@
                @*if (item.TicketStatus != 5)
                    {*@
                @if (ViewBag.OpenTicketActivity != null)
                {
                    if (ViewBag.OpenTicketActivity.Count > 0)
                    {
                        int counter = 1;
                        foreach (var item11 in (List<GODATA.Models.TicketAdministration_Dealer.OpenTicketActivityDetails>)ViewBag.OpenTicketActivity)
                        {

                            string imgSource = "";
                            string addBackgroundClass = "";
                            if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["assignedAlias"])
                            {
                                imgSource = "imgAccept";
                                addBackgroundClass = "AssignedTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"])
                            {
                                imgSource = "imgReached";
                                addBackgroundClass = "InProgressTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"])
                            {
                                imgSource = "imgResolved";
                                addBackgroundClass = "PreClouserTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"])
                            {
                                imgSource = "imgDeclined";
                                addBackgroundClass = "DeclinedTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["NewAlias"])
                            {
                                imgSource = "imgNew";
                                addBackgroundClass = "NewTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"])
                            {
                                imgSource = "imgClose";
                                addBackgroundClass = "CloseTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"])
                            {
                                imgSource = "imgOpportunityLost";
                                addBackgroundClass = "OpportunityLostTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripEnd"])
                            {
                                imgSource = "imgTripEnd";
                                addBackgroundClass = "";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["TripStart"])
                            {
                                imgSource = "imgTripStart";
                                addBackgroundClass = "tripStartTicket";
                            }
                            <tr>
                                <td>
                                    <div class="CommonTicket fleft @addBackgroundClass" id="divOpenTicketActivity'@counter'">
                                        <div>
                                            <label><span id="spanOpenDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsOpenCreationTime)</span></label>
                                        </div>
                                        <div>
                                            <label><span id="spanOpenCreated'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsOpenCreatedBy)</span></label>
                                        </div>
                                        <div>
                                            <label><span id="spanOpenDescription'@counter'">@Html.DisplayFor(modelItem => item11.Remarks)</span></label>
                                        </div>
                                        <div>
                                            <img src="@System.Configuration.ConfigurationManager.AppSettings[imgSource]" style="vertical-align: middle; margin-right: 10px; margin-left: -2px;" />
                                            <span>
                                                <span id="spanOpenStatus'@counter'">@Html.DisplayFor(modelItem => item11.TicketStatusAlias)</span>
                                            </span>
                                            <span>
                                                <span>@Html.DisplayFor(modelItem => item11.Id)</span>
                                            </span>
                                        </div>
                                    </div>
                                    <div class="clear"></div>

                                </td>
                            </tr>
                        }
                    }
                }
                //close ticket activity
                else
                {
                    if (ViewBag.CloseTicketActivity.Count > 0)
                    {
                        int counter = 1;
                        foreach (var item11 in (List<GODATA.Models.TicketAdministration_Dealer.CloseTicketActivityDetails>)ViewBag.CloseTicketActivity)
                        {

                            string imgSource = "";
                            string addBackgroundClass = "";
                            if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["assignedAlias"])
                            {
                                imgSource = "imgAccept";
                                addBackgroundClass = "AssignedTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"])
                            {
                                imgSource = "imgReached";
                                addBackgroundClass = "InProgressTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"])
                            {
                                imgSource = "imgResolved";
                                addBackgroundClass = "PreClouserTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"])
                            {
                                imgSource = "imgDeclined";
                                addBackgroundClass = "DeclinedTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["NewAlias"])
                            {
                                imgSource = "imgNew";
                                addBackgroundClass = "NewTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"])
                            {
                                imgSource = "imgClose";
                                addBackgroundClass = "CloseTicket";
                            }
                            else if (item11.TicketStatusAlias == System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"])
                            {
                                imgSource = "imgOpportunityLost";
                                addBackgroundClass = "OpportunityLostTicket";
                            }

                            <tr>
                                <td>
                                    <div class="CommonTicket fleft @addBackgroundClass" id="divCloseTicketActivity'@counter'">
                                        <div>
                                            <label><span id="spanCloseDate'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsCloseCreationTime)</span></label>
                                        </div>
                                        <div>
                                            <label><span id="spanCloseCreated'@counter'">@Html.DisplayFor(modelItem => item11.ActivityTicketsCloseCreatedBy)</span></label>
                                        </div>
                                        <div>
                                            <label><span id="spanCloseDescription'@counter'">@Html.DisplayFor(modelItem => item11.Remarks)</span></label>
                                        </div>
                                        <div>
                                            <img src="@System.Configuration.ConfigurationManager.AppSettings[imgSource]" style="vertical-align: middle; margin-right: 10px; margin-left: -2px;" />
                                            <span>
                                                <span id="spanCloseStatus'@counter'">@Html.DisplayFor(modelItem => item11.TicketStatusAlias)</span>
                                            </span>

                                        </div>
                                    </div>
                                    <div class="clear"></div>

                                </td>
                            </tr>
                        }
                    }
                }
            </table>
        </div>
        <div class="clear"></div>
    </div>
    <input type="hidden" id="hiddenDescription" />
</div>
<div class="statusbar" style="background: #F7F7F7;">
    <table class="LegendTbl" width="100%" cellspacing="0" cellpadding="0" border="0">
        <tr>
            <td>
                <div class="legendcolorbox Assignedbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["assignedAlias"]</td>
            <td>
                <div class="legendcolorbox NewTicketbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["NewAlias"]</td>
            <td>
                <div class="legendcolorbox CloseTicketbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["ClosedAlias"]</td>
            <td>
                <div class="legendcolorbox ProgressTicketbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["InProgressAlias"]</td>
        </tr>
        <tr>
            <td>
                <div class="legendcolorbox PreclouserTicketbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["PreClousereAlias"]</td>
            <td>
                <div class="legendcolorbox DeclineTicketbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["DeclinedAlias"]</td>
            <td>
                <div class="legendcolorbox OpportunityLostbg"></div>
            </td>
            <td>@System.Configuration.ConfigurationManager.AppSettings["OpportunityLost"]</td>
            @*<td><div class="legendcolorbox Notacceptedbg"></div></td>
                <td>color8</td>*@
        </tr>
    </table>
</div>
<script>
    $("#divTicketActivity").parent().addClass("RemoveScroll")

    var vRegistrationNo = '@ViewBag.VRegistrationNo';

    $("#ddTicketStatus").val('@ViewBag.TicketStatus');




    if (document.getElementById('tr_reason')) {
        $("#ddReasonForOpportunityLost").val('@ViewBag.OpportunityLossReason');
        $("#ddReasonForOpportunityLost").prop('title', '@ViewBag.OpportunityLossReason');
    }

    $("#textBoxDescription").val(stringToDecode('@ViewBag.DescriptionMultiline', "hiddenDescription"));

    $("#textBoxDescription").prop('title', stringToDecode('@ViewBag.DescriptionMultiline', "hiddenDescription"));
    $("#ChassisNo").val('@ViewBag.ChassisNo');
    $("#OdometerReading").val('@ViewBag.OdometerReading');
    $("#VehicleRegistrationNumber").val('@ViewBag.VRegistrationNo');

    /// ====================== Odometer case
    $("#VehicleType").val('@ViewBag.VehicleType')
    $("#PreviousOdometerReading").val('@ViewBag.PreviousOdometerReading')

    var autocomplete = $("#ChassisNo").data("kendoAutoComplete");
    autocomplete.readonly(true);
    $("#ChassisNo").addClass("disableText");

    function editChassisNo() {
       // var autocomplete = $("#ChassisNo").data("kendoAutoComplete");
        autocomplete.readonly(false);
        $("#ChassisNo").removeClass("disableText");
        //$("#ChassisNo").attr('readonly', false).css({ "background-color": "#fcfcfc" });
        $("#imgChassisNo").attr("src", "../../Content/css/images/edit-disable.png");

    }
 function onpreclosurereasonchange() {
     var ass_to = $('#assignedTo').val();
     
     $('#JobCompleteResponseTime').val('ClosureReason,'+ $('#ddPreclosureReason').val());
     alert($('#JobCompleteResponseTime').val());
    }
    var precloseval = "";

 /* Check opportunity lost or preclosure or in progress ticket status  */
	function getpreclosureval(){

        $.ajax({
            type: "Post",
            url: url + "Api/Activity?preClose=yes&preClosereason=get",
            data: { Token: securityToken, TicketId: $('#TicketIdAlias').val() },
            success: function (data) {
                precloseval = data;
                alert(precloseval);
            }
        });
	}
    /* Check opportunity lost or preclosure or in progress ticket status  */
    function onChangeTicketStatus(ticketStatus) {
        $('#trpreclosurereason').hide();
        var ticketStatusId = ticketStatus;
		 var htmldrop = "<option>Select</option>";
         getpreclosureval();
        if (ticketStatusId == 4) {
            var apiUrl = url + "Api/Admin?getpreclosure=yes&dropdown=test&option=yes";
            $.ajax({
                url: apiUrl,
                type: 'POST',
                success: function (data) {
                    if (data) {

                        for (var counter = 0; counter < data.length; counter++) {

                            htmldrop += "<option>" + data[counter].Name + "</option>";
                        }
                    }
                    // alert(htmldrop);
                    var ass_to = $('#AssignedTo').val();


                    $('#ddPreclosureReason').append(htmldrop);
                    setTimeout(function () {
                     //   alert($('#ticketStatusId').val());
                        if ($('#ticketStatusId').val() == "4") {
                            $('#ddPreclosureReason').attr("disabled", "disabled");
                            $('#ddPreclosureReason').val("ticket closure");
                        }
                        else {

                        }
                        $('#ddPreclosureReason').append(precloseval);
                    }, 500);

                    $('#trpreclosurereason').show();

                },
                complete: function () {

                },
                error: function (jqXHR, textStatus, errorThrown) {
                }
            });
			}

        // $("#tr_chassisNumber,#tr_OdometerReading,#tr_VehicleType,#tr_PrevOdometerReading").hide();
        $("#textRepairCost, #textEstmtTime, #tr_reason,#tr_reason_type, #tr_closeReason, #spanReasonForcloseTicketmorethan24Hrs, #tr_chassisNumber,#tr_OdometerReading,#tr_VehicleType,#tr_PrevOdometerReading").hide();
        var ticketStatusId = ticketStatus;


        if (ticketStatusId == 4) {
            checkPreclousre(ticketStatusId);
        }
        //if opprtunity lost

    }

    function checkPreclousre(ticketStatus) {
        debugger
        var ticketStatusId = ticketStatus;
        if ($("#OdometerReading").val() == 0) {
            $("#OdometerReading").val("")
        }
        if ($("#ChassisNo").val() != "") {

           // $("#ChassisNo").attr('readonly', true).css({ "background-color": "#e0d8d8" });
            $("#imgChassisNo").attr("src", "./../Content/css/images/edit-enable.png");


        }
        else {
           // $("#ChassisNo").attr('readonly', false).css({ "background-color": "#fcfcfc" });
            $("#imgChassisNo").attr("src", "../../Content/css/images/edit-disable.png");
        }
        if (ticketStatusId == 4) {

            $("#PreviousOdometerReading").val('@ViewBag.PreviousOdometerReading')

            $("#tr_chassisNumber,#tr_OdometerReading,#tr_VehicleType,#tr_PrevOdometerReading,#tr_VehicleType,#tr_PrevOdometerReading").show();
        }
        else {
            $("#tr_chassisNumber,#tr_OdometerReading,#tr_VehicleType,#tr_PrevOdometerReading,#tr_VehicleType,#tr_PrevOdometerReading").hide();
        }
    }
    $(document).ready(function () {
        //document.getElementById('ddTicketStatus').disabled = true;


        onChangeTicketStatus('@ViewBag.TicketStatus');

        var autocomplete = $("#ChassisNo").data("kendoAutoComplete");
        autocomplete.value('@ViewBag.ChassisNo');
    });


    //$(document).ready(function () {
    //    if ($("#ticketStatusId").val() == 4) {
    //        console.log("if 4");
    //        setTimeout(function () { $("#button_submit").hide(); }, 1000 * .5);
    //    }
    //});
    var xhr_activeRequestCheck;

    var _assignedTo = $("#assignedTo").val();

    /**
    * Function call to check if any active request
    */
    function activeRequestCheck(xhr) {
        'use strict';
        //console.log(xhr);
        //if ($("#ticketStatusId").val() == $("#ddTicketStatus").val()) {
        //    console.log("if same");
        //    jAlert('Please update Ticket Status', 'Message', function () {
        //        // xhr_activeRequestCheck = "";
        //        return false;
        //    });
        //    return false;
        //} else {
        //    console.log("else");

        if ($("#ddTicketStatus").val() == "4") {

            if (($("#ChassisNo").val().length < 4)) {
                $("#spanChassisNo").show();
                return false;
            }
            else if (($("#OdometerReading").val() == "")) {
                $("#spanOdometerReading").show();
                return false;
            }


            // case handle here for vehicle type and prev odometer
            if ($("#VehicleType").val() == "" || $("#VehicleType").val() == undefined || $("#VehicleType").val() == null) {
                // sow msg -
                jAlert("Please select chassis and press submit button to identify Vehicle Type", 'Message');
                return false;
            }

            //$("#PreviousOdometerReading") $("#OdometerReading")
            // now odo sholuld be greater than prv odometer
            if (parseFloat($("#OdometerReading").val()) < parseFloat($("#PreviousOdometerReading").val())) {
                // sow msg - Odometer Reading should be greater than Tipper/Haulage Reading.
                jAlert("Odometer Reading should be greater than Tipper/Haulage Reading.", 'Message');
                return false;
            }

        }
        return true;
        //}
    }

    var xhr_updateTicket, xhr_getOdometer;

    /**
    * Function call on success of update ticket
    */
    function onSuccessUpdateTicket(data) {
        alert(data.success);
            if (data.success == true) {
                var showMsg = "";
                var complaintNo = data.ticketId;
                var ticketStatus = data.ticketStatus;
                if (data.ticketStatus == 5) {
                    if (data.message != null && data.message != "")
                        showMsg = CREATE_TICKET_MESSAGES.updateTicketSuccess + " Job Card Status - " + data.message;
                    else
                        showMsg = CREATE_TICKET_MESSAGES.updateTicketSuccess;
                }
                else {
                    showMsg = CREATE_TICKET_MESSAGES.updateTicketSuccess;
                }
                //jAlert('Ticket updated successfully', 'Message', function () {
                jAlert(showMsg, 'Message', function () {
                    if (xhr_updateTicket && xhr_updateTicket.readystate != 4) {
                        xhr_updateTicket.abort();
                    }
                    xhr_updateTicket = $.ajax({
                        type: "POST",
                        url: "/TicketAdministration_Dealer/TicketAdministrationDealer_GetTicketHistory/",
                        data: { assignedToType: _assignedTo },
                        success: function (data) {
                            // console.log(data);
                            if (data) {
                                $("#divDealerOpenCloseTickets").html("");
                                $("#divDealerOpenCloseTickets").html(data);
                                $("#divMapDetail").removeClass("display_none");
                                if (ticketStatus == 5 || ticketStatus == 7) {
                                    //console.log(ticketStatus);
                                    if (document.getElementById('tableCloseTicketHistory')) {
                                        // console.log(complaintNo);
                                        // $("#tableCloseTicketHistory > tbody > tr[id=" + complaintNo + "]").trigger("click");

                                        $("#tableTicketHistory > tbody > tr.select > td").removeClass("SelectRow");
                                        $("#tableTicketHistory > tbody > tr").removeClass("select");
                                        $("#tableCloseTicketHistory > tbody > tr.select > td").removeClass("SelectRow");
                                        $("#tableCloseTicketHistory > tbody > tr").removeClass("select");
                                        $("#tableCloseTicketHistory > tbody > tr[id=" + complaintNo + "]").addClass('select');
                                        $("#tableCloseTicketHistory > tbody > tr[id=" + complaintNo + "].select > td").addClass('SelectRow');
                                        $("#labelActivity").trigger('click');
                                    }
                                }
                                else {
                                    //console.log(complaintNo);
                                    // $("#tableTicketHistory > tbody > tr[id=" + complaintNo + "]").trigger("click");

                                    $("#tableCloseTicketHistory > tbody > tr.select > td").removeClass("SelectRow");
                                    $("#tableCloseTicketHistory > tbody > tr").removeClass("select");

                                    $("#tableTicketHistory > tbody > tr.select > td").removeClass("SelectRow");
                                    $("#tableTicketHistory > tbody > tr").removeClass("select");
                                    $("#tableTicketHistory > tbody > tr[id=" + complaintNo + "]").addClass('select');
                                    $("#tableTicketHistory > tbody > tr[id=" + complaintNo + "].select > td").addClass('SelectRow');
                                    $("#labelActivity").trigger('click');
                                }
                            }
                        },
                        error: function (data) {
                            console.log(data);
                        }
                    });
                });
            }
            else if (data.success == false) {
                debugger
             jAlert("Please update Van reached status from EOS app for updating comments in “In Progress” Status", 'Message');

            }
            else {

                jAlert(data.message, 'Message');
            }
            $("#popup_ok").click(function () {
                location.reload();

            });

    }




    ///******* Enhancement- Chassis OdoMeter *******************************************
    function getOdoMeterReading() {

        var chassisNumber = $("#ChassisNo").data("kendoAutoComplete").value();
        if (chassisNumber != "") {
            if (xhr_getOdometer && xhr_getOdometer.readystate != 4) {
                xhr_getOdometer.abort();
            }
            xhr_getOdometer = $.ajax({
                type: "POST",
                url: "/TicketAdministration_Dealer/GetOdoMeterBYChassisNo/",
                data: { chassisNumber: chassisNumber, ticketIDAlias: $("#TicketIdAlias").val() },
                success: function (data) {
                    console.log(data)
                    if (data != "" && data.Status != "1") {
                        $("#PreviousOdometerReading").val(data.OdoMeterReading.trim())
                    }
                    else {
                        jAlert("Not able to get data from EOS API.", 'Message');
                    }
                    // add prev ododmeter
                },
                error: function (data) {
                    console.log(data);
                }
            });
        }
        else {

        }

    }
</script>
<style type="text/css">
        .TicketID td {
            height: 32px;
        }

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

        .SelectDD {
            padding: 0px 3px !important;
        }

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

        fieldset {
            border: 1px solid #dedede;
            border-radius: 4px;
            box-shadow: 5px 5px 10px #ccc;
            margin: 10px;
        }

        legend {
            margin-left: -11px;
            color: #666;
            border-radius: 4px;
            padding-bottom: 4px !important;
            font-size: 11px !important;
            text-shadow: 1px 1px 0 #fff;
            background: url("/Content/css/images/bg-ip-mainmenu.jpg") repeat-x;
            border: 1px solid #f9f9f9;
            padding-top: 4px !important;
        }

        .CommonTicket {
            /*background: #f9f9f9;*/
            margin: 10px;
            padding: 10px;
            line-height: 28px;
            border: 1px dotted #dedede;
            border: 1px dotted #C3C3C3;
            /*box-shadow: 0.5px 0.5px 25px #dedede inset;*/
            float: left;
            width: 83%;
        }

        .headline {
            width: 500px;
            height: 400px;
        }

        input {
            width: 164px;
        }

        .TicketActivityFrom {
            /*line-height: 38px;*/
            border: 1px solid #dedede;
            /*padding: 10px;*/
            margin: 10px;
            margin-right: 0;
        }


            .TicketActivityFrom td {
                /*line-height: 38px;*/
                vertical-align: top;
                /*text-indent: 10px;*/
                padding: 10px;
                border-right: 1px solid #f5f5f5;
                width: 11%;
            }

        #btnChassisNo {
            height: 24px;
            background: #ffffff;
            width: 27px;
            display: inline-flex;
            position: relative;
            bottom: -4px;
            left: -5px;
            border: 1px solid #bebdbc;
            align-items: center;
            justify-content: center;
            border-radius: 2px 5px 5px 0px;
            cursor: pointer;
        }

            #btnChassisNo img#imgChassisNo {
                vertical-align: middle;
            }
        /*input#ChassisNo {
        width: 146px;
    }*/
        .TicketActivityFrom td:last-child {
            border-right: none;
        }


        .TicketActivityFrom td input, .TicketActivityFrom td select, .TicketActivityFrom td textarea {
            /*margin-top: 5px;*/
            /*margin-bottom: 3px;*/
        }

        .RemoveScroll {
            overflow-y: hidden;
        }

        .TicketActivityFrom tr:nth-child(odd) {
            background-color: #f9f9f9;
        }

        #textBoxDescription {
            width: 159px;
            font-size: 13px;
        }

        .disableText {
            color: #696565 !important;
        }
</style>