@{
    ViewBag.Title = "ToolsManagement";
}


<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">
<link rel="stylesheet" type="text/css" href="../app-assets/vendors/css/hopscotch.css">
@*<script type="text/javascript" src="../Projectscript/Common.js"></script>*@
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>
<script type="text/javascript" src="~/ProjectScript/Windowsprint.js"></script>

<style>
    #customView {
        border: 1px solid #CCD6E6;
    }

    .modal-xl {
        max-width: 90%;
        margin-left: 7%;
        margin-right: 3%;
    }

    .modal-llg {
        max-width: 80%;
        margin-left: 13%;
        margin-right: 7%;
    }
    .botlbl{
            margin-bottom: 0rem;
             text-align:center;
    }
    .custom-control-input:disabled ~ .custom-control-label {
    color: black;
}
</style>

<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>


<div class="myData" data-x="M291" />


<div id="Entry" style="margin-top:-10px;">

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                @*<div class="card-header">
                    <h4 class="card-title mb-0" style="float:left;font-weight:bold">Tools Management</h4>
                     <h4 class="card-title mb-0" style="float:right;font-weight:bold"></h4>

                </div>*@
                <div class="card-header" style="border-bottom:1px solid #e6e6e6;">
                    <div class="row">
                        <div class="col-md-3 text-left">
                            <h2 class="card-title mb-0" style="font-size:x-large;color:black;">Tools Management</h2>
                        </div>
                        <div class="col-md-4">
                        </div>

                        <div class="col-md-3 text-right" style="margin-left:5%">
                        </div>
                        <div class="col-md-2" style="margin-left:-5%">

                            <div class="input-group">
                                <div class="custom-control custom-radio display-inline-block white text-right" style="float:right;font-weight:normal;font-size:x-large;margin-top:2%">
                                    <input type="radio" id="typeIssue" checked="" name="customRadioInline3" class="custom-control-input" onchange="">
                                    <label class="custom-control-label custsize" for="typeIssue" style="color:black">Issue</label>
                                </div>
                                <div class="custom-control custom-radio display-inline-block">

                                </div>
                                <div class="custom-control custom-radio display-inline-block white  text-right" style="float:right;font-weight:normal;font-size:x-large;margin-top:2%">
                                    <input type="radio" id="typeReturn" name="customRadioInline3" class="custom-control-input" onchange="">
                                    <label class="custom-control-label custsize" for="typeReturn" style="color:black">Return</label>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>


                <div class="card-body" style="margin-top:-15px">
                    <div class="card-content collapse show">
                        <div class="card-body">
                            <form action="#">
                                <div class="form-body">
                                    <hr style="margin-top:0px" />
                                    <div class="row" style="background-color:#E0F3F4;margin-left:3px;width:100%;margin-top:-20px;height:150px">

                                        <div class="col-md-12">
                                            <br />
                                            <div class="form-group">

              

                                                <div class="row" style="margin-top:-8px;">
                                                    <label class="col-lg-1 " style="">TM#<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <input type="text" id="VocNo"  disabled name="priority" class="form-control editds">
                                                               
                                                            </div>

                                                            <label class="col-lg-1 ">Date</label>
                                                            <div class="col-md-2  input-group">
                                                                <input type="text" id="Date" class="form-control editds">
                                                            </div>

                                                            <label class="col-lg-1 ">Issued By<span class="danger">*</span></label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="IssuedBy" class="form-control editds">
                                                                <input type="hidden" id="IssuedById" class="form-control" />

                                                            </div>
                                                            <label class="col-lg-1">Job Code<span class="danger">*</span></label>
                                                            <div class="col-md-3">

                                                                <table>
                                                                    <tr>
                                                                        <td >
                                                                            <input type="text" id="JobCode"  class="form-control ui-autocomplete-input editds" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px;text-align:left;height:40px;">
                                                                            <input type="hidden" id="JobCodeId" class="form-control" />
                                                                        </td>
                                                                        <td >
                                                                            <input  id="JobcodeDesc" class="form-control editds" name="acnt1" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white" disabled/>
                                                                        </td>
                                                                    </tr>
                                                                </table>

                                                                @*<input type="text" id="JobCode" onkeyup="checkjobcodeempty()" class="form-control ui-autocomplete-input editds" style="height:40px" autocomplete="off">
                                                                <input type="hidden" id="JobCodeId" class="form-control" />
                                                                <input type="hidden" id="JobcodeDesc" class="form-control" />*@
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row" style="margin-top:-5px">
                                                    <label class="col-lg-1 ">Custodian<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-5">
                                                                <table>
                                                                    <tr>
                                                                        <td width="570px">
                                                                            <input type="text" id="CustodianCode" class="form-control editds" style="border-right:none;border-top-right-radius:0px;border-bottom-right-radius:0px;text-align:left;height:40px;">
                                                                            <input type="hidden" id="CustodianId" class="form-control" />
                                                                        </td>
                                                                        <td width="1000px">
                                                                            <input type="text" id="CustodianName" class="form-control editds" name="acnt1" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none;background-color:white" disabled>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </div>

                                                            @*<label class="col-lg-1 text-lg-right">Exp. Date</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="ExpDate" class="form-control editds">
                                                            </div>*@

                                                            <label class="col-lg-1 ">Remarks</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="Remarks" class="form-control editds">
                                                            </div>
                                                            <label class="col-lg-1">Comments</label>
                                                            <div class="col-md-3">
                                                                <textarea type="text" id="Comments" class="form-control editds" style="height:70px"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                @*<div class="row" style="margin-top:15px">
                                                    <label class="col-lg-1">Comments</label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-5">
                                                                <input type="text" id="Comments" class="form-control editds" style="height:70px">
                                                            </div>
                                                           <div class="col-md-3"></div>
                                                            <div class="col-md-4 input-group right">
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>*@

                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:3px" />
                                    <div class="row" style="margin-top:-10px">
                                        <div class="col-md-12">
                                            <div class="row" style="height:26px;margin-left:-2px">

                                                <div class="col-md-2">
                                                    <div class="form-group">
                                                        <label>&#160;Tool<span class="danger">*</span></label>
                                                    </div>
                                                </div>

                                                <div class="col-md-1">
                                                    <div class="form-group" style="margin-left:-10px">
                                                        <label>Unit<span class="danger">*</span></label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group" style="margin-left:-8px">
                                                        <label>Serial#</label>
                                                    </div>
                                                </div>
                                                @*<div class="col-md-1">
                                                    <div class="form-group" style="margin-left:-8px">
                                                        <label>Rate<span class="danger">*</span></label>
                                                    </div>
                                                </div>*@
                                                <div class="col-md-1">
                                                    <div class="form-group" style="margin-left:-8px">
                                                        <label>Quantity<span class="danger">*</span></label>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group" style="margin-left:-8px">
                                                        <label>Remarks</label>
                                                    </div>
                                                </div>
                                         
                                            </div>

                                            <div class="row">
                                                <div class="col-md-2 input-group">
                                                    <input type="text" id="Product_0" class="form-control editds" onkeyup="checkpdcttextempty(event)" style="width:80%;margin-left:18px" autocomplete="off">
                                                    <input type="hidden" id="ProductId_0" value="0" class="form-control" />
                                                    <input type="hidden" id="Description_0" />
                                                    <input type="hidden" id="ProductQty" class="form-control" />
                                                    <div class="input-group-append" id="addproductbtn">
                                                        <button class="btn btn-outline-primary" id="btnpdct" onclick="window.open('../Master/ToolMaster')" type="button" style="height:83%">+</button>
                                                    </div>
                                                </div>


                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <select id="Pcs_0" class="form-control" >
                                                            <option value="0">-Select-</option>
                                                        </select>
                                                        @*<input type="text" id="Pcs_0" autocomplete="off" onkeypress="isNumberInt(event, this)" class="form-control editds" />*@

                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    <div class="form-group">

                                                        <input type="text" id="Serial_0" onkeyup="" autocomplete="off"  class="form-control editds">
                                                    </div>
                                                </div>


                                                @*<div class="col-md-1">
                                                    <div class="form-group">

                                                        <input type="text" id="Rate_0" onkeyup="" autocomplete="off" onkeypress="isNumber(event,this)" class="form-control editds">
                                                    </div>
                                                </div>*@
                                                <div class="col-md-1">
                                                    <div class="form-group">

                                                        <input type="text" id="Qty_0" onkeyup="CheckStock()" autocomplete="off" onkeypress="" class="form-control editds">
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="form-group">
                                                        <input type="text" id="Remarks_0" onkeyup="" autocomplete="off"  class="form-control editds">
                                                    </div>
                                                </div>
                                                <div class="col-md-1">
                                                    <div class="form-group">
                                                        <button type="button" id="btnadd" onclick="ProductAdd()" class="btn btn-outline-primary" style="position:absolute;width:70%;">Add</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    </div>

                                </div>


                                <div class="px-2">
                                    <div id="customView" class="jsgrid" style="position: relative; height: 300px; width: 100%; margin-top:-10px;overflow-x: auto;overflow-y: hidden; ">
                                        <div class="jsgrid-grid-header jsgrid-header-scrollbar">
                                            <table class="jsgrid-table">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:30px"><i class="icon-trash"></i></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:40px">No</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:150px">Tool Code</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:250px">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:70px">PCS</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:100px">Serial#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:100px">Quantity</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:100px">Remarks</th>


                                                </tr>
                                            </table>
                                        </div>
                                        <div id="proddiv" class="" style="position: relative; overflow-x: auto;overflow-y:scroll; height:220px;">
                                            <table class="jsgrid-table" id="tblToolsDetails"></table>
                                        </div>
                                        <div class="" style="position: relative; overflow-x: hidden;overflow-y: scroll; width: 100%;border-bottom:1px solid;border-bottom-color:#e9e9e9;">
                                            <table class="jsgrid-table" id="">
                                                <tr class="jsgrid-header-row">
                                                    <th colspan="4" class="jsgrid-header-cell jsgrid-control-field jsgrid-align-left text-left" style="width:640px">Total</th>
                                                    @*<th class="jsgrid-header-cell jsgrid-align-right" style="width:70px"><label class="white botlbl " id="TotPcs"></label></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right" style="width:100px"><label class="white botlbl " id="TotSerial"></label></th>*@
                                                    <th class="jsgrid-header-cell jsgrid-align-right" style="width:100px"><label class="white botlbl " id="TotQty"></label></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right" style="width:100px"><label class="white botlbl " id="TotRemarks"></label></th>
                                                </tr>
                                            </table>
                                        </div>

                                    </div>
                                    <br />

                                </div>

                                <div class="px-2" style="border-top:1px solid #BABFC7;border-bottom:1px solid #BABFC7;height:110px;background-color:#E0F3F4;overflow:hidden;">
                                    <br />
                                    <table style="width:100%">
                                        <tr>
                                          
                                            <td width="50%"></td>
                                            <td width="50%">
                                                <div class="text-right mt-1" style="">

                                                    <button type="button" style="width:120px" id="btnsubmit" onclick="SaveToolsManagement()" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                                    <button type="button" style="width:100px" id="btncopy" onclick="GetRows()" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>

                                                     @*<button type="button" style="width:120px;display:none" id="btnlist" onclick="GetRows()" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>*@
                                                    <button style="display:none" type="button" id="btnprint" onclick="PrintthisBill()" class="btn btn-primary btn-min-width mr-1 mb-1">Print <i class="ft-printer"></i></button>
                                                    <button type="button" style="width:120px" id="btnnew" onclick="formrefreshconfirm()" class="btn btn-primary btn-min-width mr-1 mb-1">New <i class="ft-refresh-cw position-right"></i></button>
                                                    <button style="display:none" type="button" id="btnedit" onclick="EditInvoice(0)" class="btn btn-secondary white btn-min-width mr-1 mb-1">Edit<i class="fa ft-edit"></i></button>
                                                    <button style="display:none" type="button" id="btndelete" onclick="DeleteToolsManagement()" class="btn btn-danger btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                    <button style="display:none" type="button" id="btnsaveedit" onclick="UpdateToolManagement()" class="btn btn-warning white btn-min-width mr-1 mb-1">Update<i class="fa fa-check-square-o"></i></button>
                                                    <button type="button" style="width:120px" id="btnview" onclick="$('#ViewFromDate,#ViewToDate').val(CurDate), GetList()" class="btn btn-primary btn-min-width mr-1 mb-1">View <i class="ft-eye"></i></button>

                                                    @*<button style="display:none" type="button" id="btnacctran" onclick="GetTrans()" class="btn btn-info white btn-min-width mr-1 mb-1">Accounts Details <i class="fa ft-info"></i></button>*@
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../Projectscript/ToolsManagement.js"></script>
<div style="display:none">
    <input type="text" value="0" id="ToolsManagementId" />
