@{
    ViewBag.Title = "PurchaseOrder";
}



<script type="text/javascript" src="../Projectscript/PurchaseOrder.js"></script>
<script type="text/javascript" src="../ProjectScript/PrintBarcode.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>



<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid-theme.min.css">
<link rel="stylesheet" type="text/css" href="../../../app-assets/vendors/css/tables/jsgrid/jsgrid.min.css">
<link rel="stylesheet" type="text/css" href="../app-assets/vendors/css/hopscotch.css">
<script type="text/javascript" src="~/Scripts/Excelmport/xlsx.full.min.js"></script>
<script type="text/javascript" src="~/Scripts/Excelmport/excelimport.js"></script>
<script type="text/javascript" src="~/ProjectScript/Windowsprint.js"></script>


<script>
    function Upload() {
       
            //Reference the FileUpload element.
            var fileUpload = document.getElementById("fileUpload");

            //Validate whether File is valid Excel file.
            var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.xls|.xlsx)$/;
            if (regex.test(fileUpload.value.toLowerCase())) {
                if (typeof (FileReader) != "undefined") {
                    var reader = new FileReader();

                    //For Browsers other than IE.
                    if (reader.readAsBinaryString) {
                        reader.onload = function (e) {
                            ProcessExcel(e.target.result);
                        };
                        reader.readAsBinaryString(fileUpload.files[0]);
                    } else {
                        //For IE Browser.
                        reader.onload = function (e) {
                            var data = "";
                            var bytes = new Uint8Array(e.target.result);
                            for (var i = 0; i < bytes.byteLength; i++) {
                                data += String.fromCharCode(bytes[i]);
                            }
                            ProcessExcel(data);
                        };
                        reader.readAsArrayBuffer(fileUpload.files[0]);
                    }

                } else {
                    warningshow("This browser does not support HTML5.");
                }
            } else {
                warningshow("Please upload a valid Excel file.");
            }
       
    };




    function ProcessExcel(data) {
        var a = 0; b = 0; c = 0;
        //Read the Excel File data.
        var workbook = XLSX.read(data, {
            type: 'binary'
        });

        //Fetch the name of First Sheet.
        var firstSheet = workbook.SheetNames[0];

        //Read all rows from First Sheet into an JSON array.
        var excelRows = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[firstSheet]);



        for (var k = 0; k < excelRows.length; k++) {
            console.log(excelRows[k]["Product"])
            if (excelRows[k]["Product"] == '' || excelRows[k]["Product"] == undefined || excelRows[k]["Product"] == '')
                {
                    a = 1;
                    break;
                }
            if (excelRows[k]["Quantity"] == 0 || excelRows[k]["Quantity"] == undefined || excelRows[k]["Quantity"] == '') {
                    b = 1;
                    break;
                }
            if (excelRows[k]["Rate"] == 0 || excelRows[k]["Rate"] == undefined || excelRows[k]["Rate"] == '') {
                    c = 1;
                    break;
                }
              }




        if (a != 0) {
            warningshow("Please Enter Code of all Items");
        }
        else if (b != 0) {
            warningshow("Please Enter Quantity for all Items");
        }
        else if (c != 0) {
            warningshow("Please Enter Rate for all Items");
        }
        else {

            //Add the data rows from Excel file.

            var sl = 0;
            $('#tblAlert tr').remove();
            var Prod1 = "<tr class='jsgrid-row'><td colspan=4 style='border:none'><h2 style='color:#FF586B'>Create new Items Before Order!</h2></td></tr>" +
                                "<tr class='jsgrid-row' style='color:#607D8B'><th class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>ProductCode</th><th class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>Description</th></tr>";
            $('#tblAlert').append(Prod1);


            var la = 1;
            var oArray = new Array();
            for (var j = 0; j <= excelRows.length; j++) {
                //console.log('j ' + j)
                //console.log('excelRows.length  ' + (excelRows.length))

                if (j < excelRows.length) {
                    //alert('first'+excelRows.length)
                    var Product = ''; Description = ''; Unit = ''; Location = ''; Quantity = ''; Rate = ''; Discount = ''; Taxable = ''; Tax = ''; TaxAmount = ''; Amount = ''; AvgCost = '';
                    if (excelRows[j]["Product"] == undefined) { Product = '' } else { Product = excelRows[j]["Product"] }
                    if (excelRows[j]["Description"] == undefined) { Description = '' } else { Description = excelRows[j]["Description"] }
                    if (excelRows[j]["Unit"] == undefined) { Unit = '' } else { Unit = excelRows[j]["Unit"] }
                    if (excelRows[j]["Location"] == undefined) { Location = '' } else { Location = excelRows[j]["Location"] }
                    if (excelRows[j]["Quantity"] == undefined) { Quantity = '' } else { Quantity = excelRows[j]["Quantity"] }
                    if (excelRows[j]["Rate"] == undefined) { Rate = '' } else { Rate = excelRows[j]["Rate"] }
                    if (excelRows[j]["Discount"] == undefined) { Discount = '' } else { Discount = excelRows[j]["Discount"] }
                    if (excelRows[j]["Taxable"] == undefined) { Taxable = '' } else { Taxable = excelRows[j]["Taxable"] }
                    if (excelRows[j]["Tax"] == undefined) { Tax = '' } else { Tax = excelRows[j]["Tax"] }
                    if (excelRows[j]["TaxAmount"] == undefined) { TaxAmount = '' } else { TaxAmount = excelRows[j]["TaxAmount"] }
                    if (excelRows[j]["Amount"] == undefined) { Amount = '' } else { Amount = excelRows[j]["Amount"] }
                    if (excelRows[j]["AvgCost"] == undefined) { AvgCost = '' } else { AvgCost = excelRows[j]["AvgCost"] }

                    oArray.push({
                        'ItemCode': $.trim(excelRows[j]["Product"]),
                        'Description': $.trim(excelRows[j]["Description"]),
                        'MinQty': $.trim(excelRows[j]["Quantity"]),
                        'UnitPrice': $.trim(excelRows[j]["Rate"]),
                        'SlNumber': parseInt(j + 1), 
                    })

                }
                else if (j == excelRows.length) {
                    var data = { 'ItemMasterModel': oArray };
                    console.log('oArray ')
                    console.log(oArray)
                    $.ajax(
                    {
                        type: "POST",
                        url: "../Master/ItemDetailsGetforExcelImport",
                        data: data,
                        success: function (result) {


                            for (var m = 0; m < result.oList.length; m++) {
                                if (result.oList[m].Status == 0) {

                                    var Prod =
                                        "<tr class='jsgrid-row' style='color:#607D8B'>" +
                                        "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].ItemCode + "</td>" +
                                        "<td class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].Description + "</td></tr>";
                                    $('#tblAlert').append(Prod);

                                }
                                else {
                                    var Prod =
                                        "<tr  class='jsgrid-row' style='color:#607D8B'>" +
                                        "<td id='excode" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].ItemCode + "</td>" +
                                        "<td id='exdesc" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].Description + "</td>" +
                                        "<td id='exitemid" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].ItemId + "</td>" +
                                        "<td id='exunitid" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].UnitId + "</td>" +
                                        "<td id='exqty" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].MinQty + "</td>" +
                                        "<td id='exdisc" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>0</td>" +
                                        "<td id='exvatid" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].VatId + "</td>" +
                                        "<td id='exprice" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].SellingPrice + "</td>" +
                                        "<td id='exotherdesc" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].Otherdescription + "</td>" +
                                        "<td id='exavgcost" + la + "' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'>" + result.oList[m].AvgCost + "</td>" +
                                        "</tr>";
                                    $('#tblAlert').append(Prod);
                                    la++;
                                }
                            }

                            if (result.oList[0].Status == 0)
                            {
                                $('#alertpopup').show();
                                $('#alertdiv').show();
                                $("#btnokalert").focus();
                            }

                            else
                            {
                                $('#tblPurchase_Order tr').remove();

                                for (var f = 1; f < sl; f++) {
                                    if ($('#tblPurchase_Order tr').length == 0)
                                        i = 1;
                                    var id = parseInt(i);


                                    var fcval = parseFloat($('#rate').val() || 0).toFixed(Decimal);

                                    if ($('#excode' + f).text())
                                    {

                                        var ProdRow1 = "<tr class='jsgrid-row' id='row_" + id + "'><td id='edit_" + id + "' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:60px;' ><input class='jsgrid-button jsgrid-edit-button' type='button' title='Edit' onclick='Editrow(" + id + ")'><input class='jsgrid-button jsgrid-delete-button'  type= button onclick='DeleteRow(" + id + ")'  title= Delete ></td><td id='update_" + id + "' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:60px;display:none' ><input class='jsgrid-button jsgrid-update-button' type='button' title='Update' onclick='UpdateRow(" + id + ")'><input class='jsgrid-button jsgrid-cancel-edit-button' type='button' title='Cancel edit' onclick='CancelEdit(" + id + ")'></td>" +
                                            "<td id='td_" + id + "' class='jsgrid-cell'  style= 'width:50px;text-align:center' ><input type='hidden' id='sl_" + id + "' value=" + id + ">" + id + "</td><td id='col_2' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:250px;' ><input type='hidden' id='EnquiryId_" + id + "' value='0'><input type='hidden' id='EnquirySubId_" + id + "' value='0'><input type='hidden' id='productId_" + id + "' value='"
                                                  + $('#exitemid' + f).text() + "'><input type='text' id='product_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='"
                                                  + $('#excode' + f).text() + "' data-toggle='tooltip' title='" + $('#excode' + f).text() + "'></td><td id='col_x' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:310px;' ><input type='text' id='productdesc_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='"
                                                   + $('#exdesc' + f).text() + "' data-toggle='tooltip' title='" + $('#exdesc' + f).text() + "'></td>"+
                                                   "<td id='col_3' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' ><select id='locn_" + id + "' class='form-control' disabled style='height:30px;background-color:white' >"
                                                  + LocationSelect + "</select></td>"+
                                                  "<td id='col_4' class='jsgrid-cell'  style='width:120px;' > <select id='unit_" + id + "' class='form-control' disabled style='height:30px;background-color:white' >"
                                                  + UnitSelect + "</select><input type='hidden' id='txtunit_" + id + "' class='form-control' /></td>"+
                                                  "<td id='col_5' class= 'jsgrid-cell jsgrid-align-center'  style='width:120px;' ><input type='text' id='quantity_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value='"
                                                  + parseFloat($('#exqty' + f).text() || 1).toFixed(Decimal) + "' onkeyup='CalcAmount(" + id + ")' onkeypress='isNumber(event,this)' ></td>" +
                                                  "<td id='col_6' class= 'jsgrid-cell jsgrid-align-center'  style='width:120px;' ><input type='text' id='txtrate_" + id + "' class='form-control' disabled style='height:30px;background-color:white'  value='" + parseFloat($('#exprice' + f).text()).toFixed(Decimal) + "' onkeyup='CalcAmount(" + id + ")' onkeypress='isNumber(event,this)'><input type='hidden' id='baserate_" + id + "' class='form-control' value=0 ></td>" +
                                                  "<td id='col_7' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' ><input type='text' id='discount_" + id + "' class='form-control' disabled style='height:30px;background-color:white'  value=0 onkeyup='CalcAmount(" + id + ")' onkeypress='isNumber(event,this)'></td>"+
                                                 "<td id='col_8' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' ><input type='text' id='txttaxable_" + id + "' class='form-control' style='height:30px;background-color:white'  value=0 disabled></td>"+
                                                 "<td id='col_9' class='jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' > <select  class='form-control' disabled style='height:30px;background-color:white' id='tax_" + id + "' onchange='ChangeTax(" + id + ",this)' >"
                                                  + TaxSelect + "</select><input type='hidden' id='taxpercentage_" + id + "' value=0></td>"+
                                                  "<td id='col_10' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' ><input type='text' id='txttax_" + id + "' class='form-control' style='height:30px;background-color:white' disabled value=0></td>"+
                                                  "<td id='col_11' class= 'jsgrid-cell jsgrid-control-field jsgrid-align-center'  style='width:120px;' ><input type='hidden' id='txtsubtotal_" + id + "' value='0'><input type='text' id='amount_" + id + "' class='form-control' style='height:30px;background-color:white'  disabled value=0><input type='hidden' id='baseamount_" + id + "' class='form-control'   disabled value='0'><input type='hidden' id='basetaxableamount_" + id + "' class='form-control'   disabled value='0'><input type='hidden' id='basetaxamount_" + id + "' class='form-control'   disabled value='0'><input type='hidden' id='basediscount_" + id + "' class='form-control'   disabled value=0></td>"+
                                                  "<td id='col_12' class= 'jsgrid-cell jsgrid-align-left'  style= 'width:300px;' ><input type='hidden' id='jobcodeid_" + id + "' value='0'><input type='text' id='jobcode_" + id + "' class='form-control' disabled style='height:30px;background-color:white' value=''></td></tr>";

     
                                        $('#tblPurchase_Order').append(ProdRow1);
                                        $('#unit_' + id).val(parseInt($('#exunitid' + f).text()));
                                        $('#tax_' + id).val(parseInt($('#exvatid' + f).text()));
                                        $('#locn_' + id).val($('#location').val());                                      
                                        $('#taxpercentage_' + id).val(($('#tax_' + id).find("option:selected").attr("name")));
                                        CalcAmount(id);

                                        i++;
                                    }

                                }

                            }

                        }
                    });
                }
                sl++;

            }


            i = excelRows.length + 1;
            $('#proddiv').animate({ scrollTop: 5000 }, 900);
        }

    };

