@{
    ViewBag.Title = "SalesOrderPress";
}



<script type="text/javascript" src="../Projectscript/SalesOrderPress.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 src="~/Scripts/Autocomplete/jquery-ui.js"></script>

<style>
    #panel1 {
        display: none;
    }

    .modal-xl {
        max-width: 100%;
        margin-left: 10%;
        margin-right: 3%;
    }

    #productpopupdiv {
        max-width: 100%;
        max-height: 35%;
        margin-left: 10%;
        margin-right: 3%;
        margin-top: 0px;
    }

    #td1 {
        width: 75%;
    }

    #td2 {
        width: 25%;
    }
</style>
<div class="myData" data-x="M187" /> 

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

    <section class="grid-row-label">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                        <h3 class="card-title mb-0" style="float:left"> Sales Order</h3>

                        <h3 class="col-md-3 text-right" id="gndtotal" style="float:right">0.00 </h3>

                        <h3 class="text-md-right" id="fc" style="float:right;opacity:0">fc </h3>

                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body" style="margin-top:-60px">

                            <form action="#">
                                <div class="form-body">
                                    <hr style="margin-top:30px" />

                                    <div class="row" style="background-color:#E0F3F4;margin-left:3px;width:100%;height:226px;margin-top:-20px;">

                                        <div class="col-md-12" style="margin-top:-10px;">
                                            <br />
                                            <div class="form-group">

                                                <div class="row">

                                                    <label class="col-lg-1" style="margin-top:5px">Order No</label>
                                                    <div class="col-lg-11">
                                                        <div class="row" id="billrow">
                                                            @*<div class="hopscotch-bubble animated tour-demo-tour" id="tour1" style="position: absolute; top: 65px; left:187px;display:none">

                                                                    <div class="hopscotch-bubble-container" style="width: 280px; padding: 10px;">
                                                                        <div class="hopscotch-bubble-content">
                                                                            <h3 class="hopscotch-title">Search Order 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 for copy===*@
                                                            <div class="col-md-3 input-group" id="copybill" style="display:none">
                                                                <div class="input-group-prepend">
                                                                    <span class="input-group-btn" title="Previous">
                                                                        <button type="button" disabled="" id="btnprvs" style="height:85%" onclick="GetBillPrevousornext(-1)" class="btn btn-outline-primary"><i class="ft-chevron-left"></i></button>
                                                                    </span>
                                                                </div>
                                                                <input type="text" class="form-control" id="txtBillSlNocopy" style="background-color:white;height:85%" onkeypress="isNumberInt(event,this)" placeholder="Search Order">
                                                                <div class="input-group-append">
                                                                    <span class="input-group-btn" title="Next">
                                                                        <button type="button" id="btnnxt" disabled="" onclick="GetBillPrevousornext(1)" style="height:85%" class="btn btn-outline-primary"> <i class="ft-chevron-right"></i></button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            @*===========*@

                                                            @*=====div for page load======*@
                                                            <div class="col-md-3" id="bill">
                                                                <input type="text" class="form-control" disabled="" id="txtBillSlNo"  onkeypress="isNumberInt(event,this)">
                                                            </div>

                                                            <input type="text" class="form-control" id="txtBlSlNo" style="display:none">
                                                            @*===========*@
                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">Pay Type<span class="danger">*</span></label>
                                                            <div class="col-md-2">
                                                                <select id="select_payterms" name="priority" class="form-control">
                                                                    <option value="0" disabled>--Select--</option>
                                                                    <option value="1">Cash</option>
                                                                    <option value="2">Credit</option>
                                                                    <option value="3">Card</option>
                                                                </select>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">Transfer</label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="select_transfer" class="form-control">
                                                                    <option value="0">--Select--</option>
                                                                    <option value="1">Quotation</option>
                                                                    <option value="2">Recall Old</option>
                                                                    <option value="3">Enquiry</option>
                                                                    <option value="4">Sales Invoice</option>
                                                                </select>
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary" id="btntrnsfr" onclick="Transfer()" type="button">⇆</button>
                                                                </div>
                                                            </div>

                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">LPO Number</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="txtlpono" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="row" style="margin-top:-5px">
                                                    <label class="col-lg-1" style="margin-top:8px">Customer<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-3 input-group">
                                                                <input type="text" id="txtcustomer" class="form-control" style="height:90%" onkeyup="changetoupper(this.id),checkcustomerempty()">
                                                                <input type="text" id="txtCustId" style="display:none" value="0" />
                                                                <div class="input-group-append" id="addVisa">
                                                                    <button class="btn btn-outline-primary" onclick="window.open('../master/CustomerMaster')" id="btncst" type="button" style="height:90%">+</button>
                                                                </div>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">Date</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="txtivdate" class="form-control" name="IVDate">
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">Terms</label>


                                                            <div class="col-md-2 input-group">
                                                                <select id="select_terms" class="form-control"></select>

                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary" onclick="Addpopupwindow(5)" id="btnterms" type="button" style="height:85%">+</button>
                                                                </div>
                                                            </div>



                                                            <label class="col-lg-1 text-lg-right" style="margin-top:10px">Expected Date</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="txtExpdate" class="form-control" name="duedate" style="background-color:white;">
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>


                                                <div class="row">

                                                    <div class="col-md-12">


                                                        <div class="row" style="margin-top:-10px">
                                                            <label class="col-lg-1" style="margin-top:30px">Address</label>
                                                            <div class="col-lg-11">
                                                                <div class="row">
                                                                    <div class="col-md-3">
                                                                        <textarea id="txtaddress" class="form-control" style="position:absolute;width:92%; height:178%" name="Address"></textarea>
                                                                    </div>

                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">Location<span class="danger">*</span></label>
                                                                    <div class="col-md-2 input-group">
                                                                        <select id="select_locn" name="priority" class="form-control"></select>
                                                                        <div class="input-group-append">
                                                                            <button class="btn btn-outline-primary" onclick="Addpopupwindow(3)" id="btnlocn" type="button">+</button>
                                                                        </div>
                                                                    </div>

                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">SalesMan</label>


                                                                    <div class="col-md-2 input-group">
                                                                        <select id="select_salesman" name="priority" class="form-control"></select>
                                                                        <div class="input-group-append">
                                                                            <button class="btn btn-outline-primary" onclick="Addpopupwindow(4)" id="btnsales" type="button">+</button>
                                                                        </div>
                                                                    </div>

                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">Supply To</label>
                                                                    <div class="col-md-2 input-group">
                                                                        <select id="select_place" class="form-control"></select>
                                                                        <div class="input-group-append">
                                                                            <button class="btn btn-outline-primary" onclick="Addpopupwindow(2)" id="btnsply" type="button">+</button>
                                                                        </div>
                                                                    </div>


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


                                                    </div>

                                                </div>


                                                <div class="row" style="margin-top:-10px">
                                                    <div class="col-md-12">
                                                        <div class="row">
                                                            <label class="col-lg-1"></label>

                                                            <div class="col-lg-11">
                                                                <div class="row">
                                                                    <div class="col-md-3">

                                                                    </div>

                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">Currency<span class="danger">*</span></label>

                                                                    <div class="col-md-2 input-group">
                                                                        <select id="select_crncy" class="form-control"></select>
                                                                        <div class="input-group-append">
                                                                            <button class="btn btn-outline-primary" onclick="Addpopupwindow(1)" id="btncrncy" type="button">+</button>
                                                                        </div>
                                                                    </div>

                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">Rate</label>
                                                                    <div class="col-md-2">

                                                                        <input type="text" id="txtcrncyrate" class="form-control" onkeypress="isNumber(event,this)">

                                                                    </div>
                                                                    <label class="col-lg-1 text-lg-right" style="margin-top:10px">Job No</label>
                                                                    <div class="col-md-2">

                                                                        <input type="text" id="select_jobno" onkeyup="checkjobempty()" class="form-control">
                                                                        <input type="text" id="ProjectJobId" value="0" style="display:none">
                                                                    </div>

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


                                                    </div>
                                                </div>


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

                                    <hr style="margin-top:3px" />
                                    <div class="px-0">
                                        <div class="row" style="margin-top:-15px;margin-left:3px">

                                            <div class="col-md-12">
                                                <div class="row" style="height:26px;">

                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label>Product<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <label>Page Type<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Unit</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Quantity<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>Discount</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Tax Group</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>

                                                <div class="row">
                                                    <div class="col-md-2 input-group">
                                                        <input type="text" id="txtproduct0" class="form-control" onkeyup="checkpdcttextempty(event)" aria-describedby="btnpdct">
                                                        <input type="text" id="ProductDesc0" style="display:none" />
                                                        <input type="text" id="PrdtId0" value="0" style="display:none" />
                                                        <input type="text" id="LPCost" value="0" style="display:none" />
                                                        <input type="text" id="AvgCost0" value="0" style="display:none" />
                                                        <input type="text" id="Sumtotqty" value="0" style="display:none" />
                                                        <input type="text" id="Custlastsellingprice" value="0" style="display:none" />

                                                        <div class="input-group-append">
                                                            <button class="btn btn-outline-primary" onclick="window.open('../master/ItemMaster')" id="btnpdct" type="button" style="height:63%">+</button>
                                                        </div>
                                                    </div>

                                                    <div class="col-md-2">
                                                        <div class="form-group">
                                                            <select id="select_type" class="form-control" onchange="checkpricegroup()">
                                                                <option value="single">
                                                                    Single
                                                                </option>
                                                                <option value="double"> 
                                                                    Double
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <div class="form-group" style="display:none"> 
                                                            <select id="select_location0" class="form-control"></select>
                                                            <input type="text" id="txtlcn" style="display:none">
                                                        </div>
                                                    </div>


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

                                                            <select id="select_unit0" class="form-control" name="Units"></select>
                                                            <input type="text" id="txtunit" style="display:none" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <input type="text" id="txtquantity0" class="form-control" onkeypress="isNumberInt(event, this)" maxlength="8" onkeyup="checkpricegroup(),amountcalculation(0)">
                                                            <input type="text" id="txtstocktotloseqty0" value="0" style="display:none">


                                                        </div>
                                                    </div>


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

                                                            <input type="text" id="txtrate0" class="form-control" name="Rates" onkeypress="isNumber(event,this)" onkeyup="amountcalculation(0)">
                                                            <input type="text" id="txtfcrate0" style="display:none">
                                                            <input type="text" id="LastSellingPrice" style="display:none">


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

                                                            <input type="text" id="txtdiscount0" class="form-control" onkeypress="isNumber(event,this)" onkeyup="amountcalculation(0)">
                                                            <input type="text" id="txtfcdiscount0" style="display:none">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <select id="select_tax0" class="form-control" name="Tax" onchange="ChangeTax(0,this)"></select>
                                                            <input type="text" id="txttaxableamnt0" class="form-control" style="display:none">
                                                            <input type="text" id="txtfctaxableamnt0" style="display:none">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <input type="text" id="txttaxpercent0" class="form-control" name="Taxpercent" disabled="">
                                                            <input type="text" id="txttaxamnt0" class="form-control" style="display:none">
                                                            <input type="text" id="txtfctaxamnt0" style="display:none">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <input type="text" id="txtamnt0" class="form-control" disabled="">
                                                            <input type="text" id="txtfcamnt0" style="display:none">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

                                                            <button type="button" id="btnadd" onclick="productadd()" class="btn btn-outline-primary" style="height:40px;width:100px">+Add</button>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <div class="px-2">
                                    <div id="customView" class="jsgrid" style="position: relative; height: auto; width: 100%; border:solid 1px;border-color:#e9e9e9;margin-top:-20px;overflow-x: auto;overflow-y: hidden;">
                                        <div class="jsgrid-grid-header jsgrid-header-scrollbar" style="width: 2070px;">
                                            <table class="jsgrid-table" id="tblsalesinvoiceheader">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" id="editheader" style="width: 15px;"></th>
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" id="editcancelheader" style="width: 15px;display:none;margin-top:5px"></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width: 15px;">Sl No</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width: 75px;">Product/Service</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width: 75px;">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Unit</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Quantity</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Discount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 40px;">Taxable Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Tax</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Tax%</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Tax Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width: 30px;">Amount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width: 40px;">Location</th>
                                                </tr>

                                            </table>
                                        </div>
                                        <div id="proddiv" class="" style="position: relative; overflow-x: auto;overflow-y: auto; height:280px; width: 2070px;border-bottom:1px solid;border-bottom-color:#e9e9e9">
                                            <table class="jsgrid-table" id="tblsalesinvoice"></table>

                                        </div>


                                    </div>

                                </div>

                                <br />



                                <div class="px-3">

                                    <div style="margin-top:-5px">
                                        <table>
                                            <tr>
                                                <td id="td1">
                                                    <div class="row text-md-center" style="margin-top:-10px">
                                                        <div class="form-group row col-md-12 text-md-center">

                                                            <div class="col-md-3 text-left" style="margin-top:.5%">
                                                                <a id="flip1" class="text-left" ><label>+ Remarks</label></a>
                                                                <a  style="opacity:0"><label>Design</label></a> 
                                                                <a id="flip2" style="opacity:0" onclick="loaddesign();" class="text-center"><label>+ Design Details</label></a>    
                                                            </div>
                                                            @*<div class="col-md-1 text-left" style="margin-top:.5%">
                                                              
                                                                <a id="flip2" class="col-md-1"><label>+ Design</label></a>
                                                            </div>*@
                                                            <label class="col-md-2 text-right" style="margin-top:8px;margin-left:-20px">Total Discount:</label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="TotalDiscount" class="form-control" style="background-color:white;width:130px;border:none;font-weight:bold" disabled value="0.00">
                                                                <input type="text" id="FcTotalDiscount" style="display:none">

                                                            </div>
                                                            <label class="col-md-2" style="margin-top:8px">Total Taxable:</label>
                                                            <div class="col-md-1 text-md-left">
                                                                <input type="text" id="TotalTaxable" class="form-control" style="background-color:white;width:130px;border:none;font-weight:bold;" disabled value="0.00">
                                                                <input type="text" id="FcTotalTaxable" style="display:none">
                                                            </div>
                                                            <label class="col-md-1" style="margin-top:8px">Total Tax:</label>
                                                            <div class="col-md-1">
                                                                <input type="text" id="TotalTax" class="form-control" style="background-color:white;width:130px;border:none;font-weight:bold" disabled value="0.00">
                                                                <input type="text" id="FcTotalTax" style="display:none">
                                                            </div>
                                                            <label class="col-md-1" style="margin-top:8px;opacity:0">Discount</label>
                                                            @*<div class="col-md-1">*@
                                                                <input type="text" id="disc" class="form-control" style="width:130px;display:none" value="0.00"> 
                                                            @*</div>*@
                                                            <input type="text" id="GrandTotal" class="form-control" style="background-color:white;width:150px;border:none;font-weight:bold;opacity:0" disabled>
                                                            <input type="text" id="FcGrandTotal" style="display:none">
                                                        </div>
                                                    </div>


                                                </td>
                                                <td valign="top" id="td2">
                                                    <div class="text-right">
                                                        <button type="button" style="width:100px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                                        <button type="button" style="width:100px" id="btnlist" onclick="GetRows()" class="btn btn-primary btn-min-width mr-1 mb-1">Copy <i class="ft-align-justify"></i></button>
                                                        <button type="button" style="width:100px" id="btnnew" onclick="formrefreshconfirm()" class="btn btn-primary btn-min-width mr-1 mb-1">New <i class="ft-refresh-cw position-right"></i></button>
                                                        <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>

                                        <div id="panel1" style="margin-top:-2%">
                                            <div class="form-group">
                                                <table style="width:100%">
                                                    <tr>
                                                        <td style="width:150%">
                                                            <textarea id="txtmsg" class="form-control" name="note" placeholder="Remarks"></textarea>
                                                        </td>
                                                    </tr>
                                                </table>

                                            </div>
                                        </div>


                                    </div>

                                </div>



                            </form>



                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</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">
            <div class="modal-header bg-primary white">
                <h3 class="modal-title" id="myheader"></h3>
                <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="return isNumber(event, this)" class="form-control">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="unitname">Remarks</label>
                        <textarea id="txt_remark" rows="5" class="form-control" name="comment"></textarea>
                    </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:250px;">
                    <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>
                <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="btnlocnsave" onclick="SaveLocation(1)">
                </div>
            </form>


            <form id="salesmandiv" style="display:none;">
                <div class="modal-body" style="overflow:auto;height:290px;">
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catcode">Code<span class="danger">*</span></label>
                        <input type="text" id="code" maxlength="25" onkeyup="changetoupper(this.id),$('#txt_fname').val($('#txt_code').val())" class="form-control" name="txt_code">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catname">Name<span class="danger">*</span></label>
                        <input type="text" id="txt_fname" maxlength="100" class="form-control" name="txt_fname">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catdesc">Target Amount</label>
                        <input type="text" id="txt_amount" maxlength="12" class="form-control" name="txt_amount" onkeypress="return isNumber(event, this)">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catdesc">Address 1</label>
                        <input type="text" id="txt_address1" maxlength="100" class="form-control" name="txt_address1">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catdesc">Address 2</label>
                        <input type="text" id="txt_address2" maxlength="100" class="form-control" name="txt_address2">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catdesc">Address 3</label>
                        <input type="text" id="txt_address3" maxlength="100" class="form-control" name="txt_address3">
                    </fieldset>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="catdesc">Contact Number</label>
                        <input type="text" id="txt_contactnumber" maxlength="13" class="form-control" name="txt_contactnumber">
                    </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="btnsalesmansave" onclick="SaveSalesman(1)">
                </div>
            </form>
            <form id="termsdiv" style="display:none">
                <div class="modal-body">

                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatname">Description<span class="danger">*</span></label>
                        <input type="text" id="txtdesc" class="form-control" autocomplete="off">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatdesc">Terms</label>
                        <input type="text" id="txtterms" 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="btntermssave" onclick="SaveTerms(1)">
                </div>
            </form>

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