</div>





<div id="OTPDiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="background:rgba(0,0,0,0.5); display: block;margin-top:0%;display: none;">
    <div class="modal-dialog modal-dialog-centered" role="document" style="top:-25%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" onclick="$('#OTPDiv').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <div class="modal-body">
                <div class="col-md-12">
                    <div class="row" id="panel" style="margin-top:2%;">

                        <label class="col-md-5" style="text-align:left" id="reason">Enter the OTP:</label>
                        <div class="col-md-7">
                            <input type="text" id="otp" class="form-control" autocomplete="off">
                        </div>
                    </div>
                    <div class="row" id="panel" style="margin-top:2%;">

                        <label class="col-md-5" style="text-align:left" id="reason">Remarks:</label>
                        <div class="col-md-7">
                            <input type="text" id="otpremarks" class="form-control" autocomplete="off">
                        </div>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" style="width:100px;" id="btndivdelete" onclick="$('#OTPDiv').hide()" class="btn btn-outline-secondary">Cancel</button>
                <button type="button" style="width:100px" id="btncnclsave" onclick="CheckEditInvoice(0)" class="btn btn-outline-warning">Continue</button>
            </div>


        </div>
    </div>
</div>
<div class="modal fade text-left show" id="ToolsManagementViewForm" tabindex="-1" role="dialog" aria-labelledby="purchaseviewheader" style="padding-right: 17px; display: none;display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-llg" role="document" style="top:0%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="ToolsManagementViewFormviewheader"></h4>
                <button type="button" class="close" data-dismiss="modal" onclick="$('#ToolsManagementViewForm').hide()" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div id="">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

                                <div class="col-md-1" style="margin-top:17px;text-align:left;">
                                    <label for="ViewFromDate">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:10px;margin-left:-2%;">

                                    <input type="text" id="ViewFromDate" class="form-control" placeholder="From Date" style="height:35px;font-weight:200;">

                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:left;">
                                    <label for="ViewToDate">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:10px;margin-left:-3%;">
                                    <div class="form-group">
                                        <input type="text" id="ViewToDate" class="form-control" placeholder="To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:10px;">
                                    <button type="button" id="" onclick="GetList()" class="btn btn-primary btn-min-width mr-1 mb-1 " style="position:absolute;width:100px;font-weight:400;">Search <i class="fa fa-search position-right"></i>  </button>
                                </div>


                            </div>
                        </div>
                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tbl_ViewList" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>

                </div>


            </div>

        </div>
    </div>
