@{
    ViewBag.Title = "PurchaseReturnNew";
}


<script type="text/javascript" src="../Projectscript/PurchaseReturnNew.js"></script>




<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">
    $(document).ready(function () {
        if ("@Request.QueryString["from"]" == "AccountStatement") {
            var id = sessionStorage.getItem("purchase_slno");
            var dep = sessionStorage.getItem("pur_deptid");
            sessionStorage.removeItem("purchase_slno");
            sessionStorage.removeItem("pur_deptid");
            var numId = parseInt(id);
            var deprtid = parseInt(dep)
            if (!isNaN(numId) && !isNaN(deprtid)) {
                ReportGetCopy(numId, deprtid);
            }
        }
    });
    function ReportGetCopy(PRNo, DepId) {

        var data = {};
        data.PRNo = PRNo;
        data.DepartmentId = DepId;
        $.ajax({
            type: "POST",
            url: "../Purchase/PurchaseReturnGetandGets",
            data: data,
            success: function (result) {
                formrefresh(1);
                PurchaseReturnGets(result.oList);
                $('#purchaseinvoiceno1').val(PRNo);
                $('#btnnew').focus();
                $('.form-control').prop('disabled', true);
                $('#copypurchaseinvo').prop("disabled", false);
                $('.jsgrid-button').prop('disabled', true);
                $('#btnsubmit').prop("disabled", true);
                $('#btnlist').prop("disabled", true);
                $('#btnadd').prop("disabled", true);
                $('#btncrncysave').prop("disabled", true);
                $('#btnaddcost').prop("disabled", true);

            }
        });
    }
</script>

<style>
    #fixed {
        width: 100%;
        position: fixed;
        top: 0px;
    }

    #customView {
        border: 1px solid #CCD6E6;
    }

    #OtherCostView {
        border: 1px solid #CCD6E6;
    }

    #Cell1 {
        width: 80%;
        text-align: right;
    }

    #Cell2 {
        width: 20%;
        text-align: right;
    }

    #panel1 {
        display: none;
    }

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

    .modal-llg {
        max-width: 80%;
        margin-left: 13%;
        margin-right: 7%;
    }
      .modal-lgl {
        max-width: 70%;
        margin-left: 16%;
        margin-right: 14%;
    }
    .footertable tr {
        border: 1px solid #BABFC7;
        height: 45px;
    }

    .headertable tr {
        border: 1px solid #BABFC7;
        height: 40px;
    }

    #tblOutOfStock {
        border: 1px solid #BABFC7;
    }