<div id="jobpopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none;">
    <div class="modal-dialog modal-xl" role="document" style="margin-top:230px">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h3 class="modal-title" id="jobheader"></h3>
                <button type="button" class="close" onclick="jobpopuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <form id="Jobdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row" style="height:26px;">

                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Job Details</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Unit</label>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label>Quantity</label>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label>Rate</label>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label>Discount</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Tax Group</label>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <label>Tax</label>
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">
                                        <label>Amount</label>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-2">

                                    <input type="text" id="productjob" class="form-control" style="margin-left:1px" onkeyup="changetoupper(this.id)">

                                </div>

                                <select id="locn_job" class="form-control" disabled style="background-color:white;display:none"></select>
                                <input type="hidden" id="txtlocn_job" class="form-control" />

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

                                        <select id="unit_job" class="form-control"></select>
                                        <input type="hidden" id="txtunit_job" class="form-control" />
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">

                                        <input type="text" id="quantity_job" class="form-control" onkeyup="CalcJobAmount()" onkeypress="isNumberInt(event, this)">
                                    </div>
                                </div>


                                <div class="col-md-1">
                                    <div class="form-group">
                                        <input type="text" id="txtrate_job" class="form-control" onkeyup="CalcJobAmount()" onkeypress="isNumber(event, this)">
                                        <input type="hidden" id="txtsubtotal_job" class="form-control" />
                                        <input type="hidden" id="fcamount_job" class="form-control" />
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">
                                        <input type="text" id="discount_job" class="form-control" onkeypress="isNumber(event, this)" onkeyup="CalcJobAmount()">
                                        <input type="hidden" id="fctxtdisc_job" class="form-control" />
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">

                                        <select id="tax_job" class="form-control"></select>
                                    </div>
                                </div>
                                <div class="col-md-1">
                                    <div class="form-group">

                                        <input type="text" id="taxpercentage_job" class="form-control" disabled style="background-color:white">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="form-group">

                                        <input type="text" id="amount_job" class="form-control" disabled style="background-color:white">
                                        <input type="hidden" id="txttaxable_job" class="form-control" />
                                        <input type="hidden" id="txttax_job" class="form-control" />
                                        <input type="hidden" id="txtsubtotal_job" class="form-control" />

                                        <input type="hidden" id="fctxttaxable_job" class="form-control" />
                                        <input type="hidden" id="fctxttax_job" class="form-control" />
                                        <input type="hidden" id="fctxtsubtotal_job" class="form-control" />
                                    </div>
                                </div>


                            </div>
                            <div class="form-body">
                                <div class="text-right">
                                    <input type="button" class="btn btn-outline-primary" value="Save" id="btnjobsave" onclick="JobAdd()">
                                    <input type="button" class="btn btn-outline-secondary" onclick="jobpopuprefresh()" data-dismiss="modal" value="close">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>






        </div>
    </div>