</div>


<div id='modal_dialog' class="overlay" style="display: none;">
    <div class="modal fade text-left show" id="keyboard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" style="display: block; padding-right: 17px; top:25%">
        <div class="modal-dialog" role="document">
            <div class="modal-content">

                <div class="modal-body">
                    <div class="swal-icon swal-icon--warning">
                        <span class="swal-icon--warning__body">
                            <span class="swal-icon--warning__dot"></span>
                        </span>
                    </div>
                    <div id="soldmessage" class="swal-title" style="">Product already added.Do you want to continue?</div>
                </div>
                <div class="modal-footer">
                    <button type="button" id="btnNo" class="btn btn-outline-primary btn-sizebig" autofocus="" autocomplete="off">Cancel</button>
                    <button type="button" onclick="" id="btnYes" class="btn btn-outline-primary btn-sizebig" autocomplete="off">Ok</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="alertpopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog" role="document" style="top:20%">
        <div class="modal-content" style="width:600px">
            <form id="alertdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12" style="overflow:scroll;height:200px;width:100%;overflow:auto;">
                            <table class="table table-responsive-md-md text-center" id="tblAlert"></table>
                        </div>
                    </div>
                    <div class="text-right">
                        <input type="button" class="btn btn-outline-primary" value="Ok" id="btnokalert" onclick="alertpopuprefresh()">
                    </div>

                </div>
            </form>
            <form id="alertdiv1" style="display:none">

                <div class="modal-body">
                    <div class="row">
                        <div class="placeholder"></div>
                        <div class="col-md-12" style="overflow:scroll;height:200px;width:100%;overflow:auto;">
                            <div class="swal2-icon swal2-success animate" style="display: block;"><span class="line tip animate-success-tip"></span> <span class="line long animate-success-long"></span><div class="placeholder"></div> <div class="fix"></div></div>
                            <br />
                            <h2 id="savealert" class="text-center"></h2>
                            <hr />
                        </div>
                    </div>
                    <div class="text-right">

                        <button style="" type="button" id="btnok" class="btn btn-outline-primary btn-min-width mr-1 mb-1 btn-sizebig">Print <i class="ft-printer"></i></button>
                        <button style="" type="button" id="btncnclalrt" class="btn btn-outline-primary btn-min-width mr-1 mb-1">Cancel <i class="ft-x-circle"></i></button>
                    </div>
                </div>

            </form>
        </div>
    </div>