</style>

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

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

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

    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header" style="background-color:#009da0;height:80px">
                    <div class="row">
                        <h4 class="card-title mb-0 col-md-5" style="float:left;color:white;font-size:xx-large;">Purchase Return</h4>
                        <div class="row form-group col-md-5">
                            <i class="ft-calendar" style="font-weight:normal;font-size:xx-large;color:white"></i>

                            <input type="text" id="purchaseinvdate" style="width:150%;background-color:#009da0;border:none;color:white;font-size:xx-large" class="form-control editds input-lg col-md-7">
                        </div>
                        <div class="col-md-2" style="margin-top:1%">

                            <h2 class="card-title" id="UserName" style="float:right;color:white"></h2>
                        </div>
                    </div>
                </div>
                <div class="card-body" style="margin-top:0">
                    <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:1px;width:100%;margin-top:-20px;height:130px">

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

                                                <div class="hopscotch-bubble animated tour-demo-tour" id="tour1" style="position: absolute; top: 65px; left:12%;display:none">

                                                    <div class="hopscotch-bubble-container" style="width: 280px; padding: 10px;">
                                                        <div class="hopscotch-bubble-content">
                                                            <h3 class="hopscotch-title">Search PR Number Here.</h3>
                                                            <div class="hopscotch-content"></div>
                                                        </div>
                                                    </div>
                                                    <div class="hopscotch-bubble-arrow-container hopscotch-arrow up">
                                                        <div class="hopscotch-bubble-arrow-border"></div>
                                                        <div class="hopscotch-bubble-arrow"></div>
                                                    </div>
                                                </div>


                                                <div class="row" style="margin-top:-8px">
                                                    <label class="col-lg-1" style="font-weight:bold">PR #<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            @*=====div for page load======*@
                                                            <div class="col-md-2" id="purchaseinv">
                                                                <div class="input-group">
                                                                    <input type="text" class="form-control" id="purchaseinvoiceno1" disabled>
                                                                    <button type="button" style="" id="btnlist" onclick="GetRows()" class="btn btn-outline-primary input-group-append"><i class="ft-search"></i></button>
                                                                </div>
                                                            </div>
                                                            @*============================*@

                                                            @*===div for copy===*@
                                                            <div class="col-md-2 input-group" id="copypurchase" style="display:none;position:inherit;">
                                                                <div class="input-group-prepend">
                                                                    <span class="input-group-btn" title="Previous">
                                                                        <button type="button" disabled="" id="btnprvs" onclick="GetBillPrevousornext(-1)" class="btn btn-outline-primary"><i class="ft-chevron-left"></i></button>
                                                                    </span>
                                                                </div>
                                                                <input type="text" class="form-control" style="height:38px;" id="copypurchaseinvo" placeholder="Search Purchase Return">
                                                                <div class="input-group-append">
                                                                    <span class="input-group-btn" title="Next">
                                                                        <button type="button" id="btnnxt" disabled="" onclick="GetBillPrevousornext(1)" class="btn btn-outline-primary"> <i class="ft-chevron-right"></i></button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            @*=================*@
                                                            <select id="paytype" name="priority" class="form-control" style="display:none">

                                                                <option value="1">Credit</option>
                                                                <option value="2">Cash</option>
                                                                <option value="3">Card</option>

                                                            </select>

                                                            <label class="col-lg-1 text-lg-right" style="font-weight:bold">PR Type</label>
                                                            <div class="col-md-2">
                                                                <select id="purchasetype" name="priority" class="form-control editds" onchange="CheckPurchaseType()">

                                                                    <option value="Local">Local</option>
                                                                    <option value="Import">Import</option>

                                                                </select>
                                                                <input type="hidden" id="ImpTax" />
                                                            </div>
                                                           
                                                            <label class="col-lg-1 text-lg-right" style="font-weight:bold">Transfer</label>
                                                            <div class="col-md-2 input-group">
                                                                <input type="text" id="transferPI" class="form-control">
                                                                <select id="transfer" class="form-control" style="height:100%">
                                                                    <option value="0">Select</option>
                                                                    <option value="1">PI</option>

                                                                </select>

                                                                <div class="input-group-append" id="addtransfer">
                                                                    <button type="button" id="btntransfer" style="height:100%" class="btn btn-outline-primary butndis" onclick="GetList(0)">⇆</button>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" id="PI" class="form-control">
                                                            <div class="col-md-4">
                                                                <h2 class="text-right" id="fc" style="float:right;opacity:0;color:red;font-weight:500">fc </h2>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-1" style="font-weight:bold">Supplier<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-2 form-group">
                                                                <input type="text" id="suppliername" class="form-control editds" style="height:90%">
                                                            </div>
                                                            <input type="hidden" id="supplierId" class="form-control" value="0" style="width:100px" />
                                                            <input type="hidden" id="CustType" class="form-control" value="0" style="width:100px" />
                                                            <input type="hidden" id="CustAccCode" class="form-control" value="0" style="width:100px" />
                                                            <label class="col-lg-1 text-lg-right" style="font-weight:bold">Location</label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="location" style="height:75%" class="form-control editds"></select>
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(2)" id="btnlocn" style="height:75%" type="button">+</button>
                                                                </div>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right" style="font-weight:bold">FX<span class="danger">*</span></label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="currency" style="height:75%" class="form-control editds"></select>
                                                                <input type="text" id="rate" style="height:75%" class="form-control editds" onkeypress="isNumber(event, this)" onkeyup="CalcAmt()" disabled>

                                                            </div>
                                                            <div class="col-md-4">
                                                                <h2 class="text-right" id="gndtotal" style="float:right;color:red;font-weight:500">0.00</h2>

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

                                                </div>                                               
                                                <div class="row" style="margin-top:0px">
                                                   
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            
                                                            <input type="hidden" id="jobid" class="form-control">
                                                            <input type="hidden" id="fcamount" class="form-control">
                                                            <input type="hidden" id="fctaxable" class="form-control">
                                                            <input type="hidden" id="fctax" class="form-control">
                                                            <input type="hidden" id="fcdiscount" class="form-control">

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

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

                                                    <div class="col-md-3">
                                                        <div class="form-group">
                                                            <label>Product<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label>Location<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1" style="display:none">
                                                        <div class="form-group">
                                                            <label>Unit<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Qty.<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Rate<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Tax<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Tax %</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Amount</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2" style="display:none">
                                                        <div class="form-group">
                                                            <label>Job</label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div id="prodappdiv" class="col-md-3 form-group">

                                                        <input type="text" id="product_0" class="form-control editds" style="height:65%;margin-left:1px" onkeypress="LoadProduct()" onkeyup="checkproduct()">                                                        

                                                    </div>
                                                    <input type="hidden" id="productId_0" class="form-control" />
                                                    <input type="hidden" id="ProductLength" class="form-control" />
                                                    <input type="hidden" id="productdesc_0" class="form-control" />
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <select id="locn_0" style="height:34px" class="form-control editds"></select>
                                                            <input type="hidden" style="height:34px" id="txtlocn" class="form-control" />

                                                        </div>
                                                    </div>


                                                    <div class="col-md-1" style="display:none">
                                                        <div class="form-group">

                                                            <select id="unit_0" class="form-control editds"></select>
                                                            <input type="hidden" id="txtunit_0" class="form-control" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <input type="text" id="quantity_0" style="height:34px" onclick="$('#quantity_0').select()" class="form-control editds" onkeyup="CalcAmount(0)" onkeypress="isNumberInt(event,this)">
                                                        </div>
                                                    </div>


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

                                                            <input type="text" id="txtrate_0" style="height:34px" onclick="$('#txtrate_0').select()" class="form-control editds" onkeyup="CalcAmount(0)" onkeypress="isNumber(event, this)">
                                                            <input type="hidden" id="txtsubtotal" class="form-control" />
                                                            <input type="hidden" id="baserate_0" class="form-control" />
                                                        </div>
                                                    </div>

                                                    <input type="hidden" id="discount_0" style="height:34px" value="0" onclick="$('#discount_0').select()" class="form-control editds" onkeypress="isNumber(event, this)" onkeyup="CalcAmount(0)">

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

                                                            <select id="tax_0" class="form-control editds" style="height:34px" onchange="ChangeTax(0,this)"></select>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <input type="text" id="taxpercentage_0" style="height:34px" class="form-control" disabled>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <input type="text" id="amount_0" style="height:34px" class="form-control" disabled>
                                                            <input type="hidden" id="txttaxable_0" class="form-control" />
                                                            <input type="hidden" id="txttax_0" class="form-control" />
                                                            <input type="hidden" id="txtsubtotal_0" class="form-control" />
                                                            <input type="hidden" id="baseamount_0" class="form-control" />
                                                            <input type="hidden" id="basetaxableamount_0" class="form-control" />
                                                            <input type="hidden" id="basetaxamount_0" class="form-control" />
                                                            <input type="hidden" id="basediscount_0" class="form-control" />
                                                            <input type="hidden" id="otrcost" class="form-control" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2" style="display:none">
                                                        <div class="form-group">

                                                            <input type="text" id="jobcode_0" class="form-control editds" onkeydown="$('#jobcodeid_0').val(0)">
                                                            <input type="hidden" id="jobcodeid_0">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <button type="button" id="btnadd" onclick="Productadd()" class="btn btn-outline-primary" style="width:100%;height:34px">&nbsp;&nbsp;+Add&nbsp;&nbsp;</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="px-2">
                                    <div id="customView" class="jsgrid" style="position: relative; height: 300px; width: 100%; margin-top:-25px;overflow-x: auto;overflow-y: hidden; ">
                                        <div class="jsgrid-grid-header jsgrid-header-scrollbar" style="width:100%;">
                                            <table class="jsgrid-table">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:3%"><i class="icon-pencil"></i>&nbsp;<i class="icon-trash"></i></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:3%">SL#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:10%">Code#</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:20%">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:6%;display:none">Unit</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:5%">Qty.</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:6%">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%">Taxable</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%;display:none">Tax Group</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%">Tax Amt</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%">Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:6%;">Location</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:250px;display:none">Job Code</th>

                                                </tr>

                                            </table>
                                        </div>
                                        <div id="proddiv" class="" style="position: relative; overflow-x: auto;overflow-y: scroll; height: 246px; width: 100%;">
                                            <table class="jsgrid-table" id="tblpurchaseinvoice"></table>
                                        </div>
                                    </div>
                                    <br />                                   
                                    <div class="px-2" style="border-top:1px solid #BABFC7;border-bottom:1px solid #BABFC7;height:143px;background-color:#E0F3F4;overflow:hidden;">
                                        <table style="width:100%">
                                            <tr>
                                                <td width="25%" style="display:none">
                                                    <div id="TaxSplit">
                                                        <div id="transsplitdiv" class="jsgrid" style="overflow:auto;height:140px;width:100%;margin-top:-60px;">
                                                            <table class="headertable" id="tbltaxsplit" style="border:1px solid #BABFC7;background-color:white;">
                                                                <tr>
                                                                    <th class="text-center" style="font-weight:500;width:30%;border:1px solid #BABFC7;height:50px"><b>Tax Group</b></th>
                                                                    <th class="text-center" style="font-weight:500;width:40%;border:1px solid #BABFC7;height:50px"><b>Taxable Amount</b></th>
                                                                    <th class="text-center" style="font-weight:500;width:40%;border:1px solid #BABFC7;height:50px"><b>Tax Amount</b></th>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </td>
                                                <td width="50%">
                                                    <div id="" class="jsgrid text-lg-right" style="height:200px; overflow: auto;width:100%;overflow:hidden;">
                                                        <table class="footertable" id="" style="overflow:hidden;border:1px solid #BABFC7;background-color:white;width:100%">
                                                            <tr>
                                                                <td class="" style="width:50%;text-align:center;font-weight:500"><b>Total Taxable</b></td>
                                                                <td class="" style="width:50%;text-align:center;font-weight:500;border-right:1px solid #BABFC7"><b>Total Tax</b></td>

                                                            </tr>
                                                            <tr style="background-color:#E0F3F4 ;">


                                                                <td style="width:50%">
                                                                    <input type="hidden" id="HiddenTotal" value="0.00" />
                                                                    <input type="text" id="tottaxable" value="0.00" class="form-control" style="border:none;font-weight:bold;text-align:center" disabled>
                                                                </td>

                                                                <td style="width:50%;border-right:1px solid #BABFC7">
                                                                    <input type="text" id="tottax" value="0.00" class="form-control" style="border:none;font-weight:bold;text-align:center" disabled>
                                                                    <input type="hidden" id="disc" value="0.00" class="form-control editds" style="width:130px;font-weight:bold;text-align:center" onclick="$('#disc').select()" onkeypress="isNumber(event, this)" onkeyup="CalcDiscountSplitTax1();">
                                                                    <input type="hidden" id="basedisc" />
                                                                    <input type="hidden" id="Discountpercent" value="0.00" style="font-weight:bold;text-align:center;width:130px;" class="form-control" disabled onclick="$('#Discountpercent').select()" onkeypress="isNumber(event, this)" onkeyup="CalcDiscountSplitTaxbyPrecentage();">
                                                                    <input type="hidden" id="totdisc" value="0.00" class="form-control" style="background-color:white;width:130px;border:none;font-weight:bold;text-align:center" disabled>
                                                                    <input type="hidden" id="GrandTotal" class="form-control" style="background-color:white;border:none" disabled>

                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td colspan="6">
                                                                    <div class="form-group">
                                                                        <textarea id="txtnotes" style="height:50px;border:none;resize:none;margin-bottom:-30px" rows="3" class="form-control editds" placeholder="Remarks"></textarea>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </td>
                                                <td width="25%">
                                                    <div class="text-right" style="height:200px;top:-5px">
                                                        <br />
                                                        <button type="button" style="" id="btnsubmit" onclick="SavePurchaseReturn()" 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"  id="btnlistPR" onclick="GetPRListDefault()" class="btn btn-primary mr-1 mb-1">View <i class="ft-eye"></i></button>
                                                        <button type="button" style="" id="btnnew" onclick="createnew()" 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="btnsaveedit" onclick="UpdatePurchaseReturn()" class="btn white btn-warning btn-min-width mr-1 mb-1">Update<i class="fa fa-check-square-o"></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="DeletePurchaseReturn()" class="btn btn-danger btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                    </div>
                                                </td>

                                            </tr>
                                        </table>
                                    </div>                                  
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="display:none">
    <label class="col-lg-1 text-lg-right">Ship Date</label>
    <div class="col-md-2">
        <input type="text" id="shipdate" class="form-control editds">
    </div>
    <div class="input-group-append" id="addsupplier">
        <button class="btn btn-outline-primary butndis" id="addbtnsupplier" type="button" style="height:90%" onclick="window.open('../Master/Supplier')">+</button>
    </div>
    <label class="col-lg-1 text-lg-right">Terms<span class="danger">*</span></label>
    <div class="col-md-2 input-group">
        <select id="terms" style="height:90%" class="form-control editds"></select>
        <div class="input-group-append">
            <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(1)" id="btnterms" style="height:90%" type="button">+</button>
        </div>
    </div>
    <label class="col-lg-1 text-lg-right">Due Date<span class="danger">*</span></label>
    <div class="col-md-2">
        <input type="text" id="duedate" class="form-control editds">
    </div>
    <label class="col-lg-1 text-lg-right">Supply To<span class="danger">*</span></label>
    <div class="col-md-2 input-group">
        <select id="placeofsupply" style="height:100%" class="form-control editds"></select>
        <div class="input-group-append">
            <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(3)" id="btnarea" style="height:100%" type="button">+</button>
        </div>
    </div>
    <label class="col-lg-1">Job No</label>
    <div class="col-md-3">
        <input type="text" id="jobcode" class="form-control editds">
    </div>