</div>

<div id="productpopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="prodheader" style="display:none;margin-left:-1%;margin-top:35px;height:300px;">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content" style="width:100%;">
            <div class="modal-header" style="background-color:#E0F3F4;height:70px">
                <h5 class="modal-title" id="prodheader" style="height:1px;"></h5>
                <button type="button" class="close" onclick="productpopuprefresh()" style="height:2px">
                    <span>×</span>
                </button>
            </div>
            <section id="productdiv" style="display:none;height:50px;margin-top:-5px">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card card-body" style="margin-top:-10px;height:180px">
                            <div class="card-block" style="overflow:scroll;height:110px;width:100%;overflow:auto;top:-10px">
                                <table class="table table-responsive-md-md text-center" id="tblproductdetails" style="top:-10px"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>

<div id="salestranspopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="jobheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none;">
    <div class="modal-dialog modal-xl" role="document" style="margin-top:100px">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="salesheader"></h4>
                <button type="button" class="close" onclick="salestranspopuprefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <form id="salestransdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <section>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <table class="table table-responsive-md-md text-center" id="tblsalestrans">
                                                    <tr>
                                                        <td><b>Invoice No</b></td>
                                                        <td><b>Invoice Date</b></td>
                                                        <td><b>Customer Name</b></td>
                                                        <td><b>Quantity</b></td>
                                                        <td><b>Rate</b></td>
                                                        <td><b>Unit</b></td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </form>






        </div>
    </div>

</div>