</script>













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

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

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

    #Cell1 {
        width: 80%;
    }

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

    .modal-xl {
        max-width: 90%;
        margin-left: 7%;
        margin-right: 3%;
    }
    .modal-llg{max-width:80%;margin-left:13%;margin-right:7%;}
    .modal-BP{max-width:60%;margin-left:25%;margin-right:7%;}
            .modal-lgl {
        max-width: 70%;
        margin-left: 16%;
        margin-right: 14%;
    }
</style>

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


<div id="Entry" style="margin-top:-20px;">
  
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">

                    <h4 class="card-title mb-0" style="float:left">Purchase Order</h4>
                    
                    <h2 class="text-right" id="gndtotal" style="float:right;">0.00</h2>
                    <h2 class="col-md-2" id="fc" style="float:right;opacity:0">fc </h2>

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

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

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

                                                    <div class="hopscotch-bubble-container" style="width: 280px; padding: 10px;">
                                                        <div class="hopscotch-bubble-content">
                                                            <h3 class="hopscotch-title">Search 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 class="row" style="margin-top:-8px">
                                                    <label class="col-lg-1">PO No<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            @*===================Default Order No Row=========================*@
                                                            
                                                            <div class="col-md-3 input-group" id="OrderNoDiv">
                                                                <input type="text" class="form-control" id="purchaseOrderno" style="height:38px;" disabled>
                                                                <div class="input-group-append">
                                                                    <span class="input-group-btn">
                                                                        <button type="button" id="btnlist" onclick="GetRows()" class="btn btn-outline-primary"><i class="ft-search"></i></button>

                                                                    </span>
                                                                </div>
                                                            </div>
                                                            @*================================================================*@


                                                            @*============Copy Entry No Div======================*@
                                                            <div id="CopyOrderNoDiv" class="col-md-3 input-group" style="display:none">
                                                                <div class="input-group-prepend" id="prependdiv">
                                                                    <span class="input-group-btn" title="Previous">
                                                                        <button type="button" id="btnprvs"  style="height:38px" onclick="GetPurchaseOrderPrevousornext(-1)" class="btn btn-outline-primary"><i class="ft-chevron-left"></i></button>
                                                                    </span>
                                                                </div>
                                                                <input type="text" class="form-control" id="CopyOrderno" style="height:38px" onkeypress="isNumberInt(event,this)" placeholder="Search Order">
                                                                <div class="input-group-append" id="appenddiv">
                                                                    <span class="input-group-btn" title="Next">
                                                                        <button type="button" id="btnnxt" style="height:38px" onclick="GetPurchaseOrderPrevousornext(1)" class="btn btn-outline-primary"> <i class="ft-chevron-right"></i></button>
                                                                    </span>
                                                                </div>
                                                            </div>
                                                            @*===================================================*@



                                                            <label class="col-lg-1 text-lg-right">Location</label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="location" style="height:100%" class="form-control editds"></select>
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(2)" id="btnlocn" style="height:100%" type="button">+</button>
                                                                </div>
                                                            </div> 

                                                            <label class="col-lg-1 text-lg-right">Job No</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="jobcode" class="form-control editds">
                                                            </div>                                                                                                                                                                              
                                                            <label class="col-lg-1 text-lg-right">Transfer</label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="transfer" class="form-control" style="height:100%">
                                                                    <option value="0">--Select--</option>
                                                                    <option value="1">Purchase Enquiry</option>
                                                                    <option value="2">Recall Old</option>
                                                                </select>
                                                                <div class="input-group-append" id="addtransfer">
                                                                    <button type="button" id="btntransfer" style="height:100%" class="btn btn-outline-primary butndis" onclick="GetList(0)">⇆</button>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" id="PENo" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <label class="col-lg-1">Supplier<span class="danger">*</span></label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-3 input-group">
                                                                <input type="text" id="suppliername" class="form-control editds" style="height:90%">
                                                                <div class="input-group-append" id="addsupplier">
                                                                    <button class="btn btn-outline-primary butndis" id="addbtnsupplier" type="button" style="height:90%" onclick="window.open('../Master/Supplier')">+</button>
                                                                </div>
                                                            </div>
                                                            <input type="hidden" id="supplierId" class="form-control" value="0" />
                                                            <input type="hidden" id="supPhone" class="form-control"  />
                                                            <input type="hidden" id="supEmail" class="form-control"  />
                                                            <label class="col-lg-1 text-lg-right">Date<span class="danger">*</span></label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="Orderdate" class="form-control editds">
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right">Terms<span class="danger">*</span></label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="terms" style="height:90%" class="form-control editds"></select>
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(1)" id="btnterms" type="button" style="height:90%">+</button>
                                                                </div>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right">Ship Date<span class="danger">*</span></label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="expdate" class="form-control editds">
                                                            </div>

                                                        </div>
                                                    </div>

                                                </div>
                                                <div class="row" style="margin-top:-5px">
                                                    <label class="col-lg-1">Ship To</label>
                                                    <div class="col-lg-11">
                                                        <div class="row">
                                                            <div class="col-md-3">
                                                                <textarea id="shipadd" class="form-control editds" style="position:absolute;width:92.6%; height:180%;resize: none;"></textarea>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right">Currency<span class="danger">*</span></label>
                                                            <div class="col-md-2 input-group">
                                                                <select id="currency" style="height:100%" class="form-control editds"></select>
                                                                <div class="input-group-append">
                                                                    <button class="btn btn-outline-primary butndis" onclick="Addpopupwindow(3)" id="btncurrency" style="height:100%" type="button">+</button>
                                                                </div>
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right">Rate</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="rate" class="form-control editds" onkeypress="isNumber(event, this)" onkeyup="CalcAmt()">
                                                            </div>
                                                            <label class="col-lg-1 text-lg-right">Doc Ref.</label>
                                                            <div class="col-md-2">
                                                                <input type="text" id="docref" class="form-control editds">
                                                            </div>

                                                            <input type="hidden" id="jobid" class="form-control">
                                                            <input type="hidden" id="fcamount" class="form-control">
                                                            <input type="hidden" id="fctaxable" class="form-control">
                                                            <input type="hidden" id="fctax" class="form-control">
                                                            <input type="hidden" id="fcdiscount" class="form-control">  
                                                   
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin-top:3px" />
                                    <div class="px-2">
                                        <div class="row">
                                            <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-1">
                                                        <div class="form-group">
                                                            <label>Location</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Unit<span class="danger">*</span></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<span class="danger">*</span></label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Tax Percentage</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Amount</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <label>Job</label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row">
                                                    <div id="prodappdiv" class="col-md-2 input-group">

                                                        <input type="text" id="product_0" class="form-control editds" style="height:65%;margin-left:1px"  onkeypress="LoadProduct()" onkeyup="checkproduct()">
                                                        <div class="input-group-append">
                                                            <button class="btn btn-outline-primary butndis" id="addproductbtn" type="button" style="height:65%" onclick="window.open('../Master/ItemMaster')">+</button>
                                                        </div>

                                                    </div>
                                                    <input type="hidden" id="productId_0" class="form-control" />
                                                    <input type="hidden" id="ProductLength" class="form-control" />
                                                    <input type="hidden" id="productdesc_0" class="form-control" />
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <select id="locn_0" class="form-control editds"></select>
                                                            <input type="hidden" id="txtlocn" class="form-control" />

                                                        </div>
                                                    </div>


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

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

                                                            <input type="text" id="quantity_0" onclick="$('#quantity_0').select()" class="form-control editds" onkeyup="CalcAmount(0)" onkeypress="isNumber(event, this)">
                                                            <input type="hidden" id="boq_0" class="form-control" />  
                                                        </div>
                                                    </div>


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

                                                            <input type="text" id="txtrate_0" onclick="$('#txtrate_0').select()" class="form-control editds" onkeyup="CalcAmount(0)" onkeypress="isNumber(event, this)">
                                                            <input type="hidden" id="txtsubtotal" class="form-control" />
                                                            <input type="hidden" id="baserate_0" class="form-control" />
                                                            <input type="hidden" id="BOQAmt_0" class="form-control" /> 
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <input type="text" id="discount_0" class="form-control editds"  onkeyup="CalcAmount(0)" onkeypress="isNumber(event, this)" onclick="$('#discount_0').select()">
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">

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

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

                                                            <input type="text" id="amount_0" class="form-control" disabled>
                                                            <input type="hidden" id="txttaxable_0" class="form-control" />
                                                            <input type="hidden" id="txttax_0" class="form-control" />
                                                            <input type="hidden" id="txtsubtotal_0" class="form-control" />
                                                            <input type="hidden" id="baseamount_0" class="form-control" />
                                                            <input type="hidden" id="basetaxableamount_0" class="form-control" />
                                                            <input type="hidden" id="basetaxamount_0" class="form-control" />
                                                            <input type="hidden" id="basediscount_0" class="form-control" />
                                                            <input type="hidden" id="otrcost" class="form-control" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <input type="text" id="jobcode_0" class="form-control editds" onkeydown="$('#jobcodeid_0').val(0)" />
                                                            <input type="hidden" id="jobcodeid_0" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        <div class="form-group">
                                                            <button type="button" id="btnadd" onclick="ProductAdd()" class="btn btn-outline-primary butndis" style="width:100%">&nbsp;&nbsp;+Add&nbsp;&nbsp;</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="px-2">
                                    <div id="customView" class="jsgrid" style="position: relative; height: 300px; width: 100%; margin-top:-25px; overflow-x: auto;overflow-y: hidden; ">
                                        <div class="jsgrid-grid-header jsgrid-header-scrollbar" style="width: 2070px;">
                                            <table class="jsgrid-table">
                                                <tr class="jsgrid-header-row">
                                                    <th class="jsgrid-header-cell jsgrid-control-field jsgrid-align-center" style="width:60px"><i class="icon-pencil"></i>&nbsp;<i class="icon-trash"></i></th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:50px">No</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:250px">Product Code</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:310px">Description</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Location</th>                                                    
                                                    <th class="jsgrid-header-cell jsgrid-align-right jsgrid-header-sortable" style="width:120px">Unit</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:120px">Quantity</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center jsgrid-header-sortable" style="width:120px">Rate</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Discount</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Taxable</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Tax Group</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Tax Amt</th>
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:120px">Amount</th>                                                   
                                                    <th class="jsgrid-header-cell jsgrid-align-center" style="width:300px">Job Code</th>
                                                    
                                                </tr>

                                            </table>
                                        </div>
                                        <div id="proddiv" class="" style="position: relative; overflow-x: auto;overflow-y: scroll; height: 246px; width: 2070px;">
                                            <table class="jsgrid-table" id="tblPurchase_Order"></table>
                                        </div>
                                    </div>
                                    <br />
                                    <table style="width:100%">
                                        <tr>
                                            <td id="Cell1">
                                                <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-2">
                                                            <button type="button" id="btn_otherdetails" onclick="OtherDetails()" class="btn btn-outline-primary btn-min-width mr-1 mb-1" style="margin-top:8px">Other Details</button>
                                                        </div>                                                     
                                                       <div class="col-md-2">

                                                       </div>
                                                        <div class="col-md-6">
                                                            <table border="1" width="100%">
                                                                <tr>
                                                                    <td>
                                                                        <label class="text-right" style="margin-top:1.5%">Total Discount</label>
                                                                    </td>
                                                                    <td>
                                                                        <label class="text-right" style="margin-top:1.5%">Total Taxable</label>
                                                                    </td>
                                                                    <td>
                                                                        <label class="text-right" style="margin-top:1.5%">Total Tax</label>
                                                                    </td>
                                                                  
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <input type="text" id="totdisc" value="0.00" class="form-control text-center" style="background-color:white;border:none;font-weight:bold" disabled>
                                                                        <input type="hidden" id="basedisc" />
                                                                     </td>
                                                                    <td>
                                                                        <input type="text" id="tottaxable" value="0.00" class="form-control text-center" style="background-color:white;border:none;font-weight:bold" disabled>
                                                                    </td>
                                                                    <td>
                                                                        <input type="text" id="tottax" value="0.00" class="form-control text-center" style="background-color:white;border:none;font-weight:bold" disabled>
                                                                        <input type="hidden" id="GrandTotal" class="form-control" style="background-color:white;width:100px;border:none;font-weight:bold" disabled>
                                                                    </td>
                                                                  
                                                                </tr>
                                                            </table>
                                                        </div>
                                                        <div class="col-md-2">

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

                                            </td>
                                            <td valign="top" id="Cell2">
                                                <div class="text-right">
                                                    <button type="button" style="width:100px;" id="btnsubmit" onclick="SavePO()" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>                                                
                                                    <button type="button" id="btnlistpurchase" style="width:100px;" onclick="ViewPopup()" class="btn btn-primary btn-min-width mr-1 mb-1">View <i class="ft-eye"></i></button>
                                                    <button type="button" style="width:100px;" id="btnnew" onclick="createnew()" class="btn btn-primary btn-min-width mr-1 mb-1">New <i class="ft-refresh-cw position-right"></i></button>
                                                    <button style="display:none;width:100px;" type="button" id="btnprint" onclick="PrintBarcodePopUp()" class="btn btn-primary btn-min-width mr-1 mb-1">Barcode <i class="fa fa-barcode"></i></button>
                                                    <button style="display:none;width:100px;" type="button" id="btnsaveedit" onclick="UpdatePurchaseOrder()" class="btn btn-warning white btn-min-width mr-1 mb-1">Update<i class="fa fa-check-square-o"></i></button>
                                                    <button style="display:none;width:100px;" type="button" id="btnedit" onclick="EditInvoice(0)" class="btn btn-secondary white btn-min-width mr-1 mb-1">Edit<i class="fa ft-edit"></i></button>
                                                    <button style="display:none;width:100px;" type="button" id="btndelete" onclick="DeletePurchaseInvoice()" class="btn btn-danger btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                    <input type="file" id="fileUpload" style="width:290px;display:none;" onchange="Upload()" class="btn gradient-back-to-earth btn-min-width mr-1 mb-1 white" />
                                                    <button type="button" id="upload" class="btn gradient-back-to-earth btn-min-width mr-1 mb-1 white" style="display:none;" onclick="Upload()"><i class="fa fa-upload"></i></button>
                                                    <button style="display:none;width:100px;" type="button" id="btnprintorder" onclick="PrintthisBill()" class="btn btn-primary btn-min-width mr-1 mb-1">Print <i class="ft-printer"></i></button>
                                                    
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

                <div class="modal-body">
                    <div class="swal-icon swal-icon--warning">
                        <span class="swal-icon--warning__body">
                            <span class="swal-icon--warning__dot"></span>
                        </span>
                    </div>
                    <div id="MRconfirmmessage" class="swal-title"></div>
                </div>
                <div class="modal-footer">
                    <input type="hidden" id="MRConfirmflag" />
                    <input type="hidden" id="MRConfirmRowId" />
                    <button type="button" onclick="MRConfirmboxResult('false', $('#MRConfirmflag').val(), $('#MRConfirmRowId').val())" id="MRconfirmCancel" class="btn grey btn-outline-secondary btn-sizebig" data-dismiss="modal">Cancel</button>
                    <button type="button" onclick="MRConfirmboxResult('true', $('#MRConfirmflag').val(), $('#MRConfirmRowId').val())" id="MRconfirmOk" class="btn btn-primary btn-sizebig" autofocus>Ok</button>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal fade text-left show" id="purchaseViewForm" tabindex="-1" role="dialog" aria-labelledby="purchaseviewheader" style="padding-right: 17px; display: none;display: none;background:rgba(0,0,0,0.5);">
    <div class="modal-dialog modal-lgl" role="document" style="top:0%;">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="purchaseviewheader"></h4>
                <button type="button" class="close" data-dismiss="modal" onclick="$('#purchaseViewForm').hide()" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div id="">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

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

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

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

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

                                </div>
                                <div class="col-md-1" style="margin-top:10px;">
                                    <button type="button" id="" onclick="GetPurchaseList()" 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>

                                <button type="button" style="margin-left:5%;display:none;margin-top:1%" id="btnporeport" onclick="window.open('../Purchaseandsalesreports/PurchaseOrderMain')" class="btn btn-warning btn-min-width mr-1 mb-1">PO Report&nbsp;<i class="fa fa-list position-right"></i></button>
                                <button type="button" style="display:none;margin-top:1%" id="btnpoitemwise" onclick="window.open('../Purchaseandsalesreports/PurchaseOrderSub')" class="btn btn-warning btn-min-width mr-1 mb-1">PO-Itemwise Report&nbsp;<i class="fa fa-list position-right"></i></button>
                                <button type="button" style="display:none;margin-top:1%" id="btnpopending" onclick="window.open('../PendingReport/PendingPurchaseOrder')" class="btn btn-warning btn-min-width mr-1 mb-1">PO-Pending Report&nbsp;<i class="fa fa-list position-right"></i></button>
                            </div>
                        </div>
                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tbl_PIViewList" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>

                    </div>

                </div>


            </div>

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

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

            </div>

        </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-5">
                                    <div class="form-group">
                                        <label>Job Details</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</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-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-5">
                                    <textarea id="productjob" class="form-control" style="height:100px"></textarea>


                                </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-1">
                                    <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="isNumber(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-1">
                                    <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-1">
                                    <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="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 editds">
                    </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 editds">
                    </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"  class="form-control editds" onkeypress="isNumber(event,this)">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="unitname">Remarks</label>
                        <textarea id="txt_remark" rows="5" class="form-control editds" 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="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 editds" 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 editds" 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 editds" 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="termsdiv" style="display:none">
                <div class="modal-body">

                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatname">Terms<span class="danger">*</span></label>
                        <input type="text" id="txtdesc" class="form-control editds" autocomplete="off" onkeyup="changetoupper(this.id)">
                    </fieldset>
                    <br>
                    <fieldset class="form-group floating-label-form-group">
                        <label for="sbcatdesc">Days<span class="danger">*</span></label>
                        <input type="text" id="txtterms" class="form-control editds" autocomplete="off" onkeypress="isNumberInt(event,this)">
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" onclick="popuprefresh()" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="Save" id="btntermssave" onclick="SaveTerms(1)">
                </div>
            </form>
        </div>
    </div>