</div>


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

                <div class="modal-body" style="text-align:center">
                    <h3 style="color:red"><B>ADD RETURN NUMBER !!!</B></h3>
                </div>

            </div>

        </div>

    </div>
</div>

<div id="popupdiv" 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:10%">
        <div class="modal-content" style="width:90%">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="myheader" style="height:25px"></h4>
                <button type="button" class="close" onclick="popuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="currencydiv" style="display:none">
                <div class="modal-body" style="overflow:auto;height:250px;">
                    <fieldset class="form-group floating-label-form-group">
                        <label for="txt_code">Code<span class="danger">*</span></label>
                        <input type="text" id="txt_code" onkeyup="changetoupper(this.id),$('#txt_cname').val($('#txt_code').val())" class="form-control">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="unitdesc">Name</label>
                        <input type="text" id="txt_cname" maxlength="100" class="form-control">
                    </fieldset>
                    <br />
                    <fieldset class="form-group floating-label-form-group">
                        <label for="unitname">Rate<span class="danger">*</span></label>
                        <input type="text" id="txt_rate" maxlength="8" onkeypress="isNumber(event,this)" class="form-control">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="unitname">Remarks</label>
                        <input type="text" id="txt_remark" class="form-control">
                    </fieldset>
                    <br>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" onclick="popuprefresh()" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="Save" id="btncrncysave" onclick="SaveCurrency(1)">
                </div>
            </form>
            <form id="areadiv" style="display:none">
                <div class="modal-body" style="overflow:auto;height:250px;">
                    <fieldset class="form-group floating-label-form-group">
                        <label for="groupcode">Area Code<span class="danger">*</span></label>
                        <input type="text" onkeyup="changetoupper(this.id),$('#txtname').val($('#txtcode').val())" id="txtcode" class="form-control" autocomplete="off">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="groupname">Area Name<span class="danger">*</span></label>
                        <input type="text" id="txtname" class="form-control" autocomplete="off">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="groupdesc">Group</label>
                        <select id="select_areagroup" class="form-control"></select>
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="groupdesc">Description</label>
                        <input type="text" id="txtdescription" class="form-control" autocomplete="off">
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" onclick="popuprefresh()" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="Save" id="btnareasave" onclick="SavePlace(1)">
                </div>
            </form>
            <form id="locationdiv" style="display:none">
                <div class="modal-body" style="overflow:auto;height:200px;">
                    @*<fieldset class="form-group floating-label-form-group">
                        <label for="grp">Code<span class="danger">*</span></label>
                        <input type="text" onkeyup="changetoupper(this.id),$('#LocationName').val($('#LocationCode').val())" id="LocationCode" class="form-control" name="Code">

                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbgroupname">Name<span class="danger">*</span></label>
                        <input type="text" id="LocationName" class="form-control" name="Name">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbgroupdesc">Description</label>
                        <input type="text" id="LocationDescription" class="form-control" name="Description">
                    </fieldset>*@

                    <div class="row">
                        <label style="font-weight:bold;margin-left:13%">Code<span class="danger">*</span></label>
                        <div class="col-md-5" style="margin-left:11.5%">
                            <input type="text" onkeyup="changetoupper(this.id),$('#LocationName').val($('#LocationCode').val())" id="LocationCode" class="form-control editds" name="Code">
                        </div>
                    </div>
                    <div class="row" style="margin-top:3%">
                        <label style="font-weight:bold;margin-left:13%">Name<span class="danger">*</span></label>
                        <div class="col-md-5" style="margin-left:10.5%">
                            <input type="text" id="LocationName" class="form-control editds" name="Name">
                        </div>
                    </div>
                    <div class="row" style="margin-top:3%">
                        <label style="font-weight:bold;margin-left:13%">Description</label>
                        <div class="col-md-5" style="margin-left:1.5%">
                            <input type="text" id="LocationDescription" class="form-control editds" name="Description">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="reset" style="margin-right:2%" class="btn btn-outline-secondary" onclick="popuprefresh()" data-dismiss="modal" value="Close">
                    <input type="button" style="margin-right:35%" class="btn btn-outline-primary" value="Save" id="btnlocnsave" onclick="SaveLocation(1)">
                </div>
            </form>
            <form id="termsdiv" style="display:none">
                <div class="modal-body">

                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatname">Terms<span class="danger">*</span></label>
                        <input type="text" id="txtdesc" class="form-control" autocomplete="off" onkeyup="changetoupper(this.id)">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatdesc">Days<span class="danger">*</span></label>
                        <input type="text" id="txtterms" class="form-control" autocomplete="off" onkeypress="isNumberInt(event,this)">
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" onclick="popuprefresh()" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="Save" id="btntermssave" onclick="SaveTerms(1)">
                </div>
            </form>
        </div>
    </div>