<div id="Enquirypopup" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="OtherCostheader" 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:10%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="Enquiryheader"></h4>
                <button type="button" class="close" onclick="CloseEnquiry()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="Enquirydivcust" style="display:none;">
                <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="SearchFromdateenq1">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateenq1" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateenq1">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateenq1" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>

                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchSEnqCust(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" onclick="SearchSEnqCust(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblEnquirycust" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnview">
                </div>
            </form>
            <form id="Enquirydiv" style="display:none;">
                <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="SearchFromdateenq">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateenq" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateenq">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateenq" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchCustenq">Customer</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchCustenq" class="form-control" placeholder="Search Customer" onkeyup="emptyId(event)" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddencustIdenq" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchEnquiry(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" onclick="SearchEnquiry(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblEnquiry" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                </div>
            </form>
            <form id="Enquirydivsub" style="display:none;">
                <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="SearchProdenq">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchProdenq" class="form-control" onkeyup="emptyId(event)" placeholder="Search Product" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddenProdIdenq" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchEnquirySub(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" onclick="SearchEnquirySub(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblEnquirypsub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="Back(1)" data-dismiss="modal" value="Back">
                    <input type="button" class="btn btn-outline-primary" value="Add" id="btnprdtadd">
                </div>
            </form>
            <form id="Qtndiv" style="display:none;">
                <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="SearchFromdateqtn">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateqtn" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateqtn">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateqtn" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchCustqtn">Customer</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchCustqtn" class="form-control" placeholder="Search Customer" onkeyup="emptyId(event)" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddencustIdqtn" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" id="btnsearchqtn" onclick="SearchQuotation(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="btnclearqtn" onclick="SearchQuotation(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblQtn" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-secondary" onclick="EditQtn()" data-dismiss="modal" value="Add">
                </div>
            </form>
            <form id="Qtndivcust" style="display:none;">
                <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="SearchFromdateqtn1">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateqtn1" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateqtn1">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateqtn1" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>

                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchSQtnCust(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" onclick="SearchSQtnCust(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblQtncust" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnview1">
                </div>
            </form>
            <form id="Qtndivsub" style="display:none;">
                <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="SearchCustso">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchProdqtn" class="form-control" onkeyup="emptyId(event)" placeholder="Search Product" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddenProdIdqtn" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchSQtnSub(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" onclick="SearchSQtnSub(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblQtnsub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="Back(2)" data-dismiss="modal" value="Back">
                    <input type="button" class="btn btn-outline-primary" value="Add" id="btnprdtadd1">
                </div>
            </form>
            <form id="SalesOrderdiv" style="display:none;">
                <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="SearchFromdateso">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateso" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateso">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateso" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchCustso">Customer</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchCustso" class="form-control" placeholder="Search Customer" onkeyup="emptyId(event)" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddencustIdso" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" id="btnsearch" onclick="SearchSOrder(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="btnclear" onclick="SearchSOrder(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesOrder" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-secondary" onclick="EditSalesOrder()" data-dismiss="modal" value="Add">
                </div>
            </form>
            <form id="SalesOrderdivcust" style="display:none;">
                <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="SearchFromdateso1">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdateso1" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDateso1">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDateso1" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>

                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" id="btnsearch1" onclick="SearchSOrderCust(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="btnclear1" onclick="SearchSOrderCust(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesOrdercust" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnview2">
                </div>
            </form>
            <form id="SalesOrderdivsub" style="display:none;">
                <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="SearchCustso">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchProdso" class="form-control" onkeyup="emptyId(event)" placeholder="Search Product" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddenProdIdso" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" id="btnsearch2" onclick="SearchSOrderSub(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="btnclear2" onclick="SearchSOrderSub(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesOrdersub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="Back(3)" data-dismiss="modal" value="Back">
                    <input type="button" class="btn btn-outline-primary" value="Add" id="btnprdtadd2">
                </div>
            </form>
            <form id="SalesInvdiv" style="display:none;">
                <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="SearchFromdatesi">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdatesi" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDatesi">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDatesi" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchCustsi">Customer</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchCustsi" class="form-control" placeholder="Search Customer" onkeyup="emptyId(event)" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddencustIdsi" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" id="btnsearchsi" onclick="SearchSInv(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="btnclearsi" onclick="SearchSInv(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesInv" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-secondary" onclick="EditSalesInvoice()" data-dismiss="modal" value="Add">
                </div>
            </form>
            <form id="SalesInvdivcust" style="display:none;">
                <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="SearchFromdatesi1">From Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchFromdatesi1" class="form-control" placeholder="Search From Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="SearchToDatesi1">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="SearchToDatesi1" class="form-control" placeholder="Search To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>

                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchSInvCust(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" onclick="SearchSInvCust(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesInvcust" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnview3">
                </div>
            </form>
            <form id="SalesInvdivsub" style="display:none;">
                <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="SearchCustso">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <input type="text" id="SearchProdsi" class="form-control" onkeyup="emptyId(event)" placeholder="Search Product" style="height:35px;font-weight:200;">
                                    <input type="hidden" id="hiddenProdIdsi" />
                                </div>
                                <div class="col-md-1" style="margin-top:16px;margin-left:-5px;">
                                    <div class="form-group">
                                        <button type="button" onclick="SearchSInvoiceSub(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" onclick="SearchSInvoiceSub(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;overflow:scroll;width:100%;overflow:auto;">
                            <table id="tblSalesInvsub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="Back(4)" data-dismiss="modal" value="Back">
                    <input type="button" class="btn btn-outline-primary" value="Add" id="btnprdtadd3">
                </div>
            </form>
        </div>
    </div>

</div>

<div id="Revisionpopupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="revheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none;">
    <div class="modal-dialog modal-xl" role="document" style="margin-top:230px">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h3 class="modal-title" id="revheader"></h3>
                <button type="button" class="close" onclick="$('#Revisionpopupdiv,#Revdiv').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <form id="Revdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12" style="overflow:scroll;height:280px;width:100%;overflow:auto;">
                            <table class="table table-responsive-md-md text-center" id="tblRevision"></table>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>

@*tabindex="-1" role="dialog" aria-labelledby="revheader" style="background:rgba(0,0,0,0.5);  display:none;height:480px"*@

<div id="Designpopupdiv" class="modal fade text-left show" style="top:500px;height:200px;width:750px;left:150px">
    <div class="modal-dialog modal-xl" role="document" style="left:-60px;">
        <div class="modal-content" style="width:700px;background-color:#E0F3F4;top:-15px"> 
            @*<div class="modal-header white">
                <h3 class="modal-title" id="">Design Details</h3> 
                <button type="button" class="close" onclick="$('#Designpopupdiv').hide()" data-dismiss="modal" aria-label="Close"> 
                    <span aria-hidden="true">×</span>
                </button>
            </div>*@

            <form id="" style="">
                <div class="modal-body">
                
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row" style="height:26px;">

                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>Start Time</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>End Time</label>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <label>rate</label> 
                                    </div>
                                </div>
                              
                            </div>

                            <div class="row">
                                <div class="col-md-4">
                                    <input type="Time" id="StartTime" class="form-control" name="time" autocomplete="off">
                                </div>

                            
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <input type="Time" id="EndTime" class="form-control" name="time" autocomplete="off">
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="form-group">
                                        <input type="text" id="rtyrty" class="form-control" onkeypress="isNumber(event, this)" style="display:none">   
                                        <input type="text" id="DesignRate" class="form-control" onkeypress="isNumber(event, this)">   
                                    </div>
                                </div>                               

                            </div>
                            <div class="form-body">
                                <div class="text-right">
                                    <input type="button" class="btn btn-outline-primary" value="Save" id="" onclick="$('#Designpopupdiv').hide()" > 
                                    @*<input type="button" class="btn btn-outline-primary" value="Close" id="" onclick="ClearDesign(), $('#Designpopupdiv').hide()">*@
                                    <input type="button" class="btn btn-outline-warning" value="Clear" id="" onclick="ClearDesign()">                                 
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>

<div style="display:none">
    <input type="text" value="0" id="CrncyId" />
    <input type="text" value="0" id="AreaId" />
    <input type="text" value="0" id="LocationId" />
    <input type="text" value="0" id="SalesmanId" />
    <input type="text" value="0" id="TermsId" />
</div>

<div style="display:none">
    <input type="text" id="roundgndtotal" value="0" />
    <input type="text" id="roundfcgndtotal" value="0" />
    <input type="text" id="RowGet1" value="0" />
    <input type="text" id="RowGet" value="0" />
    <input type="text" id="RowGet2" value="0" />
    <input type="text" id="RowGet3" value="0" />
    <input type="text" id="RowGet3q" value="0" />
    <input type="text" id="RowGet4" value="0" />
    <input type="text" id="RowGet5" value="0" />
    <input type="text" id="RowGet6" value="0" />
    <input type="text" id="RowGet7" value="0" />
    <input type="text" id="RowGet8" value="0" />
    <input type="text" id="RowGet9" value="0" />
    <input type="text" id="RowGet10" value="0" />
    <input type="text" id="txtQtnNo" value="0" />
    <input type="text" id="txtEnqNo" value="0" />
    <input type="text" id="txtSalesNo" value="0" />
    <input type="text" id="txtSalesSrlNo" value="0" />
    <input type="text" id="PriceGroupId" value="0" />
    <input type="text" id="pdtrowcnt" value="0" />
    <input type="text" id="codelength" value="0" />
    <input type="text" id="TransPrdtId0" value="0" style="display:none" />
</div>

<script>

    function loaddesign() { 
        if (DesignRate == 'Yes')
        {
            if (!($('#Designpopupdiv').is(":visible"))) {
                $('#Designpopupdiv').show();
                $('#StartTime').focus();

            }
            else {
                $('#Designpopupdiv').hide();
            }
        }     
    }
   

    function ClearDesign()
    {
        if (copyflag != 1)
        {
            $('#DesignRate').val('');
            $('#EndTime').val('');
            $('#StartTime').val('');
            $('#StartTime').focus('');
        }
       
    }

    var m = 1;
    var currentbillno;

    //Copy Function
    function GetRows() {
        if (editflag != 0) {
            warningshow('Please Update Edit Mode');
        }
        else {
            var rowcount = CountRows();
            if (rowcount > 0) {
                $('#confirm').show();
                $('#confirmOk').focus();
                $('#Confirmflag').val('copy'); $('#ConfirmRowId').val(0);
                $('#confirmmessage').text('Data will be lost.Do you want to Continue?');
            }
            else {
                SalesOrderCopy();
            }
        }
    }

    function SalesOrderCopy()
    {
        copyflag = 1;

        Tbldelete();

        productpopuprefresh();

        $('#copybill').show();
        $('#bill').hide();
        $('#txtBillSlNocopy').focus();
        $('#txtBillSlNocopy').prop('disabled', false);
        $('#txtBillSlNocopy').select();


        currentbillno = $('#txtBlSlNo').val();
        //   $('#tour1').show();
        $('#txtBillSlNocopy').focus();
        $('#popupdiv').hide();
        $('#txtivdate').val(CurDate);

        $('#txttaxpercent0').val('');
        $('#txtmsg').val('');
        $('#select_payterms').val(2);
        $('#select_transfer').val(0);
        $('#txtcustomer').val('');
        $('#select_terms').val(0);

        $('#txtExpdate').val(CurDate);
        $('#txtaddress').val('');
        $('#PriceGroupId').val(0);
        $('#select_locn').val(0);
        $('#select_salesman').val(UserSalesmanId);
        $('#select_place').val(0);
        $('#select_crncy').val(BaseCurrency);
        $('#txtcrncyrate').val($('#select_crncy').find("option:selected").attr("name"));
        $('#select_jobno').val('');
        $('#txtproduct0').val('');
        $('#btndelete').hide();
        $('#select_location0').val(0);
        $('#select_unit0').val(0);
        $('#txtquantity0').val('');
        $('#txtstocktotloseqty0').val(0);
        $('#txtrate0').val('');
        $('#txtdiscount0').val('');
        $('#select_tax0').val(0);
        $('#txtamnt0').val('');
        $('#TotalDiscount').val('0.00');
        $('#TotalTaxable').val('0.00');
        $('#TotalTax').val('0.00');
        $('#GrandTotal').val('');
        $('#disc').val('');
        $('#gndtotal').text('');
        $('#fc').text('fc');
        $("#fc").css("opacity", '0');
        $('#btndelete').hide();
        GrandTotal = 0;
        $('#gndtotal').text('0.00');

        $('#txtBillSlNocopy').css("height", '90%');
        $('#btnnxt').css("height", '90%');
        $('#btnprvs').css("height", '90%');


        $('#btntrnsfr').css("height", '85%');
        $('#select_transfer').css("height", '85%');

        $('#txtExpdate').css("background-color", '#ECEFF1');
        $('#txttaxpercent0').css("background-color", '#ECEFF1');
        $('#txtamnt0').css("background-color", '#ECEFF1');

        $('.form-control,.btn-outline-primary').prop("disabled", true);
        $('.jsgrid').prop("disabled", true);


        $('#btnsubmit').prop("disabled", true);
        $('#btnlist').prop("disabled", true);
        $('#btnadd').prop("disabled", true);
        $('#txtcustomer').prop("disabled", true);
        $('#btnprvs').prop("disabled", false);
        $('#btnnxt').prop("disabled", false);
        $('#txtBillSlNocopy').prop("disabled", false);
        $('#txtBillSlNocopy').select();

        $('#btnprvs').show();
        $('#btnnxt').show();
        $('#editheader').hide();
        $("#panel1").hide();


        $('#billrow').css("margin-bottom", '-7px');

        $('#btnsubmit').hide();
        $('#btnlist').hide();

        if (DesignRate == 'Yes') {
            $('#flip2').css("opacity", '100');
        }
        else {
            $('#flip2').css("opacity", '0');
        }
    }

    //Next-Prev Button For Copy
    function GetBillPrevousornext(Value)
    {
            $('#txtBillSlNocopy').prop("disabled", false);
            //Tbldelete();
            //copyrefresh();
            //ClearDesign();

            $('#Warningpopup').fadeOut();
          

            if ($('#txtBillSlNocopy').val() == '' && Value == -1) {
                $('#txtBillSlNocopy').focus();
                $('#txtBillSlNocopy').val(($('#txtBlSlNo').val()));
            }
            else if ($('#txtBillSlNocopy').val() == '' && Value == 1) {
                $('#txtBillSlNocopy').focus();
                $('#txtBillSlNocopy').val(0);
            }

            var Billno = parseInt($('#txtBillSlNocopy').val() || 0);
            Billno = Billno + Value;


            if (((currentbillno == 1) && (Billno == 0))) {
                warningshow('Bill Number Not Valid', 'txtBillSlNocopy');
                return false;
            }
            else if ((Billno < 0) || (Billno >= currentbillno)) {
                warningshow('Bill Number Not Valid', 'txtBillSlNocopy');
                $('#txtBillSlNocopy').select();
                return false;
            }
            else if (Billno == 0) {
                warningshow('Bill Number Not Valid', 'txtBillSlNocopy');
                $('#txtBillSlNocopy').select()
                return false;
            }
            else {
                $('#txtBillSlNocopy').val(Billno);
                var data = {};
                data.OrderNo = Billno;
                data.DeptId = ERPDeptId;
                $.ajax({
                    type: "POST",
                    url: "../SalesInvoice/SalesOrderGetandGets",
                    data: data,
                    success: function (result) {
                        Tbldelete();
                        copyrefresh();
                        ClearDesign();
                        SalesGets(result.oList);
                        $('#btnsubmit').prop("disabled", true);
                        $('#btnlist').prop("disabled", true);
                        $('#btnadd').prop("disabled", true);
                        $('#txtBillSlNocopy').focus();

                    }
                });
            }
    }

    //Copy Function For Sales Order
    function SalesGets(result) {

        var id = parseInt(m);

        for (var n = 0; n < result.length; n++) {
            $('#txtBillSlNocopy').val(result[n].OrderNo);
            $('#txtcustomer').val(result[n].CustName);
            $('#txtaddress').val(result[n].CustAddress);
            $('#select_payterms').val(result[n].PayType);
            $('#txtlpono').val(result[n].LPONumber);
            $('#txtivdate').val(result[n].InvDate);
            $('#select_terms').val(result[n].InvTerms);
            $('#txtExpdate').val(result[n].ExpectedDate);
            $('#select_locn').val(result[n].LocId);
            $('#select_salesman').val(result[n].SalesManId);
            $('#select_place').val(result[n].AreaId);
            $('#select_crncy').val(result[n].CurrencyId);
            $('#txtcrncyrate').val(parseFloat(result[n].CurrencyRate));
            $('#select_jobno').val(result[n].JobCode);
            $('#GrandTotal').val((parseFloat(result[n].GrandTotal).toFixed(Decimal)));
            $('#TotalTaxable').val((parseFloat(result[n].TotalTaxable).toFixed(Decimal)));
            $('#TotalDiscount').val((parseFloat(result[n].TotalDiscount).toFixed(Decimal)));
            $('#TotalTax').val((parseFloat(result[n].TotalTax).toFixed(Decimal)));
            $('#txtmsg').val(result[n].Remarks);
            $('#gndtotal').text(parseFloat(result[n].GrandTotal).toFixed(Decimal));
            $('#StartTime').val(result[n].StartTime);
            $('#EndTime').val(result[n].EndTime);
            $('#DesignRate').val((parseFloat(result[n].DesignRate).toFixed(Decimal))); 


            var fcur = result[n].FCGrandTotal;
            if ($('#txtcrncyrate').val() == 1) {
                $("#fc").css("opacity", '0');
            }
            else {
                $("#fc").text('FC : ' + fcur.toFixed(Decimal));
                $("#fc").css("opacity", '100');
            }

            var ProdRow1 = "<tr id=" + 'row' + id + " class='jsgrid-row'><td class='jsgrid-cell' style='width:15px;text-align:center'>" + (n+1) + "</td>" +
            "<td class='jsgrid-cell jsgrid-align-left' style='width:75px'><input type='text' style='display:none' /><input type='text' style='height:30px;background-color:white' disabled='' id=" + 'product' + id + " value='" + result[n].ProductCode + "' class='form-control text-left'></td>" +
            "<td class='jsgrid-cell jsgrid-align-right' style='width:75px;text-align:center'><input type='text' style='height:30px;background-color:white' disabled='' class='form-control text-left' id=" + 'ProductDesc' + id + " value='" + result[n].ProductDescr + "'></td>" +
            "<td class='jsgrid-cell jsgrid-align-center' style='width:30px'><select disabled='' id=" + 'unit' + id + " style='background-color:white;height:30px' class='form-control'>" + UnitSelect + "</select></td>" +
            "<td class='jsgrid-cell jsgrid-align-center' style='width:30px'><input type='text' id=" + 'quantity' + id + " value=" + result[n].ProdQty + " disabled='' class='form-control text-center' style='background-color:white;height:30px'></td>" +
            "<td class='jsgrid-cell jsgrid-align-center' style='width:30px'><input type='text' id=" + 'rate' + id + " value=" + parseFloat(result[n].ProdRate).toFixed(Decimal) + " disabled='' class='form-control text-center' style='background-color:white;height:30px'></td>" +
            "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center' style='width:30px'><input id=" + 'discount' + id + " value=" + parseFloat(result[n].ProdDisc).toFixed(Decimal) + " type='text' disabled='' class='form-control text-center' style='background-color:white;height:30px'></td>" +
            "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center' style='width:40px'><input id=" + 'taxableamt' + id + " value=" + parseFloat(result[n].TaxableAmount).toFixed(Decimal) + " type='text' disabled='' class='form-control text-center' style='background-color:white;height:30px'></td>" +
            "<td class='jsgrid-cell jsgrid-align-center' style='width:30px'><select id=" + 'tax' + id + " value=" + result[n].TaxId + " style='background-color:white;height:30px' disabled='' class='form-control'>" + TaxSelect + "</select></td>" +
            "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center' style='width:30px'><input type='text' id=" + 'taxpercent' + id + " value=" + result[n].TaxPercent + " disabled='' style='background-color:white;height:30px' class='form-control text-center'></td>" +
            "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center' style='width:30px'><input type='text' id=" + 'taxamount' + id + " value=" + parseFloat(result[n].TaxAmount).toFixed(Decimal) + " style='background-color:white;height:30px' class='form-control text-center' disabled=''></td>" +
            "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center' style='width:30px'><input type='text' id=" + 'amount' + id + " value=" + parseFloat(result[n].Amount).toFixed(Decimal) + " class='form-control text-center' style='background-color:white;height:30px' disabled=''></td>" +
            "<td class='jsgrid-cell jsgrid-align-center' style='width:40px'><select id=" + 'location' + id + " value=" + result[n].LocnId + " style='background-color:white;height:30px' disabled='' class='form-control'>" + LocnSelect + "</select></td>" +
            "</tr>";


            $('#tblsalesinvoice').append(ProdRow1);
            $('#unit' + id).val(result[n].UnitId);
            $('#tax' + id).val(result[n].TaxId);
            $('#location' + id).val(result[n].LocnId);
            id++;
            clearrow();
        }
    }

    $('#txtivdate').val(CurDate);
    $('#txtExpdate').val(CurDate);
    $("#txtcustomer").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.CustName = $("#txtcustomer").val();
            data.CustType = 'C';
            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2ph',
                            label: item.CustName,
                            label1: item.CustAccount,
                            label2: item.PhoneNumber,
                            CustName: item.CustName,
                            Address: item.CustStreet1 + '\n' + item.CustCity1,
                            CustId: item.CustId,
                            SalesmanId: item.SalesmanId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            PriceGroupId: item.PriceGroupId,
                            headers: ["Customer Name", "Account Code", "Phone No"]
                        })
                    }));
                }
            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#txtcustomer').val(ui.item.CustName);
            $('#txtaddress').val(ui.item.Address);
            $('#txtCustId').val(ui.item.CustId);
            if (ui.item.SalesmanId != 0 && ui.item.SalesmanId != null)
            $('#select_salesman').val(ui.item.SalesmanId||0);
            $('#select_crncy').val(ui.item.CurncyId);
            $('#txtcrncyrate').val($('#select_crncy').find("option:selected").attr("name"));
            $('#select_terms').val(ui.item.CustTermsId || 0);
            if (ui.item.AreaId != 0)
            $('#select_place').val(ui.item.AreaId);
            $('#PriceGroupId').val(ui.item.PriceGroupId || 0);
            $('#txtproduct0').focus(); 
            for (j = 0; j <= i; j++) {
                amountcalculation(j);
            }
            CalcGrandTotal(i);
        },

    });
    $("#SearchCustqtn").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.CustName = $("#SearchCustqtn").val();
            data.CustType = 'C';
            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.CustName,
                            label1: item.CustAccount,
                            CustName: item.CustName,
                            Address: item.CustStreet1 + '\n' + item.CustCity1,
                            CustId: item.CustId,
                            SalesmanId: item.SalesmanId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            headers: ["Customer Name", "Account Code"]
                        })
                    }));
                }
            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#SearchCustqtn').val(ui.item.CustName);
            $('#hiddencustIdqtn').val(ui.item.CustId);
        },

    });
    $("#SearchCustso").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.CustName = $("#SearchCustso").val();
            data.CustType = 'C';
            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.CustName,
                            label1: item.CustAccount,
                            CustName: item.CustName,
                            Address: item.CustStreet1 + '\n' + item.CustCity1,
                            CustId: item.CustId,
                            SalesmanId: item.SalesmanId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            headers: ["Customer Name", "Account Code"]
                        })
                    }));
                }
            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#SearchCustso').val(ui.item.CustName);
            $('#hiddencustIdso').val(ui.item.CustId);
        },

    });
    $("#SearchCustsi").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.CustName = $("#SearchCustsi").val();
            data.CustType = 'C';
            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.CustName,
                            label1: item.CustAccount,
                            CustName: item.CustName,
                            Address: item.CustStreet1 + '\n' + item.CustCity1,
                            CustId: item.CustId,
                            SalesmanId: item.SalesmanId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            headers: ["Customer Name", "Account Code"]
                        })
                    }));
                }
            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#SearchCustsi').val(ui.item.CustName);
            $('#hiddencustIdsi').val(ui.item.CustId);
        },

    });
    $("#SearchCustenq").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.CustName = $("#SearchCustenq").val();
            data.CustType = 'C';
            $.ajax({
                url: '../Master/CustomerOrSupplierSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: '-2',
                            label: item.CustName,
                            label1: item.CustAccount,
                            CustName: item.CustName,
                            Address: item.CustStreet1 + '\n' + item.CustCity1,
                            CustId: item.CustId,
                            SalesmanId: item.SalesmanId,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            AreaId: item.AreaId,
                            headers: ["Customer Name", "Account Code"]
                        })
                    }));
                }
            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#SearchCustenq').val(ui.item.CustName);
            $('#hiddencustIdenq').val(ui.item.CustId);
        },

    });

    $("#txtproduct0").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
                var data = {};
                data.ItemCode = $("#txtproduct0").val();
                data.LocId = $("#select_locn").val();
                data.DeptId = ERPDeptId;
                data.CustId = $("#txtCustId").val();
                data.UserId = ERPUserId;
                data.ProductMultiPriceId = $("#PriceGroupId").val();
                $.ajax({
                    url: '../SalesInvoice/ProductSearchSales',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {

                        console.log(data);
                        response($.map(data, function (item) {
                            return ({
                                ColCount: '-9',
                                label: item.ItemCode,
                                label1: item.Description,
                                label2: item.UnitName,
                                label3: item.stocktotloseqty,
                                label4: item.SellingPrice.toFixed(Decimal),
                                label5: item.GrpName.substring(0, 15),
                                label6: item.SbgrpName.substring(0, 15),
                                label7: item.CategoryName.substring(0, 15),
                                label8: item.SubCategoryName.substring(0, 15),

                                stocktotloseqty: item.stocktotloseqty,
                                Unit: item.UnitId,
                                Tax: item.VatId,
                                Taxpercent: item.VatPer,
                                Rates: item.SellingPrice,
                                UnitName: item.UnitName,
                                ProductId: item.ItemId,
                                Product: item.ItemCode,
                                ProductDesc: item.Description,
                                LPCost: item.LPCost,
                                AvgCost: item.AvgCost,
                                headers: ["Code", "Description", "Unit", "Quantity", "Price", "Group/Manufacturer", "SubGroup", "Category", "SubCategory"]
                            })
                        }));
                    }
                })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#codelength').val((ui.item.Product).length);
            $('#TransPrdtId0').val(ui.item.ProductId);
                $('#txtproduct0').val(ui.item.Product);
                $('#ProductDesc0').val(ui.item.ProductDesc);
                $('#PrdtId0').val(ui.item.ProductId);
                $('#select_unit0').val(ui.item.Unit);
                $('#select_tax0').val(ui.item.Tax);
                $('#txttaxpercent0').val(ui.item.Taxpercent);
                //$('#txtrate0').val((ui.item.Rates).toFixed(Decimal));
                $('#txtunit').val(ui.item.UnitName);
                $('#txtquantity0').val(1);
                $('#txtstocktotloseqty0').val(ui.item.stocktotloseqty);
                $('#txtquantity0').select();
                $('#select_type').focus();

                checkpricegroup();

                if (ui.item.UnitName == 'FOC') {
                    foc = 1;
                }
                else {
                    foc = 0;
                }
                amountcalculation(0);
                qtyflag = 0;
                var data = {};
                data.ProductId = ui.item.ProductId;
                data.CustId = $("#txtCustId").val();
                data.DeptId = ERPDeptId;
                $.ajax({
                    type: "POST",
                    url: '../SalesInvoice/CustomerProductDetailsSearch',
                    data: data,
                    success: function (result) {
                        CustPrdctLoad(result.oList);
                    }
                });
        },

    });
    $("#SearchProdqtn").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.ItemCode = $("#SearchProdqtn").val();
            data.LocId = $('#select_locn').val();
            data.DeptId = ERPDeptId;
            data.CustId = 0;
            data.UserId = ERPUserId;
            data.ProductMultiPriceId = 0;
            $.ajax({
                url: '../SalesInvoice/ProductSearchSales',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {

                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'FIVEEnq',
                            label: item.ItemCode,
                            label1: item.Description,
                            label2: item.UnitName,
                            label3: item.stocktotloseqty,
                            label4: item.SellingPrice.toFixed(Decimal),

                            ProductId: item.ItemId,
                            Product: item.ItemCode,
                            ProductDesc: item.Description,
                            headers: ["Product Code", "Product Description", "UnitName", "Quantity", "Price"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#SearchProdqtn').val(ui.item.Product);
            $('#hiddenProdIdqtn').val(ui.item.ProductId);
        },
    });
    $("#SearchProdso").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.ItemCode = $("#SearchProdso").val();
            data.LocId = $('#select_locn').val();
            data.DeptId = ERPDeptId;
            data.CustId = 0;
            data.UserId = ERPUserId;
            data.ProductMultiPriceId = 0;
            $.ajax({
                url: '../SalesInvoice/ProductSearchSales',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {

                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'FIVEEnq',
                            label: item.ItemCode,
                            label1: item.Description,
                            label2: item.UnitName,
                            label3: item.stocktotloseqty,
                            label4: item.SellingPrice.toFixed(Decimal),

                            ProductId: item.ItemId,
                            Product: item.ItemCode,
                            ProductDesc: item.Description,
                            headers: ["Product Code", "Product Description", "UnitName", "Quantity", "Price"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#SearchProdso').val(ui.item.Product);
            $('#hiddenProdIdso').val(ui.item.ProductId);
        },
    });
    $("#SearchProdsi").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.ItemCode = $("#SearchProdsi").val();
            data.LocId = $('#select_locn').val();
            data.DeptId = ERPDeptId;
            data.CustId = 0;
            data.UserId = ERPUserId;
            data.ProductMultiPriceId = 0;
            $.ajax({
                url: '../SalesInvoice/ProductSearchSales',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {

                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'FIVEEnq',
                            label: item.ItemCode,
                            label1: item.Description,
                            label2: item.UnitName,
                            label3: item.stocktotloseqty,
                            label4: item.SellingPrice.toFixed(Decimal),

                            ProductId: item.ItemId,
                            Product: item.ItemCode,
                            ProductDesc: item.Description,
                            headers: ["Product Code", "Product Description", "UnitName", "Quantity", "Price"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#SearchProdsi').val(ui.item.Product);
            $('#hiddenProdIdsi').val(ui.item.ProductId);
        },
    });
    $("#SearchProdenq").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {

            var data = {};
            data.ItemCode = $("#SearchProdenq").val();
            data.LocId = $('#select_locn').val();
            data.DeptId = ERPDeptId;
            data.CustId = 0;
            data.UserId = ERPUserId;
            data.ProductMultiPriceId = 0;
            $.ajax({
                url: '../SalesInvoice/ProductSearchSales',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {

                    console.log(data);
                    response($.map(data, function (item) {
                        return ({
                            ColCount: 'FIVEEnq',
                            label: item.ItemCode,
                            label1: item.Description,
                            label2: item.UnitName,
                            label3: item.stocktotloseqty,
                            label4: item.SellingPrice.toFixed(Decimal),

                            ProductId: item.ItemId,
                            Product: item.ItemCode,
                            ProductDesc: item.Description,
                            headers: ["Product Code", "Product Description", "UnitName", "Quantity", "Price"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,

        select: function (event, ui) {
            $('#SearchProdenq').val(ui.item.Product);
            $('#hiddenProdIdenq').val(ui.item.ProductId);
        },
    });

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

            $.ajax({
                url: '../SalesInvoice/JobSearch',
                type: "POST",
                data: data,
                dataType: "json",
                success: function (data) {
                    console.log(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) {
            $('#txtproduct0').focus();
            $('#ProjectJobId').val(ui.item.ProjectJobId);

        },

    });
    $("#txtBillSlNocopy").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            var rowcount = $('#tblsalesinvoice tr').length;
            for (a = 1; a <= rowcount; a++) {
                $('#row' + a).remove();
            }
            currentbillno = $('#txtBlSlNo').val();
            var data = {};
            data.OrderNo = $("#txtBillSlNocopy").val();
            data.LocId = $('#select_locn').val();
            data.DeptId = ERPDeptId;

            if (parseInt(data.BillSlNo) < 0 || parseInt(data.BillSlNo) >= currentbillno) {

                warningshow('Bill Number Not Valid', 'txtBillSlNocopy');

            }
            else
            {

                $.ajax({
                    url: '../SalesInvoice/OrderNoSearch',
                    type: "POST",
                    data: data,
                    dataType: "json",
                    success: function (data) {
                        console.log(data);
                        response($.map(data, function (item) {
                            return ({
                                ColCount: '3',
                                label: item.OrderNo,
                                label1: item.CustName,
                                label2: item.InvDate,
                                OrderNo: item.OrderNo,
                                headers: ["Order No", "Customer Name", "Inv Date"]
                            })
                        }));
                    }
                })
            }
        },
        autoFocus: true,
        select: function (event, ui) {
            var data = {};
            data.OrderNo = ui.item.OrderNo;
            data.DeptId = ERPDeptId;
            $.ajax({
                type: "POST",
                url: "../SalesInvoice/SalesOrderGetandGets",
                data: data,
                success: function (result) {
                    SalesGets(result.oList);

                    $('#btnsubmit').prop("disabled", true);
                    $('#btnlist').prop("disabled", true);
                    $('#btnadd').prop("disabled", true);
                    $('#txtBillSlNocopy').focus();

                }
            });
        },
    });

    //Change Rate Based On no of Quantity 
    function checkpricegroup() {

        if (($('#PrdtId0').val() != 0)) // && ($("#txtquantity0").val() != '') && ($("#txtquantity0").val() != 0))
        {           
            var typ = '';
            if ($("#PriceGroupId").val() == 0 || $("#PriceGroupId").val() == '' || $("#PriceGroupId").val() == 2)
                typ = 'W';
            else if ($("#PriceGroupId").val() == 1)   //Gold
                typ = 'R';

            var data = {};
            data.ItemId = $('#PrdtId0').val();
            data.NoQty = $('#txtquantity0').val();
            data.Type = typ;
            data.Condition = $('#select_type').val();
            $.ajax({
                type: "POST",
                url: '../Master/ProductRateGets',
                data: data,
                success: function (result) {
                    var rate = 0;
                    rate = (result.oList[0].Price) || 0;
                    //if ($('#select_type').val() == 1)
                    //    rate = rate * 1;
                    //else
                    //    rate = rate * 2;
                    //if (rate != 0)
                    $('#txtrate0').val((rate).toFixed(Decimal));
                    amountcalculation(0);
                }

            });
        }
    }

    var custstats = "Last Selling Price";

    //Product Details Popup
    function CustPrdctLoad(result) {
        for (var n = 0; n < result.length; n++) {


            var custstat;
            if (result[n].LastSellingPrice == 0) {
                custstat = "Last Selling Price";
            }
            else {
                custstat = result[n].custstats;
            }
            $('#productpopupdiv').show();

            $('#prodheader').text('Location Stock Details');
            $('#productdiv').show();

            var strr = result[n].Locationstock;
            var strr1 = strr.replace(/&/gi, "&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;");
            var strr2 = strr1.replace(/#/gi, "&emsp;");
            var strr3 = strr2.replace(/,/gi, "&nbsp;");


            if (result[n].custstats == 'Last Selling Price' && $('#txtCustId').val() == 0) {
                var ProdRow =
                "<tr class='jsgrid-row' id='pdctrow'>" +
                "<td style='border:none;'><b>Average Cost :</b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].AvgCost || 0).toFixed(Decimal)) + " style='height:30px;background-color:white;border:none'></td>" +
                "<td style='border:none;'><b>Last Purchase Cost :</b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].LPCost || 0).toFixed(Decimal)) + " style='background-color:white;height:30px;border:none'></td>" +
                "<td style='border:none;'><b>" + custstat + " :</b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].LastSellingPrice || 0).toFixed(Decimal)) + "  style='background-color:white;height:30px;border:none'></td>" +
                "<td style='border:none;'><b>Total Stock :</b> <input type='text' disabled='' class='text-center' value=" + (result[n].Sumtotqty || 0) + " style='background-color:white;height:30px;border:none'></td>" +
                "<tr class='jsgrid-row' id='pdctrow1'><td colspan=4 class='text-left' style='border:none'> " + strr3 + "</td ></tr>";
                $('#tblproductdetails').append(ProdRow);

            }
            else {
                var ProdRow =
                "<tr class='jsgrid-row' id='pdctrow'>" +
                "<td style='border:none;'><b>Average Cost </b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].AvgCost || 0).toFixed(Decimal)) + " style='height:30px;background-color:white;border:none'></td>" +
                "<td style='border:none;'><b>Last Purchase Cost </b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].LPCost || 0).toFixed(Decimal)) + " style='background-color:white;height:30px;border:none'></td>" +
                "<td style='border:none;'><b>Customer Last Selling Price </b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].CustLastSellingPrice || 0).toFixed(Decimal)) + "  style='background-color:white;height:30px;border:none'></td>" +
                "<td style='border:none;'><b>Last Selling Price </b> <input type='text' disabled='' class='text-center' value=" + (parseFloat(result[n].LastSellingPrice || 0).toFixed(Decimal)) + "  style='background-color:white;height:30px;border:none'></td>" +
                "<td style='border:none;'><b>Total Stock </b> <input type='text' disabled='' class='text-center' value=" + (result[n].Sumtotqty || 0) + " style='background-color:white;height:30px;border:none'></td>" +
                "<tr class='jsgrid-row' id='pdctrow1'><td colspan=5 class='text-left' style='border:none'> " + strr3 + "</td ></tr>";
                $('#tblproductdetails').append(ProdRow);

            }
            $('#AvgCost0').val(parseFloat(result[n].AvgCost || 0).toFixed(Decimal));
        }

    }



$('#txtquantity0').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        var inputs = $(this).closest('form').find(':input:visible');
        inputs.eq(inputs.index(this) + 1).focus();
        inputs.eq(inputs.index(this) + 1).select();
    }
});

$('#StartTime,#EndTime,#DesignRate').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        var inputs = $(this).closest('form').find(':input:visible');
        inputs.eq(inputs.index(this) + 1).focus();
        inputs.eq(inputs.index(this) + 1).select();
    }
});

$('#select_type').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        $('#txtquantity0').focus();
    }
});




$('#txtrate0').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        if ((BelowCost == 'NO') && ($('#PrdtId0').val() != 0) && ($('#AvgCost0').val() != 0) && (parseInt($('#txtrate0').val()) < parseInt($('#AvgCost0').val()))) {
            warningshow('Rate must be greater than ' + $('#AvgCost0').val());
            $('#txtrate0').select();
            return false;
        }
        else {
            e.preventDefault();
            var inputs = $(this).closest('form').find(':input:visible');
            $('#btnadd').focus(); 
        }
    }
});