</div>

<script>
    function checkpdcttextempty(evt) {

        var charCode = (evt.which) ? evt.which : event.keyCode

        if (charCode != 13) {

            var a = ($('#Product_0').val()).length;
            if ($('#ProductId_0').val() != a) {
                $('#Pcs_0').val(0);
                $('#Qty_0').val('');
                $('#Description_0').val('');
                $('#ProductQty').val('');
                $('#ProductId_0').val('');
            }
          

        }
        
    }

    $("#IssuedBy").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            $('#IssuedById').val('');
            var data = {};
            data.UserName = $("#IssuedBy").val();
            $.ajax({
                url: '../Master/UserSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {

                    response($.map(data, function (item) {
                        return ({
                            ColCount: '1',
                            label: item.UserName,
                            UserId: item.UserId,
                            UserName: item.UserName,
                            headers: ["User"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#IssuedById').val(ui.item.UserId);
            $('#JobCode').focus();
        },
    });
    $("#CustodianCode").autocomplete({

        source: function (request, response) {
            $('#CustodianName').val('');
            $('#CustodianId').val('');
            var data = {};
            data.EmpCode = $("#CustodianCode").val();
            data.Name = $("#CustodianCode").val();
            $.ajax({
                url: '../Master/EmpAutoComplete',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.EmpCode,
                            label1: item.Name,
                            EmpCode: item.EmpCode,
                            Name: item.Name,
                            EmpId: item.EmpId,
                            headers: ["Code", "Name"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#CustodianCode').val(ui.item.EmpCode);
            $('#CustodianName').val(ui.item.Name);
            $('#CustodianId').val(ui.item.EmpId);
            $('#Remarks').focus();
           
        },

    });
    $("#Product_0").autocomplete({

        source: function (request, response) {
            $('#ProductId_0').val('');
            $('#Description_0').val('');
            $('#Pcs_0').val(0);
            $('#ProductQty').val('');

            var data = {};
            data.Code = $("#Product_0").val();
            $.ajax({
                url: '../Master/ToolsAutocomplete',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '4',
                            label: item.Code,
                            label1: item.ToolDesc,
                            label2: item.UnitName,
                            label3: item.ToolQty,
                            Code: item.Code,
                            ToolDesc: item.ToolDesc,
                            Pcs: item.Pcs,
                            ToolId: item.ToolId,
                            ToolQty: item.ToolQty,
                            UnitName:item.UnitName,
                            headers: ["Tool Code", "Description", "Pcs", "Quantity"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            var ProdFlag = 0;
            //$('#ProductId_0').val(ui.item.ToolId);
            //$('#Description_0').val(ui.item.ToolDesc);
            //$('#Pcs_0').val(ui.item.Pcs);
            //$('#Serial_0').select().focus();
            //$('#ProductQty').val(ui.item.ToolQty);
            for (var p = 1; p <= $('#tblToolsDetails tr').length; p++) {
                if (ui.item.ToolId == $('#ProductId_' + p).val()) {
                    ProdFlag = 1;
                }

            }
            if (ProdFlag == 1) {
                $('#modal_dialog').show();
                $('#btnNo').focus();

                dialog(function () {
                    $('#modal_dialog').hide();
                    $('#Serial_0').focus();
                    $('#ProductId_0').val(ui.item.ToolId);
                    $('#Description_0').val(ui.item.ToolDesc);
                    $('#Pcs_0').val(ui.item.Pcs);
                    $('#Serial_0').select().focus();
                    $('#ProductQty').val(ui.item.ToolQty);
                },
             function () {               // Cancel Button
                 $('#modal_dialog').hide();
                 clearrow();
                 return false;
             }
            );
            }
            else if (ProdFlag == 0) {
                $('#Serial_0').focus();
                $('#ProductId_0').val(ui.item.ToolId);
                $('#Description_0').val(ui.item.ToolDesc);
                $('#Pcs_0').val(ui.item.Pcs);
                $('#Serial_0').select().focus();
                $('#ProductQty').val(ui.item.ToolQty);
            }

        },

    });
    //Confirmbox Function work as browser confirm function
    function dialog(yesCallback, noCallback) {
        $('#btnYes').click(function () {
            yesCallback();
        });
        $('#btnNo').click(function () {
            noCallback();
        });
    }


    function CheckStock() {
        if ($('#tblToolsDetails tr').length == 0) {
            var chkqty = parseInt($('#ProductQty').val()||0);
            var EntdQty =parseInt($('#Qty_0').val()||0);
            if (EntdQty > chkqty) {
                warningshow('Available stock is ' + $('#ProductQty').val());
                $('#Qty_0').select().focus();
              
            }
        }
        else {
            var tbllength = $('#tblToolsDetails tr').length
            for (var i = 1; i <= tbllength; i++) {
                if (($('#ProductId_0').val()) == ($('#ProductId_' + i).val())) {
                    var GridQty=parseInt($('#Quantity_'+ i).val()||0);
                    var AvailQty = parseInt($('#ProductQty').val()||0);
                    var AddQty = parseInt($('#Qty_0').val()||0);
                    var sumqty = parseInt(GridQty) + parseInt(AddQty);
                    if (sumqty > AvailQty) {
                        warningshow('Available stock is ' + $('#ProductQty').val());
                        $('#Qty_0').select().focus();
                    }
                }
                else {
                  
                    var chkqty = parseInt($('#ProductQty').val() || 0);
                    var EntdQty = parseInt($('#Qty_0').val() || 0);
                    if (EntdQty > chkqty) {
                        warningshow('Available stock is ' + $('#ProductQty').val());
                        $('#Qty_0').select().focus();
                    }
                }
            }
        }
    }
    

    $("#JobCode").autocomplete({
        source: function (request, response) {
            $('#JobCodeId').val('');
            $('#JobcodeDesc').val('');
            var data = {};
            data.JobCode = $("#JobCode").val();
            $.ajax({
                url: '../Master/JobCodeSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'TWO',
                            label: item.JobCode,
                            label1: item.CustName,
                            label2: item.Description,
                            label3: item.LPO,
                            label4: item.EstAmount,

                            Description: item.Description,
                            LPO: item.LPO,
                            EstAmount: item.EstAmount,
                            CustId: item.CustName,
                            JobcodeId: item.ProjectJobId,
                            headers: ["Job Code", "Customer Name"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#JobCodeId').val(ui.item.JobcodeId);
            $('#JobcodeDesc').val(ui.item.Description);
            $('#CustodianCode').focus();
        },

    });

    $("#VocNo").autocomplete({
        source: function (request, response) {
            var data = {};
            data.VocNo = $("#VocNo").val();
            $.ajax({
                url: '../ProjectandJob/TMNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.VocNo,
                            label1: item.JobCodes,
                            VocNo: item.VocNo,
                            JobCodeId: item.JobCodeId,
                            DeptId:item.DeptId,
                            headers: ["TM#", "Job Code"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {

            var data = {};
            data.VOCNo = ui.item.VocNo;
            data.DeptId = ui.item.DeptId;

            $.ajax({
                type: "POST",
                url: "../ProjectandJob/ToolManagementGetandGets",
                data: data,
                success: function (result) {
                    $('#tblToolsDetails tr').remove();
                    ToolManagementGets(result.oList);
                    $('#VocNo').prop("disabled", false);
                    $('#btnsubmit').hide();
                    $('#btnlist').hide();
                    $('#btnprint').show();
                    $('#btndelete').show();
                    $('#btnedit').show();
                }

            });
        },

    });
</script>