</div>
<div id="PurchaseTransactionPopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="PurchaseTransactionheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog modal-xl" role="document" style="top:5%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title col-md-10" id="PurchaseTransactionheader"></h4>


                <div id="alltranscheckboxdiv" class="custom-control custom-checkbox col-md-1" style="display:none">
                    <input type="checkbox" class="custom-control-input" id="select_status" onchange="LastPurchaseTransactions()">
                    <label class="custom-control-label" for="select_status">All</label>
                </div>
                <div id="alltranscheckboxdivsales" class="custom-control custom-checkbox col-md-1" style="display:none">
                    <input type="checkbox" class="custom-control-input" id="select_status_sales" onchange="LastSalesTransactions()">
                    <label class="custom-control-label" for="select_status_sales">All</label>
                </div>
                <div id="alltranscheckboxdivPREV" class="custom-control custom-checkbox col-md-1" style="display:none">
                    <input type="checkbox" class="custom-control-input" id="select_status_PREV" onchange="lastalltrans()">
                    <label class="custom-control-label" for="select_status_PREV">Previous</label>
                </div>
                <button type="button" class="close" onclick="ClosePurTransPopup()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <section id="purchasetrans" style="display:none">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                <div id="purchasetransdiv" class="" style="position: relative;overflow-y:scroll;width:100%;height:530px">
                                    <input type="hidden" id="transid" style="font-size:medium" />
                                    <table class="table table-responsive-md-md jsgrid-table compact table-bordered table-striped" id="tblpurchasetrans" style="width:100%;overflow-x:scroll;overflow-y:scroll;font-size:small"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <section id="salestrans" style="display:none">
                <div class="row">
                    <div class="col-sm-12">

                        <div class="card-body">
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                <div id="" class="" style="position: relative;overflow-y:scroll;overflow-x:auto;width:100%;height:530px;">
                                    <table class="table table-responsive-md-md jsgrid-table compact table-bordered table-striped" id="tblsalestrans" style="width:100%;overflow-y:scroll;font-size:small"></table>
                                </div>
                            </div>
                        </div>

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

            <section id="alltrans" style="display:none">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                <div id="alltransdiv" class="jsgrid" style="position:relative;overflow-y:scroll;overflow-x:auto;width:100%;height:530px">
                                    <input type="hidden" id="alltransid" />
                                    <table class="table table-responsive-md-md jsgrid-table compact table-bordered table-striped" id="tblalltrans" style="width:100%;font-size:small"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<div id="productpdiv" style="display:none;border-radius: 25px;">
    <div id="toast-containerinfo" class="toast-container toast-top-half-width" style="position:absolute; top:0; right:0%;opacity:100">

        <div class="toast-primary" style="height:180px;margin-top:70px;font-weight:500;text-align:center;opacity:100;width:100%" id="infomessage">
            @*<h5 class="modal-title" id="prodheader"></h5>*@
            <button type="button" class="close" onclick="ProductPopuprefresh()" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
            <section id="productdiv" style="display:none;height:25%;">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <input type="hidden" id="LPCost" value="0" />
                            <input type="hidden" id="AvgCost" value="0" />
                            <input type="hidden" id="Sumtotqty" value="0" />
                            <input type="hidden" id="LastSellingPrice" value="0" />
                            <div class="card-block" style="height:115px;width:100%;">
                                <table class="table table-responsive-md-md text-center" id="tblproductdetails"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>



        </div>

    </div>
</div>
@*<div id="productpdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="display:none;height:33%;">
        <div id="productpopupdiv" class="modal-dialog modal-llg" role="document" style="top:14%">
            <div class="modal-content">
                <div class="modal-header" style="background-color:#F0F6F6;">
                    <h5 class="modal-title" id="prodheader"></h5>
                    <button type="button" class="close" onclick="ProductPopuprefresh()" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <section id="productdiv" style="display:none;height:25%;">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="card-body">
                                <input type="hidden" id="LPCost" value="0" />
                                <input type="hidden" id="AvgCost" value="0" />
                                <input type="hidden" id="Sumtotqty" value="0" />
                                <input type="hidden" id="LastSellingPrice" value="0" />
                                <div class="card-block" style="overflow:scroll;height:115px;width:100%;overflow:auto;">
                                    <table class="table table-responsive-md-md text-center" id="tblproductdetails"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>

    </div>*@



<div class="modal fade text-left show" id="iconForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel17" style="padding-right: 17px; display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-llg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="myModalLabel17">Purchase Orders</h4>
                <button type="button" class="close" data-dismiss="modal" onclick="HidePO()" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div id="View">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#F0F6F6;">

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

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

                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="InvoiceToDate">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="InvoiceToDate" class="form-control" placeholder="To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="in1" onclick="SearchInvoiceSup(1)" 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 class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="in2" onclick="SearchInvoiceSup(0)" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tbl_POList" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                    <input type="hidden" id="RowGet" />
                </div>

                <div class="modal-footer">
                    <input type="button" class="btn btn-outline-secondary" onclick="HidePO()" value="Close">
                    <input type="button" class="btn btn-outline-primary" onclick="ViewInvoiceWithSupplier()" value="View" id="btnview">

                </div>
            </div>
            <div id="add">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#F0F6F6;">

                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="ProductPopUp3">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="ProductPopUp1" class="form-control" style="height:35px;font-weight:200;" onkeypress="ProductLoad('ProductPopUp1')" onkeydown="$('#ProductPopUp1Id').val(0)">
                                        <input type="hidden" id="ProductPopUp1Id" class="form-control" value="0">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bb3" onclick="SearchInvoiceSub(1)" 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 class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bc3" onclick="SearchInvoiceSub(0)" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tbl_PO_ListItem" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                    </div>
                    <input type="hidden" id="RowGet1" />
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" id="invbckbtn" onclick="BackInvoice()" value="Back">
                    <input type="button" id="btnaddtogrid" class="btn btn-outline-primary" value="Add" onclick="InvoiceProductAdd()">
                </div>
            </div>
        </div>
    </div>
</div>

<div id="OutofStock" class="modal fade text-left show" tabindex="-1" role="dialog" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog modal-lg" role="document" style="top:5%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="color:red;">Not Enough Stock</h4>
                <button type="button" class="close" onclick="$('#OutofStock').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <section>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                <div id="OutOfStockDiv" class="jsgrid" style="position: relative; overflow-y:auto;width:100%;height:200px">

                                    <table class="table table-responsive-md-md jsgrid-table" id="tblOutOfStock"></table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</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="CheckEditInvoce(0)" class="btn btn-outline-warning">Continue</button>
            </div>


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


<div id="PendingPurchaseTransactionPopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="PurchaseTransactionheader" style="padding-right: 17px;background:rgba(0,0,0,0.5); display: block;margin-top:0%;display: none;">
    <div class="modal-dialog modal-lg" role="document" style="margin-top:100px;margin-left:250px">
        <div class="modal-content" style="width:180%;">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title col-md-10" id="PendingPurchaseTransactionheader"></h4>

                <div id="allpendingcheckboxdiv" class="custom-control custom-checkbox col-md-1" style="display:none">
                    <input type="checkbox" class="custom-control-input" id="select_statuspending" onchange="PendingPurchasespopup($('#productId_0').val())">
                    <label class="custom-control-label" for="select_statuspending">All</label>
                </div>

                <button type="button" class="close" onclick="ClosePendingPurTransPopup()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <section id="pendingpurchasetrans" style="display:none">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-1"></div>
                                <div class="col-md-3">
                                    <label style="font-weight:bold">Total Pending :</label>
                                    <label style="font-weight:bold" id="totalpending"></label>
                                </div>
                                <div class="col-md-4"></div>
                                <div class="col-md-3">
                                    <label style="font-weight:bold">Total In transit Qty. :</label>
                                    <label style="font-weight:bold" id="totalintransit"></label>
                                </div>
                                <div class="col-md-1"></div>


                            </div>
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                <div id="" class="jsgrid" style="position: relative;overflow-y:scroll;width:100%;height:530px">
                                    <input type="hidden" id="pendingtransid" />
                                    <table class="table table-responsive-md-md jsgrid-table compact table-bordered table-striped" id="tblpendingpurchasetrans" style="width:100%;overflow-x:scroll;overflow-y:scroll;font-size:small"></table>
                                </div>
                            </div>


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


<div style="display:none">
    <input type="text" value="0" id="PRMainId" />
    <input type="text" value="0" id="SubId" />
</div>


<div style="margin-bottom:3%" class="row col-md-12">
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">Save : Alt+S</h6>
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">Copy : Alt+C</h6>
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">New  : Alt+N</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500">Close Popups  : Esc</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:-4%">Last Sales Transactions : F7</h6>
    <h6 class="col-md-3" style="font-size:medium;color:white;text-align:left;font-weight:500;">Last Purchase Transactions : F8</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:-4%">All Transactions : F9</h6>