$('#txtdiscount0').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        var inputs = $(this).closest('form').find(':input:visible');
        $('#btnadd').focus();
    }

});
$('#txtivdate').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        $('#select_terms').focus();
    }

});
$('#txtcrncyrate').keydown(function (e) {
    var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
    if (key == 13) {
        e.preventDefault();
        $('#select_jobno').focus();
    }
});
$('#txtcrncyrate').keyup(function (e) {

    for (j = 0; j <= i; j++) {
        amountcalculation(j);
    }
    CalcGrandTotal(i);
});


//Date Picker
$(function () {
    $('#SearchFromdateqtn,#SearchToDateqtn,#SearchFromdateqtn1,#SearchToDateqtn1,#SearchFromdateso,#SearchToDateso,#SearchToDateso1,#SearchFromdateso1,#SearchFromdatesi,#SearchToDatesi,#SearchFromdatesi1,#SearchToDatesi1,#SearchFromdateenq,#SearchToDateenq,#SearchFromdateenq1,#SearchToDateenq1').daterangepicker({
        minDate: minDate,
       // maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()),
        singleDatePicker: true,
        showDropdowns: true,
        locale: {
            format: 'DD/MM/YYYY'
        }

    });

    $('#txtExpdate,#txtivdate').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'
        }
    });

});