</div>
<div id="OTPDiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="background:rgba(0,0,0,0.5); display: block;margin-top:0%;display: none;">
    <div class="modal-dialog modal-dialog-centered" role="document" style="top:-25%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" onclick="$('#OTPDiv').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

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

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

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

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


        </div>
    </div>
</div>
<div id="OtherDetails" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="OtherDetailsHdr" style="padding-right: 17px; background:rgba(0,0,0,0.5);display:none">
    <div class="modal-dialog" role="document" style="margin-top:8%">
        <div class="modal-content">
            <div class="modal-header bg-primary white">
                <h4 class="modal-title" id="OtherDetailsHdr"></h4>
                <button type="button" class="close" onclick="CloseOtherDetails()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <form id="OtherDetailsdiv" style="display:none">
                <div class="modal-body">                   
                  
                        <div class="form-group row">
                            <label class="col-md-4" for="shipvia">Ship Via</label>
                            <div class="col-md-8">
                                <input type="text" id="shipvia" class="form-control editds">
                            </div>
                        </div>                                               
                   
                        <div class="form-group row">
                            <label class="col-md-4" for="MOTransfer">Mode of Transfer</label>
                            <div class="col-md-8">
                                <input type="text" id="MOTransfer" class="form-control editds">
                            </div>
                        </div>                                             
                    
                        <div class="form-group row">
                            <label class="col-md-4" for="POE">Port of Entry</label>
                            <div class="col-md-8">
                                <input type="text" id="POE" class="form-control editds"> 
                            </div>
                        </div> 
                    
                        <div class="form-group row">
                            <label class="col-md-4" for="FinalDesti">Final Destination</label>
                            <div class="col-md-8">
                                <input type="text" id="FinalDesti" class="form-control editds">
                            </div>
                        </div> 
                   
                        <div class="form-group row">
                            <label class="col-md-4" for="Remarks">Terms and Conditions</label>
                            <div class="col-md-8">
                                <textarea id="Remarks" rows="3" class="form-control editds" style="height:100%"></textarea>
                            </div>
                        </div>                        
                   
                </div>
                <div class="modal-footer">                   
                    <input type="button" id="clearbtn" class="btn btn-outline-secondary" onclick="ClearOtherDetails()" data-dismiss="modal" value="Clear">
                    <input type="button" class="btn btn-outline-primary" value="Close" id="btnaddotherdetails" onclick="CloseOtherDetails()">
                </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-llg" role="document" style="top:5%;">
        <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(); ClearAll();" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <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:#E0F3F4;">

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

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

                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="EnqToDate">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="EnqToDate" class="form-control" placeholder="To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="EnqSupplier">Supplier</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="EnqSupplier" class="form-control" placeholder="Search Supplier" onkeypress="LoadSupplier('EnqSupplier')" onkeyup="$('#EnqSupplierId').val(0)" style="height:35px;font-weight:200;">
                                        <input type="hidden" id="EnqSupplierId" value="0"/>
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bb" onclick="SearchEnq()" 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="bc" onclick="ClearEnq()" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="overflow-auto" style="height:525px; ">
                            <table id="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(); ClearAll();" data-dismiss="modal" value="Close">
                </div>
            </form>
            <form id="Enquirydivsup" style="display:none;">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

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

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

                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="EnqToDate1">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="EnqToDate1" class="form-control" placeholder="To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bb1" onclick="SearchEnqSup()" 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="bc1" onclick="ClearEnqSup()" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tblEnquirysup" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                        <input type="hidden" id="RowGet" />
                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry(); ClearAll();" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnview">
                </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:#E0F3F4;">

                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="ProductPopUp1">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="ProductPopUp1" class="form-control" style="height:35px;font-weight:200;" onkeypress="ProductLoad('ProductPopUp1')" onkeydown="$('#ProductPopUp1Id').val(0)">
                                        <input type="hidden" id="ProductPopUp1Id" class="form-control" value="0">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bb2" onclick="SearchEnqSub()" 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="bc2" onclick="ClearEnqSub()" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tblEnquirypsub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                        <input type="hidden" id="RowGet1" />
                    </div>
                </div>
                <div class="modal-footer">

                    <input type="button" class="btn btn-outline-secondary" onclick="BackEnquiry()" data-dismiss="modal" value="Back">
                    <input type="button" class="btn btn-outline-primary" value="Add" id="btnprdtadd">
                </div>
            </form>
            <form id="Recalldiv" style="display:none;">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

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

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

                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="RecallDateTo">To Date</label>
                                </div>
                                <div class="col-md-2" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="RecallDateTo" class="form-control" placeholder="To Date" style="height:35px;font-weight:200;">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:17px;text-align:right;">
                                    <label for="EnqSupplier">Supplier</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="RecallSupplier" class="form-control" placeholder="Search Supplier" onkeypress="LoadSupplier('RecallSupplier')" onkeyup="$('#RecallSupplierId').val(0)" style="height:35px;font-weight:200;">
                                        <input type="hidden" id="RecallSupplierId" value="0" />
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="recallbtn1" onclick="SearchOrder()" 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="recallclear1" onclick="ClearOrder();" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tblRecall" 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(); ClearAll();" data-dismiss="modal" value="Close">
                        </div>