</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 class="modal fade text-left show" id="PRViewForm" tabindex="-1" role="dialog" aria-labelledby="PRviewheader" style="padding-right: 17px; display: none;display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-lgl" role="document" style="top:0%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="PRviewheader"></h4>
                <button type="button" class="close" data-dismiss="modal" onclick="$('#PRViewForm').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="GetPRList()" 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="" style="height:525px;width:100%; ">
                            <table id="tbl_PRViewList" class="table table-striped table-bordered zero-configuration dataTable" style="width:inherit;"></table>
                        </div>

                    </div>

                </div>


            </div>

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

    $("#btnadd").focus(function (e) {
        $("#btnadd").removeClass("btn btn-outline-primary");
        $("#btnadd").addClass("btn btn-primary");
    });

    $("#btnadd").focusout(function (e) {
        $("#btnadd").removeClass("btn btn-outline-primary");
        $("#btnadd").addClass("btn btn-outline-primary");
    });

    $("#btncnclsave").focus(function (e) {
        $("#btncnclsave").removeClass("btn btn-outline-warning");
        $("#btncnclsave").addClass("btn btn-warning");
    });

    $("#btncnclsave").focusout(function (e) {
        $("#btncnclsave").removeClass("btn btn-warning");
        $("#btncnclsave").addClass("btn btn-outline-warning");
    });


    //Job AutoComplete


    $('#baseicon').append(BaseCurrency)



    $("#transferPI").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var data = {};
            data.InvoNo = $("#transferPI").val();
            data.LocnId = ULocId;
            data.DepartmentId = ERPDeptId;
            $.ajax({
                url: '../Purchase/SerialNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.SlNo,
                            label1: item.InvoNo,
                            //label2: item.InvoDate,
                            //label3: item.SupplierName,
                            SlNo: item.SlNo,
                            DepartmentId: item.DepartmentId,
                            headers: ["Serial No", "Invoice No", "Date", "Supplier"]


                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            var data = {};
            data.SlNo = ui.item.SlNo;
            data.DepartmentId = ui.item.DepartmentId;
            $.ajax({
                type: "POST",
                url: "../Purchase/PurchaseInvoiceGetandGets",
                data: data,
                success: function (result) {

                    RecallProductInvoice(result.oList);

                }
            });
        },

    });
    function Fnaddjobautocomplete(ID) {
        $("#jobcode_" + ID).autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                var data = {};
                data.JobCode = $("#jobcode_" + ID).val();

                $.ajax({
                    url: '../SalesInvoice/JobSearch',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {
                        response($.map(data, function (item) {
                            return ({
                                ColCount: '2',
                                label: item.JobCode,
                                label1: item.Description,
                                JobCode: item.JobCode,
                                ProjectJobId: item.ProjectJobId,
                                headers: ["Job Code", "Description"]
                            })
                        }));
                    }



                })
            },
            autoFocus: true,

            select: function (event, ui) {
                $('#jobcode_' + ID).val(ui.item.JobCode)
                $('#jobcodeid_' + ID).val(ui.item.ProjectJobId)
            },

        });
        $("#jobcode_" + ID).keydown(function (e) {
            var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
                $('#jobcodeid_' + ID).val(0);


        });
    }


    $("#jobcode").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var data = {};
            data.JobCode = $("#jobcode").val();

            $.ajax({
                url: '../SalesInvoice/JobSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'TWO',
                            label: item.JobCode,
                            label1: item.Description,
                            ProjectJobId: item.ProjectJobId,
                            JobCode: item.JobCode,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }



            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#jobcode').val(ui.item.JobCode)
            $('#jobid').val(ui.item.ProjectJobId)
            $('#jobcode_0').val(ui.item.JobCode)
            $('#jobcodeid_0').val(ui.item.ProjectJobId)
            $('#product_0').focus();
        },

    });

    $("#jobcode_0").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var data = {};
            data.JobCode = $("#jobcode_0").val();

            $.ajax({
                url: '../SalesInvoice/JobSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '2',
                            label: item.JobCode,
                            label1: item.Description,
                            ProjectJobId: item.ProjectJobId,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }



            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#jobcode_0').val(ui.item.JobCode)
            $('#jobcodeid_0').val(ui.item.ProjectJobId)
            $('#btnadd').focus();
        },

    });

    //Supplier AutoComplete

    $("#suppliername").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var data = {};
            data.CustName = $("#suppliername").val();
            data.CustType = 'PR';

            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2ph',
                            label: item.CustName,
                            label1: item.CustAccount,
                            label2: item.PhoneNumber,
                            CustId: item.CustId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            CustAccount:item.CustAccount,
                            CustType:item.CustType,
                            headers: ["Supplier Name", "Account Code", "Phone Number"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#supplierId').val(ui.item.CustId);
            $('#CustType').val(ui.item.CustType);
            $('#CustAccCode').val(ui.item.CustAccount);
            GetCurrency(ui.item.CurncyId)
            $('#terms').val(ui.item.CustTermsId);
            $('#placeofsupply').val(ui.item.AreaId);
            $('#location').focus();
            var terms = $($('#terms')).find("option:selected").attr("name");
            getdate(terms);

        },

    });

    //Product AutoComplete

    function LoadProduct() {

        $("#product_0").autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                var data = {};
                data.ItemCode = $("#product_0").val();

                $.ajax({
                    url: '../Purchase/ProductSearch',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {
                        response($.map(data, function (item) {
                            return ({
                                ColCount: '4',
                                label: item.ItemCode,
                                label1: item.Description,
                                label2: item.UnitName,
                                label3: item.SellingPrice.toFixed(Decimal),
                                label4: '0',
                                label5: '0',
                                ItemId: item.ItemId,
                                ItemCode: item.ItemCode,
                                Description: item.Description,
                                Unit: item.UnitId,
                                UnitName: item.UnitName,
                                Tax: item.VatId,
                                Taxper: item.VatPer,
                                Rate: (item.SellingPrice).toFixed(Decimal),
                                headers: ["Item Code", "Description", "Unit Name", "Average Cost"]
                            })
                        }));
                    }

                })

            },
            autoFocus: true,
            //response: function (event, ui) {
            //    if (ui.content.length == 1) {
            //        ui.item = ui.content[0];
            //        $(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
            //        $(this).autocomplete('close');
            //    }
            //},
            select: function (event, ui) {

                var ProdFlag = 0;
                var allow = 0;

                for (var p = 1; p <= i; p++) {
                    if (ui.item.ItemId == $('#productId_' + p).val()) { 
                        ProdFlag = 1;
                    }
                }

                if (ProdFlag==0) { 
                    $("#product_0").val(ui.item.ItemCode);
                    $('#productId_0').val(ui.item.ItemId);
                    $('#ProductLength').val((ui.item.ItemCode).length);
                    $('#productdesc_0').val(ui.item.Description);
                    $('#unit_0').val(ui.item.Unit);
                    $('#txtunit_0').val(ui.item.UnitName);
                    if ($('#purchasetype').val() != 'Import') {
                        $('#tax_0').val(ui.item.Tax);
                        $('#taxpercentage_0').val(ui.item.Taxper);
                    }
                    $('#txtrate_0').val(ui.item.Rate);
                    $('#quantity_0').val(1);
                    $('#quantity_0').focus();
                    $('#quantity_0').select();
                    CalcAmount(0);



                    var data = {};
                    data.ProductId = ui.item.ItemId;
                    data.CustId = 0;
                    data.DeptId = DepId;
                    $.ajax({
                        type: "POST",
                        url: '../SalesInvoice/CustomerProductDetailsSearch',
                        data: data,
                        success: function (result) {
                            ProductPopuprefresh();
                            CustPrdctLoad(result.oList);
                        }
                    })
                }
                else   if (ProdFlag==1) { 
                    $('#modal_dialog').show();
                    $('#btnNo').focus();

                    dialog(function () {        // Ok Button

                        $('#modal_dialog').hide();
                        $('#txtquantity0').focus();

                        //Select Begin
                        $("#product_0").val(ui.item.ItemCode);
                        $('#productId_0').val(ui.item.ItemId);
                        $('#ProductLength').val((ui.item.ItemCode).length);
                        $('#productdesc_0').val(ui.item.Description);
                        $('#unit_0').val(ui.item.Unit);
                        $('#txtunit_0').val(ui.item.UnitName);
                        if ($('#purchasetype').val() != 'Import') {
                            $('#tax_0').val(ui.item.Tax);
                            $('#taxpercentage_0').val(ui.item.Taxper);
                        }
                        $('#txtrate_0').val(ui.item.Rate);
                        $('#quantity_0').val(1);
                        $('#quantity_0').focus();
                        $('#quantity_0').select();
                        CalcAmount(0);



                        var data = {};
                        data.ProductId = ui.item.ItemId;
                        data.CustId = 0;
                        data.DeptId = DepId;
                        $.ajax({
                            type: "POST",
                            url: '../SalesInvoice/CustomerProductDetailsSearch',
                            data: data,
                            success: function (result) {
                                ProductPopuprefresh();
                                CustPrdctLoad(result.oList);
                            }
                        })

                        //Select end

                    },
               function () {               // Cancel Button

                   $('#modal_dialog').hide();
                   ClearProductRow();
                   return false;
               }
              );
                }


            },
        });
    }

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

    function ProductLoad(Id) {
        $("#" + Id).autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                var data = {};
                data.ItemCode = $("#" + Id).val();

                $.ajax({
                    url: '../Purchase/ProductSearch',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {
                        response($.map(data, function (item) {
                            return ({
                                ColCount: 'TWO',
                                label: item.ItemCode,
                                label1: item.Description,
                                ItemId: item.ItemId,
                                headers: ["Item Code", "Description"]
                            })
                        }));
                    }

                })

            },
            autoFocus: true,
            select: function (event, ui) {
                $('#' + Id + 'Id').val(ui.item.ItemId);
                $('#bb3').focus();

            },
        });
    }


    //Copy or Purchase Invoice Autocomplete

    $("#copypurchaseinvo").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var data = {};
            data.PRNo = $("#copypurchaseinvo").val();
            data.LocnId = UserLocationId;
            data.DepartmentId = DepId;

            $.ajax({
                url: '../Purchase/PRNoSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '+3',
                            label: item.PRNo,
                            label1: item.PRDate,
                            label2: item.SupplierName,
                            PRNo: item.PRNo,
                            headers: ["Serial No", "Date", "Supplier"]


                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            var data = {};
            data.PRNo = ui.item.PRNo;
            data.DepartmentId = DepId;
            $.ajax({
                type: "POST",
                url: "../Purchase/PurchaseReturnGetandGets",
                data: data,
                success: function (result) {
                    formrefresh(1);
                    PurchaseReturnGets(result.oList);
                    $('#btnnew').focus();
                    $('.form-control').prop('disabled', true);
                    $('#copypurchaseinvo').prop("disabled", false);
                    $('.jsgrid-button').prop('disabled', true);
                    $('#btnsubmit').prop("disabled", true);
                    $('#btnlist').prop("disabled", true);
                    $('#btnadd').prop("disabled", true);
                    $('#btncrncysave').prop("disabled", true);
                    $('#btnaddcost').prop("disabled", true);

                }
            });
        },

    });




    $(function () {


        $('#shipdate').daterangepicker({
            minDate: minDate,
            maxDate: new Date(new Date().getFullYear(), new Date().getMonth()+1, new Date().getDate()),
            singleDatePicker: true,
            showDropdowns: true,
            locale: {
                format: 'DD/MM/YYYY'
            }

        });

        $('#purchaseinvdate,#InvoiceFromDate,#InvoiceToDate,#ViewFromDate,#ViewToDate').daterangepicker({
            minDate: minDate,
            maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()),
            singleDatePicker: true,
            showDropdowns: true,
            locale: {
                format: 'DD/MM/YYYY'
            }

        });

        $('#duedate').daterangepicker({
        minDate: minDate,
        maxDate: new Date(new Date().getFullYear(), new Date().getMonth()+2, new Date().getDate()),
        singleDatePicker: true,
        showDropdowns: true,
        locale: {
            format: 'DD/MM/YYYY'
        }
        });

    });
    function GetFirstDayMonth() {
        var date = new Date();
        var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);

        var month = firstDay.getMonth() + 1;
        var day = firstDay.getDate();
        var year = firstDay.getFullYear();

        if (day < 10)
            day = '0' + day
        if (month < 10)
            month = '0' + month

        return day + "/" + month + "/" + year;
    }
    function GetPRListDefault() {
        $('#ViewFromDate').val(GetFirstDayMonth());
        $('#ViewToDate').val(CurDate);
        GetPRList();
    }

    function GetPRList() {
        var dataPI = {};
        dataPI.FromDate = $('#ViewFromDate').val();
        dataPI.ToDate = $('#ViewToDate').val();
        dataPI.PurchaseDeptId = DepId;
        dataPI.DepartmentId = DepId;
        dataPI.UserId = UId;
        $.ajax({
            type: "POST",
            url: "../Purchase/PurchaseReturnList",
            data: dataPI,
            success: function (result) {
                GetPIListView(result.oList);


            }
        });
    }
    function GetPIListView(result) {
        $('#ViewFromDate,#ViewToDate').prop("disabled", false);
        disable_datatable('tbl_PRViewList');
        $('#PRViewForm').show();
        var responseText = "<thead><tr><th style='width:90px;'>Sl#</th><th>Return#</th><th>Date</th><th>Supplier</th><th>Remarks</th><th>Grand Total</th></tr>" +
                                 "<tr><th> </th><th>Return#</th><th>Date</th><th>Supplier</th><th>Remarks</th><th> </th></tr></thead><tbody>";
        for (var l = 0; l < result.length; l++) {
            var slno = parseInt(l + 1);

            responseText += '<tr ondblclick="GetCopyofThisPR(' + result[l].EnquiryNo + ',' + result[l].DepartmentId + ')"><td style="width:90px;" >' + slno + '</td><td id=' + 'InvoView_' + slno + '>' +
                result[l].EnquiryNo + '</td><td>' +
                result[l].EnquiryDate + '</td><td>' +
                result[l].SupplierName + '</td><td>' +
                result[l].Remarks + '</td><td align="right">' +
                parseFloat(result[l].GrandTotal).toFixed(Decimal) + '</td>' +
                '</tr>';
        }
        $('#tbl_PRViewList').html(responseText + '</tbody>');
        datatableWithsearch('tbl_PRViewList', 'Multiple');

    }


    function GetCopyofThisPR(slno, dept) {
        var data = {};
        data.PRNo = slno;
        data.DepartmentId = dept;
        $.ajax({
            type: "POST",
            url: "../Purchase/PurchaseReturnGetandGets",
            data: data,
            success: function (result) {
                CopyFlag = 1; 
                $('#purchaseinv,#popupdiv,#PurchaseTransactionPopup,#productpdiv,#iconForm').hide();
                $('#copypurchase').show();
                $('#btnprvs').prop("disabled", false);
                $('#btnnxt').prop("disabled", false);
                $('.butndis').prop("disabled", true);
                $('#btnsubmit,#btnlist').hide();                
                formrefresh(1);
                PurchaseReturnGets(result.oList);
                $('#btnnew').focus();
                $('.form-control').prop('disabled', true);
                $('#copypurchaseinvo').prop("disabled", false);
                $('.jsgrid-button').prop('disabled', true);
                $('#btnsubmit').prop("disabled", true);
                $('#btnlist').prop("disabled", true);
                $('#btnadd').prop("disabled", true);
                $('#btncrncysave').prop("disabled", true);
                $('#btnaddcost').prop("disabled", true);
                $('#PRViewForm').hide();
                $('#copypurchaseinvo').focus();
                $('#copypurchaseinvo').select();
            }
        });
    }
    function DeletePurchaseReturn() {
        $('#Confirmflag').val('puchasereturndelete'), $('#ConfirmRowId').val(0)
        $('#confirmmessage').text('Do you want to Delete this Purchase Return?')
        $('#confirm').show();
        $('#confirmOk').focus();
    }

    function EditInvoice(Flag) {
        $("#btncnclsave").attr("onclick", "CheckEditInvoce(" + Flag + ")");
        $('#otp,#otpremarks').prop("disabled", false);
        $('#OTPDiv').show();
        $("#otp,#otpremarks").val('');
        $("#otp").focus();

    }

    function CheckEditInvoce(Flag) {
        if ($.trim($('#otp').val()) == '') {
            warningshow('Enter OTP', 'otp');
        }
        else if ($.trim($('#otpremarks').val()) == '') {
            warningshow('Enter Remarks', 'otpremarks');
        }
        else {
            var Operation = '';
            if (Flag == 0)
                Operation = 'Purchase Return Edit- OTP , PR. No : ' + $('#purchaseinvoiceno1').val();
            else if (Flag == 1)
                Operation = 'Purchase Return Delete- OTP , PR. No : ' + $('#purchaseinvoiceno1').val();

            var data = {};
            data.UserId = UId;
            data.OTP = $("#otp").val();
            data.Remarks = $('#otpremarks').val();
            data.Operation = Operation;
            data.DeptId = DepId;
            $.ajax({
                type: "POST",
                url: "../Home/OTPCheckforUser",
                data: data,
                success: function (result) {
                    for (var i = 0; i < result.oList.length; i++) {
                        var status = result.oList[i].Status;
                        OTPCheck(status, Flag)
                    }
                }
            });
        }
    }

    function OTPCheck(status, Flag) {
        if (status == 1) {
            if (Flag == 0) {
                EditPurchaseReturn();
            }
            else if (Flag == 1) {
                DeleteThisPurchaseReturn();
            }

        }
        else {
            warningshow('Invalid OTP', 'otp');
            $("#otp").select();
        }
    }
    function DeleteThisPurchaseReturn() {
        $('#OTPDiv').hide();
        //$('#Loading').show();
        var data = {};
        data.PRNo = $('#purchaseinvoiceno1').val();
        data.DepartmentId = DepId;
        data.UserId = UId;
        $.ajax({
            type: "POST",
            url: "../Purchase/DeletePurchaseReturn",
            data: data,
            success: function (result) {

                var status = result.oList[0].Status;
                var slno = result.oList[0].PRNo;
                //$('#Loading').hide();
                Showalerts(status, slno);

                $.ajax({
                    type: "POST",
                    url: "../Utilities/StockRefresh",
                    success: function (result) { }
                });

                $.ajax({
                    type: "POST",
                    url: "../Utilities/AverageCostRefresh",
                    success: function (result) { }
                });
            }
        });

    }
    var Temp = [];
    function RecallProductInvoice(result)
    {

        Temp = [];
        $('#invbckbtn').hide();
        disable_datatable('tbl_PO_ListItem');
        $('#myModalLabel17').text('Invoice Item List');
        $('#View').hide();
        $('#add').show();
        $('#iconForm').show();


        $("#tblpurchaseinvoice tr").remove();

        $('.distxtbox').val("0.00");
        $('.distxtbox').prop("disabled", true);
        PINumber = result[0].SlNo;
        Temp.push(result[0].SlNo, result[0].PurchaseType, result[0].SupplierName, result[0].SupplierId);
        Temp.push(result[0].InvoDate, result[0].Terms, result[0].LocnId, result[0].PlaceOfSupply);
        Temp.push(result[0].CurrencyId, parseFloat(result[0].CurrencyRate).toFixed(Decimal), result[0].JobNo, result[0].JobCode);
        Temp.push(result[0].Remarks, result[0].LPO);

        //alert(Temp)
        $('#RowGet1').val(result.length);

            var responseText = "<thead><tr><th style='width:90px;'> <input type='checkbox' style=''  checked  id= 'SlNoHeadInvoiceItem' onchange='SelectAllInvoiceItem()' 'custom-control-input cz-bg-image-display'>&nbsp;&nbsp;&nbsp;Select</th><th>Serial No.</th><th>Invoice No.</th><th>Product</th><th>Description</th><th>Unit</th><th>Quantity</th><th>Rate</th><th>Discount</th><th>Tax</th><th>Amount</th></tr>" +
            "<tr><th> </th><th>SerialNo</th><th>InvoiceNo</th><th>Product</th><th>Description</th><th>Unit</th><th>Quantity</th><th>Rate</th><th>Discount</th><th>Tax</th><th>Amount</th></tr></thead><tbody>";
        for (var l = 0; l < result.length; l++) {
            var slno = parseInt(l + 1);
            responseText += '<tr><td style="width:90px;"><input type="checkbox" style=""  checked  id= ' + 'SlNoCheckInvoiceItem' + slno + ' ><td id=' + 'STNoRow' + slno + '>' +
                result[l].SlNo + '</td><td >' +
                result[l].InvoNo + '<input type="hidden" id= ' + 'InvoiceMainId' + slno + ' value= ' +
                result[l].InvoNo + '><input type="hidden" id= ' + 'InvoiceSubId' + slno + ' value= ' +
                result[l].PurchaseInvoiceSubId + '></td><td id=' + 'Product' + slno + '>' +
                result[l].ItemCode + '<input type="hidden" id= ' + 'ProductIdgrid' + slno + ' value= ' +
                result[l].ItemId + '></td><td id=' + 'Des' + slno + '>' +
                result[l].ItemDescription + '<input type="text" style="display:none;" id= ' + 'locnid' + slno + ' value= ' +
                result[l].LocationId + '></td><td id=' + 'UnitName' + slno + '>' +
                result[l].UnitName + '<input type="text" style="display:none;" id= ' + 'UnitIdgrid' + slno + ' value= ' +
                result[l].UnitId + '></td><td id=' + 'qty' + slno + '>' +
                parseInt(result[l].Quantity) + '<input type="hidden" id="qty_' + slno + '" value=' +
                result[l].Quantity + '></td><td id=' + 'rate' + slno + '>' +
                parseFloat(result[l].Rate).toFixed(Decimal) + '<input type="hidden" id="rte_' + slno + '" value=' +
                result[l].Rate + '></td><td id=' + 'discount' + slno + '>' +
                parseFloat(result[l].FCDiscount).toFixed(Decimal) + '<input type="hidden" id="dis_' + slno + '" value=' +
                result[l].FCDiscount + '><input type="text" style="display:none;" id= ' + 'taxid' + slno + ' value= ' +
                result[l].TaxId + '><input type="text" style="display:none;" id= ' + 'taxrate' + slno + ' value= ' +
                result[l].TaxRate + '></td></td><td id=' + 'taxamt' + slno + '>' +
                parseFloat(result[l].FCTax).toFixed(Decimal) + '<input type="text" style="display:none;" id= ' + 'taxableamt' + slno + ' value= ' +
                result[l].FCTaxable + '><input type="hidden" id="taxamt_' + slno + '" value=' +
                result[l].FCTax + '></td><td id=' + 'total' + slno + '>' +
                parseFloat(result[l].TotalAmount).toFixed(Decimal) + '<input type="hidden" id="total_' + slno + '" value=' +
                result[l].TotalAmount + '><input type="hidden" id="Currid1' + slno + '" value=' +
                result[l].CurrencyId + '><input type="hidden" id="curr_rate1' + slno + '" value=' +
                parseFloat(result[l].CurrencyRate) + '><input type="hidden" id="jobrowid' + slno + '" value=' +
                parseInt(result[l].JobNo) + '><input type="hidden" id="jobrowcode' + slno + '" value=' +
                result[l].JobCode + '></td></tr>';
        }
        $('#tbl_PO_ListItem').html(responseText + '</tbody>');
        datatableWithsearch('tbl_PO_ListItem', 'Multiple');

        $('#RowGet1').val(result.length);
        $("#btnaddtogrid").attr("onclick", "InvoiceProductAddInv()");
        $('#btnaddtogrid').focus();
    }

    function InvoiceProductAddInv() {

        $('#PI').val(Temp[0]);

        $('#purchasetype').val(Temp[1]);
        $('#suppliername').val(Temp[2]);
        $('#supplierId').val(Temp[3]);
        $("#CustType").val('S')
        //$('#purchaseinvdate').val(Temp[4]);
        $('#terms').val(Temp[5]);
        $('#location').val(Temp[6]);
        $('#placeofsupply').val(Temp[7]);
        $('#currency').val(Temp[8]);
        $('#rate').val(Temp[9]);
        $('#jobid').val(Temp[10]);
        $('#jobcode').val(Temp[11]);
        $('#txtnotes').val(Temp[12]);
        if (Temp[13] != 0) {
            $('#lpo').val(Temp[13]);
        }
        if ($('#txtnotes').val() != '') {
            $('#panel1').show();
        }


            $('.distxtbox').val("0.00");
            $('.distxtbox').prop("disabled", true);
            var table = $("#tbl_PO_ListItem").DataTable();
            for (var h = 1; h <= 9; h++) {
                table.column(h).search('').draw();
            }
            i = 1;
            var row = $('#RowGet1').val();
            $("#tblpurchaseinvoice tr").remove();
            $('#iconForm').hide();
            for (m = 1; m <= row; m++) {
                if ($("#SlNoCheckInvoiceItem" + m).is(":checked")) {

                    var productIdgrid = $('#ProductIdgrid' + m).val();
                    var Product = $('#Product' + m).text();
                    var Des = $('#Des' + m).text();
                    var locnid = $('#locnid' + m).val();
                    var unitIdgrid = $('#UnitIdgrid' + m).val();
                    var unit = $('#UnitName' + m).text();
                    var qty = parseInt($('#qty_' + m).val() || 0);
                    var rate = parseFloat($('#rte_' + m).val() || 0).toFixed(Decimal);
                    var discount = parseFloat(0).toFixed(Decimal);
                    var taxid = $('#taxid' + m).val();
                    var taxrate = parseFloat($('#taxrate' + m).val() || 0);
                    var taxableamt = parseFloat($('#taxableamt' + m).val() || 0).toFixed(Decimal);
                    var taxamt = parseFloat($('#taxamt_' + m).val() || 0).toFixed(Decimal);
                    var total = parseFloat($('#total_' + m).val() || 0).toFixed(Decimal);
                    var jobrowid = parseInt($('#jobrowid' + m).val());
                    var jobrowcode = $('#jobrowcode' + m).val();

                    $('#currency').val($('#Currid1' + m).val());
                    $('#rate').val(parseFloat($('#curr_rate1' + m).val()).toFixed(Decimal));

                    var no = $('#tblpurchaseinvoice tr').length + 1;
                    var id = parseInt(i);

                    var ProdEditRow = "<tr class='jsgrid-row' id='row_" + id + "'>" +
                        "<td id='edit_" + id + "' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:3%;' ><input class='jsgrid-button jsgrid-edit-button' type='button' title='Edit' onclick='Editrow(" + id + ")'><input class='jsgrid-button jsgrid-delete-button'  type= button onclick='DeleteRow(" + id + ")'  title= Delete ></td>" +
                        "<td id='update_" + id + "' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:3%;display:none' ><input class='jsgrid-button jsgrid-update-button' type='button' title='Update' onclick='UpdateRow(" + id + ")'><input class='jsgrid-button jsgrid-cancel-edit-button' type='button' title='Cancel edit' onclick='CancelEdit(" + id + ")'></td>" +
                        "<td id='td_" + id + "' class='jsgrid-cell'  style= 'width:3%;text-align:center' >" +
                            no + "<input type='hidden' id='sl_" + id + "' value=" + id + "></td>" +
                            "<td id='col_2' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:10%;' ><input type='hidden' id='OrderId_" + id + "' value='0'><input type='hidden' id='OrderSubId_" + id + "' value='0'><input type='hidden' id='productId_" + id + "' value='" +
                            productIdgrid + "'><input type='text' id='product_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='" +
                            Product + "'></td>" +
                            "<td id='col_x' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:20%;' ><input type='text' id='productdesc_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='"
                            + Des + "'></td>" +
                            "<td id='col_4' class='jsgrid-cell'  style='width:6%;display:none;' > <select id='unit_" + id + "' onchange='CheckFOC(" + id + ",this)' class='form-control' disabled style='height:30px;background-color:white' >" +
                            UnitSelect + "</select><input type='hidden' id='txtunit_" + id + "' class='form-control' /></td>" +
                            "<td id='col_5' class= 'jsgrid-cell jsgrid-align-center'  style='width:5%;' ><input type='text' id='quantity_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='" +
                            parseInt(qty) + "' onkeyup='CalcAmount(" + id + ")' onkeypress='isNumberInt(event,this)' ></td>" +
                            "<td id='col_6' class= 'jsgrid-cell jsgrid-align-center'  style='width:6%;' ><input type='text' id='txtrate_" + id + "' class='form-control' disabled style='height:30px;background-color:white'  value='" +
                            parseFloat(rate).toFixed(Decimal) + "' onkeyup='CalcAmount(" + id + ")' onkeypress='isNumber(event,this)'><input type='hidden' id='baserate_" + id + "' class='form-control' value='' ></td>" +
                            "<td id='col_7' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;display:none;' ><input type='text' id='discount_" + id + "' class='form-control' disabled style='height:30px;background-color:white'  value='" +
                            parseFloat(discount).toFixed(Decimal) + "' onkeyup='CalcAmount(" + id + ")' onkeypress='isNumber(event,this)'></td>" +
                            "<td id='col_8' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;' ><input type='text' id='txttaxable_" + id + "' class='form-control' style='height:30px;background-color:white'  value='" +
                            parseFloat(taxableamt).toFixed(Decimal) + "' disabled></td>" +
                            "<td id='col_9' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;display:none;' > <select  class='form-control' disabled style='height:30px;background-color:white' id='tax_" + id + "' onchange='ChangeTax(" + id + ",this)' >" +
                            TaxSelect + "</select><input type='hidden' id='taxpercentage_" + id + "' value=" +
                            taxrate + "></td>" +
                            "<td id='col_10' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;' ><input type='text' id='txttax_" + id + "' class='form-control' style='height:30px;background-color:white' disabled value='" +
                            parseFloat(taxamt).toFixed(Decimal) + "'></td>" +
                            "<td id='col_11' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;' ><input type='hidden' id='txtsubtotal_" + id + "' value=''><input type='text' id='amount_" + id + "' class='form-control' style='height:30px;background-color:white'  disabled value='" +
                            parseFloat(total).toFixed(Decimal) + "'><input type='hidden' id='baseamount_" + id + "' class='form-control'   disabled value='" + parseFloat($("#baseamount_0").val()).toFixed(Decimal) + "'><input type='hidden' id='basetaxableamount_" + id + "' class='form-control'   disabled value=''><input type='hidden' id='basetaxamount_" + id + "' class='form-control'   disabled value=''><input type='hidden' id='basediscount_" + id + "' class='form-control'   disabled value=''></td>" +
                            "<td id='col_3' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:6%;' > <select id='locn_" + id + "' class='form-control' disabled style='height:30px;background-color:white' >" +
                            LocationSelect + "</select></td>" +
                            "<td id='col_13' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:250px;display:none;' ><input type='hidden' id='jobcodeid_" + id + "' value='"
                            + jobrowid + "'><input type='text' id='jobcode_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='"
                            + jobrowcode + "'></td></tr>";

                    $('#tblpurchaseinvoice').append(ProdEditRow);
                    $('#unit_' + id).val(unitIdgrid);
                    $('#locn_' + id).val(locnid);
                    $('#tax_' + id).val(taxid);
                    CalcAmount(id);

                    i++;
                    TaxSplit(id);
                }

            }
            $('#proddiv').animate({ scrollTop: 5000 }, 900);
            i = parseInt($('#tblpurchaseinvoice tr').length) + 1;
            $('#PI').val(PINumber)
            CalcAmt();
            CurrentCurrency = 0;
            HidePO();


    }

    function EditPurchaseReturn() {
        $('#OTPDiv').hide();
        $('#btnedit').hide();
        $('#btnprint').hide();
        $('#btnsaveedit').show();
        $('#purchaseinv').show();
        $('#copypurchase,#btndelete').hide();
        $('.editds,#btnadd,#btnaddcost,#btncrncysave,#btncrncyclear').prop("disabled", false);

        $('#totdisc,#tottaxable,#tottax,#totcredit,#totdebit,#costdiff,#Discountpercent').prop("disabled", true);
        $('#invdiff').prop("disabled", true);
        $('#taxpercentage_0').prop("disabled", true);
        $('#amount_0').prop("disabled", true);
        $('.butndis').prop("disabled", false);
        $('.jsgrid-button').prop('disabled', false);
    }
</script>