//------------Main Popups Save---------------
function Addpopupwindow(Id) {
    $("#popupdiv").css("margin-top", '0px');

    $('#currencydiv').hide(); $('#areadiv').hide();
    $('#locationdiv').hide(); $('#salesmandiv').hide();
    $('#termsdiv').hide();

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


    if (Id == 1) {
        $('#myheader').text('Currency');
        $('#currencydiv').show();
        $('#txt_code').focus();

    }

    else if (Id == 2) {
        GetAreaGroupselect(0);
        $('#myheader').text('Area');
        $('#areadiv').show();
        $('#txtcode').focus();
    }
    else if (Id == 3) {
        $('#myheader').text('Location');
        $('#locationdiv').show();
        $('#LocationCode').focus();
    }
    else if (Id == 4) {
        $('#myheader').text('SalesMan');
        $('#salesmandiv').show();
        $("#popupdiv").css("margin-top", '-130px');
        $('#code').focus();
    }
    else if (Id == 5) {
        $('#myheader').text('Terms');
        $('#termsdiv').show();
        $('#txtdesc').focus();
    }
}
function addpopupjob(Id)
{
    $('#jobpopupdiv').show();
    $('#Jobdiv').hide(); $('#othercostdiv').hide();
    if (Id == 1) {

        $('#Jobdiv').show();
        $('#jobheader').text('JOB');
        $('#othercostdiv').show();
        $('#productjob').focus();
    }
   else if (Id == 2) {
        $('#othercostdiv').show();
        $('#jobheader').text('Other Cost');
        $('#txtdesc').focus();
    }

}
function SaveCurrency(Flag) {
    if ($('#txt_code').val() == "") {
        warningshow('Please Enter Code', 'txt_code');
    }
    else if ($('#txt_cname').val() == "") {
        warningshow('Please Enter Name', 'txt_cname');
    }
    else if ($('#txt_rate').val() == "") {
        warningshow('Please Enter Rate', 'txt_rate');
    }
    else {
        var data = {};   //array
        data.Id = $('#CrncyId').val();
        data.CurrencyCode = $('#txt_code').val();
        data.CurrencyName = $('#txt_cname').val();
        data.CurrencyRate = $('#txt_rate').val();
        data.Remarks = $('#txt_remark').val();
        data.DelFlag = Flag;
        $.ajax({
            type: "POST",
            url: "../Master/CurrencyInsertandUpdate",
            data: data,
            success: function (result) {
                for (var i = 0; i <= result.oList.length; i++) {
                    var status = result.oList[i].Status;
                    var id = result.oList[i].Id;
                    popupShowalerts(status);
                    crncyload(id);
                    $('#txtcrncyrate').val(data.CurrencyRate);
                    popuprefresh();
                }
            }

        });

    }
}
function SavePlace(Flag) {
    if ($('#txtcode').val() == "") {
        warningshow('Please Enter Code', 'txtcode');
    }
    else if ($('#txtname').val() == "") {
        warningshow('Please Enter Name', 'txtname');
    }
    else if ($('#select_areagroup').val() == "0") {
        warningshow('Please Select Group', 'select_areagroup');
    }
    else {
        var data = {};   //array
        data.AreaId = $('#AreaId').val();;
        data.AreaName = $('#txtname').val();
        data.AreaGrpId = $('#select_areagroup').val();
        data.AreaCode = $('#txtcode').val();
        data.Description = $('#txtdescription').val();
        data.DelFlag = Flag;
        $.ajax({
            type: "POST",
            url: "../Master/AreaInsertandUpdate",
            data: data,
            success: function (result) {
                for (var i = 0; i <= result.oList.length; i++) {
                    var status = result.oList[i].Status;
                    var id = result.oList[i].AreaId;
                    popupShowalerts(status);
                    placeload(id);
                    popuprefresh();

                }
            }
        });

    }


}
function SaveLocation(Flag) {
    if ($('#LocationCode').val() == "") {
        warningshow('Please Enter Code', 'LocationCode');
    }
    else if ($('#LocationName').val() == "") {
        warningshow('Please Enter Name', 'LocationName');
    }
    else {
        var data = {};   //array
        data.LocationId = $('#LocationId').val();;
        data.LocationName = $('#LocationName').val();
        data.LocationCode = $('#LocationCode').val();
        data.LocationDescription = $('#LocationDescription').val();
        data.DelFlag = Flag;
        $.ajax({
            type: "POST",
            url: "../Master/LocationInsertandUpdate",
            data: data,
            success: function (result) {
                for (var i = 0; i <= result.oList.length; i++) {
                    var status = result.oList[i].Status;
                    var id = result.oList[i].LocationId;
                    LocnLoad(id);
                    popupShowalerts(status);
                    popuprefresh();

                }
            }
        });

    }


}
function SaveSalesman(Flag) {
    if ($('#code').val() == "") {
        warningshow('Please Enter Code', 'code');
    }
    else if ($('#txt_fname').val() == "") {
        warningshow('Please Enter  Name', 'txt_fname');
    }
    else if ($('#txt_lname').val() == "") {
        warningshow('Please Enter Last Name', 'txt_lname');
    }
    else {
        var data = {};
        data.Id = $('#SalesmanId').val();
        data.Code = $('#code').val();
        data.FirstName = $('#txt_fname').val();
        data.LastName = $('#txt_lname').val();
        data.TargetAmount = $('#txt_amount').val();
        data.Image = $('file').val();
        data.ContactNumber = $('#txt_contactnumber').val();
        data.Address1 = $('#txt_address1').val();
        data.Address2 = $('#txt_address2').val();
        data.Address3 = $('#txt_address3').val();
        data.DelFlag = Flag;
        $.ajax({
            type: "POST",
            url: "../Master/SalesmanInsertandUpdate",
            data: data,
            success: function (result) {
                for (var i = 0; i <= result.oList.length; i++) {
                    var status = result.oList[i].Status;
                    var id = result.oList[i].Id;
                    popupShowalerts(status);
                    Salesman(id);
                    popuprefresh();

                }
            }
        });
    }

}
function SaveTerms(Flag) {
    if ($('#txtterms').val() == "") {
        warningshow('Please Enter Terms', 'txtterms');
    }
    else {
        var data = {};   //array
        data.TermsId = $('#TermsId').val();;
        data.Terms = $('#txtterms').val();
        data.TermsDescription = $('#txtdesc').val();
        data.DelFlag = Flag;

        $.ajax({
            type: "POST",
            url: "../Master/TermsInsertandUpdate",
            data: data,
            success: function (result) {
                for (var i = 0; i <= result.oList.length; i++) {
                    var status = result.oList[i].Status;
                    var id = result.oList[i].TermsId;
                    popupShowalerts(status);
                    Terms(id);
                    popuprefresh();

                }
            }
        });

    }


}
function AreaGroupLoad(result) {
    $("#select_areagroup").empty();
    $("#select_areagroup").append("<option value='0'>Select Group</option>");
    for (var i = 0; i < result.length; i++) {
        $("#select_areagroup").append("<option value='" + result[i].AreaGrpId + "'>" + result[i].AreaName + "</option>");
    }

}
function GetAreaGroupselect(AreaGrpId) {
    var data = {};
    data.AreaGrpId = 0;
    $.ajax({
        type: "POST",
        url: "../Master/AreaGroupGetandGets",
        data: data,
        success: function (result) {
            AreaGroupLoad(result.oList);

        }
    });

}

//Alert for Popup
function popupShowalerts(Status) {
    if (Status == 1) {
        swal('Data Saved Successfully', "", "success");
        $('.swal-button swal-button--confirm').focus();
    }
    else if (Status == 2) {
        swal('Data Updated Successfully', "", "success");
        $('.swal-button swal-button--confirm').focus();

    }
    else if (Status == 3) {
        swal('Data Deleted', "", "error");
        $('.swal-button swal-button--confirm').focus();


    }
    else {
        swal('Data Already Exists', "", "warning");
        $('.swal-button swal-button--confirm').focus();
    }

    $('#popupdiv').hide();
}

</script>


@*KeyBoard Shortcuts
    ======================

    Alt+1    -   Pop Up to Show Sales Transaction Details of Selected Product

    Esc      -   Close All Popups

    Alt+S    -   Save Sales Invoice

    Alt+L    -   Copy Function For Sales Order

    Alt+C    -   FormRefresh function*@