</form>
            <form id="OrderdivSup" style="display:none;">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

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

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

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

                    <input type="button" class="btn btn-outline-secondary" onclick="CloseEnquiry(); ClearAll();" data-dismiss="modal" value="Close">
                    <input type="button" class="btn btn-outline-primary" value="View" id="btnvieworder" onclick="ViewOrderWithSupplier()">
                </div>
            </form>
            <form id="OrderdivSub" style="display:none;">
                <div class="modal-body">
                    <div class="table-responsive">
                        <div class="col-md-12">
                            <div class="row" style="background-color:#E0F3F4;">

                                <div class="col-md-1" style="margin-top:17px;text-align:center;">
                                    <label for="ProductPopUp2">Product</label>
                                </div>
                                <div class="col-md-3" style="margin-top:17px;">
                                    <div class="form-group">
                                        <input type="text" id="ProductPopUp2" class="form-control" style="height:35px;font-weight:200;" onkeypress="ProductLoad('ProductPopUp2')" onkeydown="$('#ProductPopUp2Id').val(0)">
                                        <input type="hidden" id="ProductPopUp2Id" class="form-control" value="0">
                                    </div>
                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bb3" onclick="SearchOrderSub()" class="btn btn-primary btn-min-width mr-1 mb-1 " style="position:absolute;width:100px;font-weight:400;">Search <i class="fa fa-search position-right"></i>  </button>
                                    </div>

                                </div>
                                <div class="col-md-1" style="margin-top:16px;">
                                    <div class="form-group">
                                        <button type="button" id="bc3" onclick="ClearOrderSub()" class="btn btn-primary btn-min-width mr-1 mb-1" style="width:100px;font-weight:400;">Clear <i class="ft-refresh-cw position-right"> </i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="overflow-auto" style="height:525px; ">
                            <table id="tblOrderSub" class="table table-striped table-bordered zero-configuration dataTable"></table>
                        </div>
                        <input type="hidden" id="RowGetOrder1" />
                    </div>
                </div>
                <div class="modal-footer">

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


        </div>
    </div>

