@model GODATA.Models.Ticket.DraftTicketDetailModel
<div>
        @Html.ValidationSummary(true)

        @Html.HiddenFor(model => model.ChassisNumber)
        @Html.HiddenFor(model => model.RegistrationNumber)
        @Html.HiddenFor(model => model.DraftTicketId)
        

        <table class="CreateDraftReason_Tbl" width="100%" align="middle" cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td>
                    @Html.LabelFor(model => model.DraftTicketCancelReason)
                </td>
                <td>
                    @Html.DropDownListFor(model => model.DraftTicketCancelReason, (IEnumerable< SelectListItem>)ViewBag.CancelDraftTicketReason, "-Select-", new { @id = "ddTypeId", @style = "width:200px;" })                    
                    <span id="spanCancelReasonId" style="display: none; color: #ee1d23;">*</span>
                </td>
            </tr>  
            <tr><td colspan="2"> <br />@*<br /><br /><br /><br />*@</td></tr>
            
            <tr>
                <td>@Html.LabelFor(Model=>Model.OthersReason , new { @id = "otherReasonlabel", @style = "width:200px;" })</td>
                <td>@Html.TextBoxFor(model => model.OthersReason, new { @id = "otherReason", @style = "width:200px;" })
                     <span id="spanOtherReason" style="display: none; color: #ee1d23;">*</span>
                </td>
            </tr>          
        </table>
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
        <div class="CreateWrp">
            @*<input type="submit" id="btnCrt" value="Create " class="button_blue Custo_popupBtn" />
            <input type="reset" value="Reset " class="button_blue Custo_popupBtn" />
            <input type="button" value="Cancel" class="button_blue Custo_popupBtn CancelBtnBg" onclick='closeWindow("#divDraftTicketCancel")' />*@
            <button class="button_blue" id="buttonUpdate" onclick="btnUpdateReason()" style="padding-top: 6px; padding-bottom: 6px; margin-top: 0; margin-bottom: 0; width: auto;">Update</button>
            <button class="button_blue Custo_popupBtn CancelBtnBg" id="buttonCancel" onclick="btnCancel()" style="padding-top: 0px; padding-bottom: 0px; margin-top: 0; margin-bottom: 0; width: auto;">Cancel</button>            
        </div>
    </div>

<script>
    var deletedId = document.getElementById('DraftTicketId').value;

    

    function btnUpdateReason()
    {
        
        if ($("#ddTypeId").val() == "") {
            $("#spanCancelReasonId").show();
          
        }

        else if ( $("#otherReason").val() == "") {
            
           $("#spanOtherReason").show();
          
        }
        else { 


               var CancelDraftTicketModel = {};
        CancelDraftTicketModel.DraftTicketId = document.getElementById('DraftTicketId').value;
        CancelDraftTicketModel.DraftTicketCancelReason = document.getElementById('ddTypeId').value;
        CancelDraftTicketModel.RegistrationNumber = document.getElementById('RegistrationNumber').value;
        CancelDraftTicketModel.ChassisNumber = document.getElementById('ChassisNumber').value;
        CancelDraftTicketModel.OthersReason = $("#otherReason").val();

      
        $.ajax({
            type: "POST",
            url: "/Ticket/DraftTicketCancelReason/",
            data: CancelDraftTicketModel,
            success: function (data) {
              
                if (data.success == true) {                                                                                                                                  
                        closeWindow("#divDraftTicketCancel");                        
                            window.location.reload();                                                                   
                }
                else {
                    jAlert('Something went wrong');
                }                
            },
            complete: function () {

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

    }

    function closeWindow(divId) {
        $(divId).data("kendoWindow").close();
    }

    function btnCancel()
    {
        closeWindow("#divDraftTicketCancel");
    }

</script>