</div>

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


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

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

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

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

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



        </div>

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

</div>*@


<div id="barcodeprint" class="modal fade text-left show" tabindex="-1" role="dialog" style="display:none;height:125%;top:-25%;background:rgba(0,0,0,0.5);">
    <div id="barcodeprintdiv" class="modal-dialog modal-BP" role="document" style="top:19%;">
        <div class="modal-content" style="">
            <div class="modal-header" style="background-color:#009da0;color:white">
                <h5 class="modal-title" id="barcodeprintheader">BarCode Print</h5>
                <button type="button" class="close" onclick="$('#barcodeprint,#barcodeprintsection').hide()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <section id="barcodeprintsection" style="display:none;height:600px;overflow-y:scroll;overflow-x:hidden">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-body">
                            <div class="card-block" style="overflow:scroll;width:100%;overflow:auto;">
                                <table class="table table-responsive-md-md text-center" id="tblbarcodeprint"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <div class="modal-footer">
                <input type="button" class="btn btn-outline-primary" value="Confirm" id="printitembarcode" onclick="PrintBarcodes()">
            </div>
        </div>
        
    </div>

</div>

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

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

<div style="display:none">
    <input type="text" value="0" id="User" />
    <input type="text" value="0" id="UserId" />
    <input type="text" value="0" id="Location" />
    <input type="text" value="0" id="LocationId" />
    <input type="text" value="0" id="DepartmentName" />
    <input type="text" value="0" id="DepartmentId" />
    <input type="text" value="0" id="PurchaseOrderMainId" />
    <input type="text" value="0" id="PurchaseOrderSubId" />
    <table id="tblbarcodeprintconfirm" class="dataTableA" ></table>
    <input type="text" id="BOQ" class="form-control">
    <input type="text" id="EstAmount" class="form-control" value="0">
    <input type="text" class="form-control dedisa text-center" id="URight" style="font-weight:bold" disabled />
    <input type="text" class="form-control dedisa text-center" id="BOQConfirmFlag" style="font-weight:bold" disabled value="NO" />
    <input type="text" class="form-control dedisa text-center" id="EstConfirmFlag" style="font-weight:bold" disabled value="NO" />
</div>



<div style="margin-bottom:3%" class="row col-md-12">
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">Save : Alt+S</h6>
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">Copy : Alt+C</h6>
    <h6 class="col-md-1" style="font-size:medium;color:white;text-align:left;font-weight:500">New  : Alt+N</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500">Close Popups  : Esc</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:-4%">Last Sales Transactions : F7</h6>
    <h6 class="col-md-3" style="font-size:medium;color:white;text-align:left;font-weight:500;">Last Purchase Transactions : F8</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:-4%">All Transactions : F9</h6>

</div>


<script>
    function PrintthisBill() {
        if ($('#tblPurchase_Order tr').length > 0) {
            PrintthisBillWindows('PurchaseOrderGas', i);
            //PrintthisBillWindows('PurchaseOrder', i);
            //PrintthisBillWindows('PUROrder', i);
        }
        else {
            warningshow('Please select a Order No. to print', 'CopyOrderno');
            $('#CopyOrderno').select();
        }

    }

    $("#customView").on("scroll", function () {
        $("#proddiv").scrollLeft($(this).scrollLeft());
    });


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

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

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


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

                    $.ajax({
                        url: '../Purchase/JobSearchPurchase',
                        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,
                                    JobCode: item.JobCode,
                                    ProjectJobId: item.ProjectJobId,
                                    BOQQty: item.BOQQty,
                                    BOQRate: item.BOQRate,
                                    headers: ["Job Code", "Description"]
                                })
                            }));
                        }



                    })
                
            },
            autoFocus: true,

            select: function (event, ui) {
                $('#jobcode_' + ID).val(ui.item.JobCode)
                $('#jobcodeid_' + ID).val(ui.item.ProjectJobId)
                $("#boq_" + ID).val(ui.item.BOQQty);
                $("#BOQAmt_" + ID).val(ui.item.BOQRate);
            },

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

        });
    }
    //Job AutoComplete

    $("#jobcode").autocomplete({
        delay: 0,
        minLength: 0,
        source: function (request, response) {
            $('#jobid,#EstAmount').val(0);
            $("#BOQ").val('');
            var data = {};
            data.JobCode = $("#jobcode").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,
                            JobCode:item.JobCode,
                            ProjectJobId: item.ProjectJobId,
                            BOQ: item.BOQ,
                            EstAmount: item.EstAmount,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }



            })
        },
        autoFocus: true,

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

    });

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

            $.ajax({
                url: '../Purchase/JobSearchPurchase',
                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,
                            JobCode: item.JobCode,
                            ProjectJobId: item.ProjectJobId,
                            BOQQty: item.BOQQty,
                            BOQRate: item.BOQRate,
                            headers: ["Job Code", "Description"]
                        })
                    }));
                }



            })
        },
        autoFocus: true,

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

    });

    //Supplier AutoComplete

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

            $.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,
                            CustId: item.CustId,
                            Address: item.CustStreet2 + '\n' + item.CustCity2 + '\n' + item.CustState2 + '\n' + item.CustCountry2,
                            CurncyId: item.CurrencyId,
                            CustTermsId: item.CustTermsId,
                            headers: ["Supplier Name", "Account Code", "Phone Number"]
                        })
                    }));
                }

            })

        },
        autoFocus: true,
        select: function (event, ui) {
            $('#supplierId').val(ui.item.CustId);
            $('#shipadd').val(ui.item.Address)         
            GetCurrency(ui.item.CurncyId)
            $('#terms').val(ui.item.CustTermsId);
            $('#terms').focus();

        },

    });

    //Product AutoComplete

    function LoadProduct() {
        $("#product_0").autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                var data = {};
                data.ItemCode = $("#product_0").val();
                data.JobNo = $("#jobid").val();
                data.UserId = ERPUserId;
                data.DeptId = ERPDeptId;

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

                })

            },
            autoFocus: true,
            //response: function (event, ui) {
            //    if (ui.content.length == 1) {
            //        ui.item = ui.content[0];
            //        $(this).data('ui-autocomplete')._trigger('select', 'autocompleteselect', ui);
            //        $(this).autocomplete('close');
            //    }
            //},
            select: function (event, ui) {
                $("#product_0").val(ui.item.ItemCode);
                $('#productId_0').val(ui.item.ItemId);
                $('#ProductLength').val((ui.item.ItemCode).length);
                $('#productdesc_0').val(ui.item.Description);
                $('#unit_0').val(ui.item.Unit);
                $('#txtunit_0').val(ui.item.UnitName);
                $('#tax_0').val(ui.item.Tax);
                $('#taxpercentage_0').val(ui.item.Taxper);
                $('#txtrate_0').val(ui.item.Rate);
                $('#quantity_0').val((1).toFixed(Decimal));
                $('#quantity_0').focus();
                $('#quantity_0').select();

                $("#boq_0").val(ui.item.BOQQty);
                $("#BOQAmt_0").val(ui.item.BOQRate);
                CalcAmount(0);


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

            },
        });
    }

    //Copy or Purchase Invoice Autocomplete


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

            $.ajax({
                url: '../Purchase/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.OrderDate,
                            label2: item.SupplierName,
                            OrderNo: item.OrderNo,
                            headers: ["Order No", "Date", "Supplier"]
                        })
                    }));
                }
            })
        },
        autoFocus: true,
        select: function (event, ui) {
            var data = {};
            data.OrderNo = ui.item.OrderNo;
            data.DepartmentId = DepId;
            $.ajax({
                type: "POST",
                url: "../Purchase/PurchaseOrderGetandGets",
                data: data,
                success: function (result) {
                    formrefresh(1);
                    PurchaseOrderGets(result.oList);
                    $('#btnnew').focus();
                    $('.form-control').prop('disabled', true);
                    $('#CopyOrderno').prop("disabled", false);
                    $('.jsgrid-button').prop('disabled', true);
                    $('#btnsubmit').prop("disabled", true);
                    $('#btnlist').prop("disabled", true);
                    $('#btnadd').prop("disabled", true); 
                    $('#clearbtn').prop("disabled", true);

                }
            });
        },

    });
    function addpopupjob(Id) {
        $('#jobpopupdiv').show();
        $('#Jobdiv').hide(); $('#othercostdiv').hide();
        if (Id == 1) {

            $('#Jobdiv').show();
            $('#jobheader').text('JOB');
            $('#othercostdiv').show();
            $('#productjob').focus();
        }
    }
    function LoadSupplier(Id) {
        $("#"+Id).autocomplete({
            delay: 0,
            minLength: 0,
            source: function (request, response) {
                var data = {};
                data.CustName = $("#"+Id).val();
                data.CustType = 'S';

                $.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,
                                CustId: item.CustId,
                                Address: item.CustStreet2 + '\n' + item.CustCity2 + '\n' + item.CustState2 + '\n' + item.CustCountry2,
                                CurncyId: item.CurrencyId,
                                CustTermsId: item.CustTermsId,
                                headers: ["Supplier Name", "Account Code"]
                            })
                        }));
                    }

                })

            },
            autoFocus: true,
            select: function (event, ui) {
                $('#' + Id + 'Id').val(ui.item.CustId);
                if (Id == 'EnqSupplier') {
                    $('#bb').focus();
                }
                else if (Id == 'RecallSupplier') {
                    $('#recallbtn1').focus();
                }

            },

        });
    }

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

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

                })

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

                } else if (Id == 'ProductPopUp2') {
                    $('#bb3').focus();
                }
            },
        });
    }

    $(function () {

        GetUser(0);

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

        });

        $('#expdate').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'
        }
        });
        $('#EnqFromDate,#EnqToDate,#EnqFromDate1,#EnqToDate1,#RecallDateFrom,#OrderToDate,#RecallDateTo,#OrderFromDate,#ViewFromDate,#ViewToDate').daterangepicker({
            minDate: minDate,
            maxDate: new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate()),
            singleDatePicker: true,
            showDropdowns: true,
            locale: {
                format: 'DD/MM/YYYY'
            }

        }); 

    });



    function PrintBarcodePopUp() {
        if (CopyFlag == 1) {
            disable_datatable('tblbarcodeprint');

            var responseText = "<thead><tr><th class='text-left'>Select</th><th class='text-left'>SlNo.</th><th class='text-left'>ItemCode</th><th class='text-left'>ItemName</th><th class='text-center'>Quantity</th></tr>" +
                  "<tr><th> </th><th> </th><th>ItemCode</th><th>ItemName</th><th> </th></tr></thead><tbody>";



            for (var n = 1; n < i; n++) {

                responseText += "<tr class='jsgrid-row' id=" + '' + (n + 1) + ">" +
                "<td ><input type='checkbox' style='zoom:2' id='checkboxbarcode_"+n+"' class='' checked='checked'></td>" +
                "<td >" + n + "</td>" +
                "<td id='productbarcode_" + n + "' style='text-align:left'>" + $('#product_' + n).val() + "</td>" +
                "<td id='productdescbarcode_" + n + "' style='text-align:left'>" + $('#productdesc_' + n).val() + "</td>" +
                "<td><input type='text' id='barcodequantity_" + n + "' class='form-control text-center' style='width:50%;margin-left:20%' value='" + parseInt($('#quantity_' + n).val()) + "'  onkeypress='isNumberInt(event,this)' ></td>" +
                "</tr>";
            }
            console.log(responseText)
            $('#tblbarcodeprint').html(responseText + '</tbody>');
            $('#barcodeprint').show();
            $('#barcodeprintsection').show();
            datatableWithsearch('tblbarcodeprint', 'Multiple');


            
        }
    }

    function DeletePurchaseInvoice() {
        $('#Confirmflag').val('puchaseorderdelete'), $('#ConfirmRowId').val(0)
        $('#confirmmessage').text('Do you want to Delete this Purchase Order?')
        $('#confirm').show();
        $('#confirmOk').focus();
    }

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

    }

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

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

    function OTPCheck(status, Flag) {
        if (status == 1) {
            if (Flag == 0) {
                EDitThisPO();
            }
            else if (Flag == 1) {
                DeleteThisPurchaseOrder();
            }

        }
        else {
            warningshow('Invalid OTP', 'otp');
            $("#otp").select();
        }
    }
    function DeleteThisPurchaseOrder() {
        $('#OTPDiv').hide();
        var data = {};
        data.OrderNo = $('#purchaseOrderno').val();
        data.DepartmentId = DepId;
        data.UserId = UId;
        $.ajax({
            type: "POST",
            url: "../Purchase/DeletePurchaseOrder",
            data: data,
            success: function (result) {

                var status = result.oList[0].Status;
                var slno = result.oList[0].OrderNo;
                Showalerts(status, slno);
            }
        })

    }
    function EDitThisPO() {
        $('.editds,.butndis').prop("disabled", false);
        $('#btntransfer').prop("disabled", true);
        $('#btnsaveedit,#OrderNoDiv').show();
        $('#btnedit,#btndelete,#btnprint').hide();
        $('.jsgrid-button').prop('disabled', false);
        $('#OTPDiv,#CopyOrderNoDiv').hide();
        if ((usermenu1.indexOf("M224") != -1)) {
            $("#upload").show();
            $("#fileUpload").show();
            $("#upload,#fileUpload").prop("disabled", false);
        }
    }

    function UpdatePurchaseOrder() {
        var RateFlag = 0;
        $(".CheckRateZero").each(function () {
            var a = parseFloat($(this).val()).toFixed(Decimal);
            if (a == 0) {
                RateFlag = 1;
                return false;
            }

        });
        var r = parseFloat($('#rate').val());
        $("#rate").val(isNaN(r) ? 0 : r);

        if ($('#supplierId').val() == 0) {
            warningshow('Please Select Supplier', 'suppliername');
        }
        else if ($('#Orderdate').val() == '') {
            warningshow('Please Select Order Date', 'Orderdate');
        }
        else if ($('#terms').val() == 0) {
            warningshow('Please Select Terms', 'terms');
        }
        else if ($('#expdate').val() == '') {
            warningshow('Please Select Ship Date', 'expdate');
        }
        else if ($.trim($('#rate').val()) == '' || $.trim($('#rate').val()) == 0) {
            $('#rate').select();
            warningshow('Enter Currency Rate', 'rate');
        }
            //else if ($('#location').val() == 0) {
            //    warningshow('Please Select Location', 'location');
            //}
        else if ($('#jobid').val() == 0 && $('#jobcode').val() != '') {
            warningshow('Please Select Valid Job', 'jobcode');
        }
        else if ($('#product_0').val() != '') {
            warningshow('Product is not Added in Grid', 'product_0');
        }
        else if (FlagEdit != 0) {
            warningshow('In Edit Mode-Please Update');
        }
        else if (RateFlag == 1) {
            warningshow('Rate Must Be Greater Than Zero for all Items');
        }
        else if (parseFloat($("#GrandTotal").val() || 0) > parseFloat($("#EstAmount").val() || 0) && $("#EstConfirmFlag").val() != "YES" && $("#jobid").val() != 0) {

            $('#confirm').show();
            $('#confirmOk').focus();
            $('#Confirmflag').val('EstAmountCopy'); $('#ConfirmRowId').val(0);
            $('#confirmmessage').text('Greater Than Estimated Amount!.. Do You Want To Continue?')

        }
        else {
            $('#Confirmflag').val('updatepurchaseorder'), $('#ConfirmRowId').val(1)
            $('#confirmmessage').text('Do You Want to Update This Purchase Order?')
            $('#confirm').show();
            $('#confirmOk').focus();
        }
    }
    function ViewPopup() {
        $('#ViewToDate').val(CurDate);
        $('#ViewFromDate').val(GetFirstDayMonth());
        GetPurchaseList();


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

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

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

        return day + "/" + month + "/" + year;
    }

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


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


            if (result[l].Approval == 'Approved')
            {
                var PrintButton = '<button class="btn white btn-round btn-xs" style="background-color:#009DA0;font-size:smaller;margin:0" onclick="GetCopyofThisPurchase(\'' + result[l].OrderNo + '\',\'' + result[l].DepartmentId + '\',\'1\')" autocomplete="off">Print <i class="ft-printer"></i></button>';

            }
            else {
                var PrintButton = '';
            }
           
            responseText += '<tr ondblclick="\GetCopyofThisPurchase(\'' + result[l].OrderNo + '\',\'' + result[l].DepartmentId + '\',\'0\')\"><td style="width:90px;" >' + slno + '</td><td id=' + 'InvoView_' + slno + '>' +
                result[l].OrderNo + '</td><td>' +
                result[l].OrderDate + '</td><td>' +
                result[l].SupplierName + '</td><td align="right">' +
                parseFloat(result[l].GrandTotal).toFixed(Decimal) + '</td><td >' +
                result[l].DocRef + '</td><td>'+PrintButton+'</td></tr>';
        }
        $('#tbl_PIViewList').html(responseText + '</tbody>');
        datatableWithsearch('tbl_PIViewList', 'Multiple');

    }


    function GetCopyofThisPurchase(slno, dept, Print) {
        var data = {};
        data.OrderNo = slno;
        data.DepartmentId = dept;


        $.ajax({
            type: "POST",
            url: "../Purchase/PurchaseOrderGetandGets",
            data: data,
            success: function (result) {
                formrefresh(1);
                PurchaseOrderGets(result.oList);
                $('#btnnew').focus();
                $('.form-control').prop('disabled', true);
                $('#CopyOrderno,#btnprvs,#btnnxt').prop("disabled", false);
                $('.jsgrid-button').prop('disabled', true);
                $('#btnsubmit').prop("disabled", true);
                $('#btnlist').prop("disabled", true);
                $('#btnadd').prop("disabled", true);
                $('#clearbtn').prop("disabled", true);
                $('#purchaseViewForm,#OrderNoDiv,#btnsubmit').hide();
                $('#CopyOrderNoDiv').show();
                CopyFlag = 1;
                $('#fileUpload,#upload').hide();
                if (Print == 1) {
                    $('#btnprintorder').click();
                }
            }
        });

    }

    //Entered By load
    function GetUser(id) {
        var data = {};
        data.UserId = ERPUserId;
        $.ajax({
            type: "POST",
            url: "../Master/UsersGetandGets",
            data: data,
            success: function (result) {
                var User = result.oList[0].UserName;
                var UserId = result.oList[0].UserId;
                var Location = result.oList[0].LocationName;
                var LocationId = result.oList[0].LocationId;
                var DepartmentName = result.oList[0].DepartmentName;
                var DepartmentId = result.oList[0].DepartmentId;
                $("#User").val(User);
                $("#UserId").val(UserId);
                $("#Location").val(Location);
                $("#LocationId").val(LocationId);
                $("#DepartmentName").val(DepartmentName);
                $("#DepartmentId").val(DepartmentId);
            }
        });
    }

</script>