@{
    ViewBag.Title = "ItemMaster";
}
<style>
    .slides:not(:first-child) {
        /* Hide all images except the first */
        display: none;
    }

    .prev, .next1 {
        cursor: pointer;
        position: absolute;
        top: 80%;
        width: auto;
        padding: 16px;
        margin-top: -32px;
        color: white;
        font-weight: bold;
        font-size: 18px;
        transition: 0.6s ease;
        border-radius: 0 3px 3px 0;
        user-select: none;
    }

    .navButton:hover {
        opacity: 1;
    }

    .next1 {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

        /* On hover, add a black background color with a little bit see-through */
        .prev:hover, .next1:hover {
            background-color: rgba(0,0,0,0.8);
        }
</style>

<style>
    #itemtable {
        table-layout: fixed;
        width: 100%;
        height: 680px;
        border-bottom: 1px solid #c5cdd3;
    }

    #CELL1 {
        border-right: 1px solid #c5cdd3;
        width: 37%;
    }

    #CELL2 {
        border-right: 1px solid #c5cdd3;
        width: 43%;
    }

    #CELL3 {
        width: 20%;
    }

    #CELL2Table {
        width: 100%;
    }

    .eumi-search-row {
        box-sizing: border-box;
        width: 100%;
    }

    .eumi-search-table, .eumi-shadow {
        border-spacing: 0 0px;
        box-shadow: 0px 0px 0px 2px #fff, 0 0 2px 2px #999;
    }

    .multiimagebox:hover {
        transform: scale(2.6);
        transition-duration: 1s;
        cursor: pointer;
    }
</style>

<style>
    input[type="file"] {
        display: block;
    }

    .imageThumb {
        max-height: 75px;
        width: 137px;
        max-height: 100px;
        border: 2px solid;
        padding: 1px;
        cursor: pointer;
    }

    .pip {
        display: inline-block;
        margin: 10px 10px 0 0;
    }

    .remove {
        display: block;
        background: #444;
        border: 1px solid black;
        color: white;
        text-align: center;
        cursor: pointer;
    }

        .remove:hover {
            background: white;
            color: black;
        }

    .slides {
        position: relative;
        height: 300px;
        width: 500px;
    }

        .slides img {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -2;
        }

            .slides img.top {
                z-index: -1;
            }

        .slides .front {
            position: absolute;
            right: 10px;
            top: 120px;
            padding: 5px;
            border-radius: 60px;
            width: 38px;
            height: 38px;
            text-align: center;
            color: silver;
            background: white;
            opacity: 0.4;
            cursor: pointer;
            font-size: 30px;
            font-weight: bold;
        }

        .slides .back {
            position: absolute;
            left: 10px;
            top: 120px;
            padding: 5px;
            border-radius: 60px;
            width: 38px;
            height: 38px;
            text-align: center;
            color: silver;
            background: white;
            opacity: 0.4;
            cursor: pointer;
            font-size: 30px;
            font-weight: bold;
        }

    body {
        /*overflow-y:auto;*/
        overflow-x: hidden;
    }
</style>


<button id="dhinesh" style="display:none">GetImage</button>
<input type="text" value="result1" id="resul" style="display:none" />
<script>

       $(document).ready(function () {


           $("#dhinesh").click(function () {

               var ProdId = $('#ItemId').val();
               filesLength = 25
               for (var i = 0; i <= filesLength; i++) {


                   $("<span class=\"pip\">" +
                     "<img class=\"imageThumb\" src=../ProjectImages/Products/" + ProdId + "/" + ProdId + '-' + i + ".png>" +
                     "<br/><span class=\"remove\">Remove image</span>" +
                     "</span>").insertAfter("#DDh");

                   $(".remove").click(function () {
                       $(this).parent(".pip").remove();
                   });

               }

           });

           if (window.File && window.FileList && window.FileReader) {
               $("#files").on("change", function (e) {
                   var files = e.target.files,
                     filesLength = files.length;
                   for (var i = 0; i < filesLength; i++) {
                       var f = files[i]
                       var fileReader = new FileReader();
                       fileReader.onload = (function (e) {
                           var file = e.target;
                           $("<span class=\"pip\">" +
                             "<img class=\"imageThumb\" src=\"" + e.target.result + "\" title=\"" + file.name + "\"/>" +
                             "<br/><span class=\"remove\">Remove image</span>" +
                             "</span>").insertAfter("#DDh");
                           $(".remove").click(function () {
                               $(this).parent(".pip").remove();
                           });

                           // Old code here
                           /*$("<img></img>", {
                             class: "imageThumb",
                             src: e.target.result,
                             title: file.name + " | Click to remove"
                           }).insertAfter("#files").click(function(){$(this).remove();});*/

                       });
                       fileReader.readAsDataURL(f);
                   }
               });
           } else {
               alert("Your browser doesn't support to File API")
           }

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

                   $.ajax({
                       url: '../Purchase/ProductSearch',
                       type: "POST",
                       data: data,
                       dataType: "json",
                       success: function (data) {

                           response($.map(data, function (item) {
                               return ({
                                   ColCount: 'TWOEnq',
                                   label: item.ItemCode,
                                   label1: item.Description,
                                   ItemId: item.ItemId,
                                   Product: item.Description,
                                   productcode: item.ItemCode,
                                   GrpId: item.GrpId,
                                   CategoryId: item.CategoryId,
                                   headers: ["Product Code", "Product Name"]
                               })
                           }));
                       }

                   })

               },
               autoFocus: true,
               select: function (event, ui) {
                   $('#Loading').show();
                   $('#productid').val(ui.item.ItemId)
                   $('#productdesc').val(ui.item.Product);
                   $('#btnsubmit').focus();

                   GetItem(ui.item.ItemId, ui.item.GrpId, ui.item.CategoryId);
                   $('#code').show();
                   $('#searchcode').hide();
                   $('#btnsubmit').prop("disabled", false);
                   $('#btnsubmit').show();
                   $('#searchbutton').removeClass();
                   $('#searchbutton').addClass('btn btn-outline-primary');
               },
           });
       });

       function SavetMultiimages1() {

           var totalFiles = document.getElementById("files").files.length;

           if (totalFiles <= 25) {

               var data = {};
               data.ItemId = $('#ItemId').val();
               $.ajax({
                   type: "POST",
                   url: "../Master/RemoveExistingItemImageFolder",
                   data: data,
                   success: function (result) {


                       var ItemID = $('#ItemId').val();

                       for (var i = 0; i <= totalFiles; i++) {
                           var formData = new FormData();
                           var imageName = ItemID + '-' + i;
                           var browsedFile = document.getElementById("files").files[i];
                           var ImageId = ItemID;


                           if (browsedFile.type.match('image.*')) {
                               formData.append("FileUpload", browsedFile);
                               formData.append("ImageName", imageName);
                               formData.append("UniqueId", ImageId);

                               $.ajax({
                                   type: "POST",
                                   url: '/Master/UploadMultipleProductImage',
                                   data: formData,
                                   dataType: "html",
                                   contentType: false,
                                   processData: false,
                                   success: function (result) {
                                       formrefresh();
                                       swal('Images Uploaded Successfully', "", "success");
                                       $('.swal-button swal-button--confirm').focus();
                                       $("#files").val('');
                                       $(".pip").remove();
                                   }
                               });
                           }

                       }
                   }
               });
           }


           else {
               warningshow("Limit Exceeded(Maximum 25 Images)");
           }
       }
</script>







<script type="text/javascript">
    $(document).ready(function () {

        if ("@Request.QueryString["from"]" == "productlist") {
            var id = sessionStorage.getItem("inventory_productlist_id");
            sessionStorage.removeItem("inventory_productlist_id");
            var numId = parseInt(id, 10);
            if (!isNaN(numId)) {
                $('#Loading').show();
                jQuery(window).load(function () {
                    //alert('page is loaded');
                    setTimeout(GetRows(numId), 3000);

                });

            }
        }
    });

    function locationwiseqtyupdateclear() {
        $('#opqty').val(0);
    }


    function locationwiseqtyupdate()
    {
        var Qty = 0;
        $('#popupdiv').hide();
        var num = parseInt($('#NoOfLocations').val()-1);
        for (var i = 0; i <= num ; i++) {
            var LocationID = $('#locID' + i).val();
            var LocationQty = parseInt($('#lqty' + LocationID).val()||0);
            if (LocationQty != 0) {
                Qty +=LocationQty;
            }
        }
        $('#opqty').val(Qty);
    }


    function AddmoreImages()
    {
        var Imgcount=parseInt($('#Imagecount').val())
        var file = '<div id=' + "Imgdiv" + Imgcount + '><input type="file" id=' + 'SelmultiImage' + Imgcount + ' accept="image/*" onchange="readMultipleimageURL(this,' + Imgcount + ')"" class="btn btn-lg gradient-back-to-earth font-small-1 white p-2 mr-2"><img id=' + "Mimg" + Imgcount + ' src="../app-assets/img/elements/04.png" alt="Gini" width="50" style="margin-top:-18px" class="img-thumbnail multiimagebox" onerror="this.onerror=null; this.src=../app-assets/img/elements/04.png;">&#160;&#160;<button type="button" class="btn btn-danger" onclick="RemoveImages(' + Imgcount + ')"> <i class="ft-x"></i>Remove</button></div>'
        $('#divmultimage').append(file).show('slow');
        $('#Imagecount').val(Imgcount+1)
    }


    function RemoveImages(ImgId)
    {
        $('#Imgdiv' + ImgId).slideUp( function () { $('#Imgdiv' + ImgId).remove(); });
        //$('#Imgdiv' + ImgId).remove();

    }







</script>





<div class="myData" data-x="M08" />
<input class="form-control" type="text" id="Prifix" autocomplete="off" style="display:none">

<input class="form-control" type="text" id="Format" autocomplete="off" style="display:none">
<div id="Entry">

    <div class="row">
        <div class="col-md-12" style="top:-1%">
            <div class="card">

                <div class="card-header" style="border-bottom:1px solid #e6e6e6">
                    <table style="margin-top:0px;" width="100%">
                        <tr>
                            <td><h4 class="card-title mb-0" style="font-weight:bold">Product</h4></td>
                            <td class="col-md-6">

                                <fieldset id="BlCostCheck" style="display:none">
                                    <div class="custom-control custom-checkbox" style="float:right">
                                        <input type="checkbox" class="custom-control-input" id="BelowCostflg">
                                        <label class="custom-control-label" for="BelowCostflg">BelowCost Sale</label>
                                    </div>
                                </fieldset>

                            </td>
                            <td align="right" class="col-md-6">


                                <fieldset>
                                    <div class="custom-control custom-checkbox" style="float:right">
                                        <input type="checkbox" class="custom-control-input" id="select_status" checked="">
                                        <label class="custom-control-label" for="select_status">IsActive</label>
                                    </div>
                                </fieldset>

                            </td>
                        </tr>
                    </table>
                </div>
                <div class="card-body">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <div style="height:15px;"></div>

                                <table id="itemtable">
                                    <tr>
                                        <td id="CELL1" valign="top">
                                            <table>
                                                <tr>
                                                    <td>
                                                        <div class="card-content collapse show">
                                                            <div class="card-body">
                                                                <form class="form">
                                                                    <div class="form-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3" for="group" style="font-weight:bold">Brand<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">
                                                                                        <div class="input-group m-0">
                                                                                            <select id="group" class="form-control" onchange="SubGroupGets(0,0),generatebarcode()" aria-describedby="addgroup">
                                                                                                <option value="0">-Select-</option>
                                                                                            </select>
                                                                                            <div class="input-group-append" id="addgroup">
                                                                                                <button class="btn btn-outline-primary" onclick="Addpopupwindow(1)" type="button" id="addgroup">+</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3" for="sbgroup" style="font-weight:bold">Orgin<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">
                                                                                        <div class="input-group m-0">
                                                                                            <select id="sbgroup" class="form-control" aria-describedby="addsbgrp" onchange="generatebarcode()" @*onchange="$('#category').focus()"*@>
                                                                                                <option value='0'>-Select-</option>
                                                                                            </select>
                                                                                            <div class="input-group-append" id="addsbgrp">
                                                                                                <button class="btn btn-outline-primary" onclick="Addpopupwindow(2)" type="button" id="addsbgrp">+</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3" for="mod1" style="font-weight:bold">Part No<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">
                                                                                        <input class="form-control" type="text" id="mod1" autocomplete="off" onkeypress="isSinglqts(event)" onkeyup="changetoupper(this.id), generatebarcode()">
                                                                                    </div>
                                                                                </div>
                                                                                <div class="my-1" style="border-bottom:1px solid #c5cdd3;width:100%"></div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3" for="code" style="font-weight:bold">Code<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">


                                                                                        <div class="input-group m-0">
                                                                                            <input class="form-control" disabled type="text" id="code" onkeypress="isSinglqts(event)" onkeyup="changetoupper(this.id), generatebarcode()" autocomplete="off">
                                                                                            <input class="form-control" placeholder="Search Product" style="display:none" type="text" id="searchcode" autocomplete="off">


                                                                                            <div class="input-group-append" id="">
                                                                                                <button class="btn btn-outline-primary" type="button" onclick="SearchItem()" id="searchbutton"><i class="fa fa-search"></i></button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="form-group row">
                                                                                    <label class="col-md-3" for="description" style="font-weight:bold">Description<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">
                                                                                        <input class="form-control" type="text" id="description" onkeypress="isSinglqts(event)" onkeyup="changetoupper(this.id)" autocomplete="off">
                                                                                    </div>
                                                                                </div>



                                                                                <div class="form-group row" style="margin-top:2%">
                                                                                    <label class="col-md-3" for="unit" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                    <div class="col-md-9">
                                                                                        <div class="input-group m-0">
                                                                                            <select id="unit" class="form-control" onchange="UnitGets()" aria-describedby="addunit">
                                                                                                <option value="0">-Select-</option>
                                                                                            </select>
                                                                                            <div class="input-group-append" id="x">
                                                                                                <button class="btn btn-outline-primary" type="button" onclick="Addpopupwindow(0)" id="addunit">+</button>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="my-1" style="border-bottom:1px solid #c5cdd3;width:100%"></div>
                                                                                <div class="row">
                                                                                    <div class="col-md-6">
                                                                                        <div class="form-group">

                                                                                            <label for="category" style="font-weight:bold">Category</label>
                                                                                            <div class="input-group">
                                                                                                <select id="category" class="form-control" onchange="SubCategoryGets()" aria-describedby="addcat">
                                                                                                    <option value='0'>-Select-</option>
                                                                                                </select>
                                                                                                <div class="input-group-append" id="addcat">
                                                                                                    <button class="btn btn-outline-primary" onclick="Addpopupwindow(3)" type="button" id="addcat">+</button>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>

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

                                                                                            <label for="sbcat" style="font-weight:bold">Sub Category</label>
                                                                                            <div class="input-group m-0">
                                                                                                <select id="sbcat" class="form-control" aria-describedby="addsbcat" @*onchange="$('#opqty').focus();"*@>
                                                                                                    <option value='0'>-Select-</option>
                                                                                                </select>
                                                                                                <div class="input-group-append" id="addsbcat">
                                                                                                    <button class="btn btn-outline-primary" onclick="Addpopupwindow(4)" type="button" id="addsbcat">+</button>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>

                                                                                <div class="row" style="margin-top:2%">
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="opqty" style="font-weight:bold">Open.Qty.</label>
                                                                                            <input class="form-control" type="text" placeholder="" id="opqty" name="inputnumberint" autocomplete="off" onclick="EditInvoice(0)" readonly>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="opcost" style="font-weight:bold">Open.Cost</label>
                                                                                            <input class="form-control" type="text" id="opcost" name="inputnumberfloat" autocomplete="off" readonly onclick="EditInvoice(1)">
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="lpcost" style="font-weight:bold">LPCost</label>
                                                                                            <input class="form-control" type="text" id="lpcost" disabled style="background-color:white" autocomplete="off">
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="avgcost" style="font-weight:bold">Avg.Cost</label>
                                                                                            <input class="form-control" type="text" id="avgcost" disabled style="background-color:white" autocomplete="off">
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="row">
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="vatcode" style="font-weight:bold">VAT Code<span class="danger">*</span></label>
                                                                                            <select id="vatcode" class="form-control">
                                                                                                <option value='0'>Select VAT</option>
                                                                                            </select>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-md-3">
                                                                                        <div class="form-group">
                                                                                            <label for="vatper" style="font-weight:bold">VAT %</label>
                                                                                            <input class="form-control" type="text" id="vatper" disabled style="background-color:white" autocomplete="off">
                                                                                        </div>
                                                                                    </div>

                                                                                    <div class="col-md-6">
                                                                                        <div class="form-group">
                                                                                            <label for="hsncode" style="font-weight:bold">HSN</label>
                                                                                            <input class="form-control" type="text" id="hsncode" name="inputnumberfloat" maxlength="8" autocomplete="off">
                                                                                        </div>
                                                                                    </div>



                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td width="2%"></td>
                                                </tr>
                                            </table>

                                        </td>
                                        <td id="CELL2" valign="top">
                                            <table id="CELL2Table">
                                                <tr>
                                                    <td width="2%"></td>
                                                    <td>
                                                        <div class="card-content collapse show">
                                                            <div class="card-body">
                                                                <form class="form">
                                                                    <div class="form-body">
                                                                        <div class="row">
                                                                            <div class="col-md-12">

                                                                                <ul class="nav nav-tabs nav-topline">
                                                                                    <li class="nav-item">
                                                                                        <a class="nav-link active" id="tab1" data-toggle="tab" aria-controls="div1" href="#div1" aria-expanded="true" style="font-weight:bold">&nbsp;OtherInfo</a>
                                                                                    </li>
                                                                                    <li class="nav-item">
                                                                                        <a class="nav-link" id="tab2" data-toggle="tab" aria-controls="div2" href="#div2" aria-expanded="false" style="font-weight:bold">Phy.Info.</a>
                                                                                    </li>
                                                                                    <li class="nav-item">
                                                                                        <a class="nav-link" id="tab3" data-toggle="tab" aria-controls="div3" href="#div3" aria-expanded="false" style="font-weight:bold">MultiUnit</a>
                                                                                    </li>
                                                                                    <li class="nav-item">
                                                                                        <a class="nav-link" id="tab4" data-toggle="tab" aria-controls="div4" href="#div4" aria-expanded="false" style="font-weight:bold">PriceType</a>
                                                                                    </li>
                                                                                    <li class="nav-item">
                                                                                        <a class="nav-link" id="tabm" data-toggle="tab" aria-controls="divm" href="#divm" aria-expanded="false" style="font-weight:bold">MoreModels</a>
                                                                                    </li>

                                                                                </ul>
                                                                                <div class="tab-content px-1 pt-1 border-lighten-2 border-0-top" id="tabs">

                                                                                    <div role="tabpanel" class="tab-pane active" id="div1" aria-expanded="true" aria-labelledby="tab1">
                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="description" style="font-weight:bold">Other Desc</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="otherdescription" onkeyup="changetoupper(this.id)" autocomplete="off">
                                                                                            </div>
                                                                                        </div>


                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="mod2" style="font-weight:bold">OEM</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="mod2" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="mod3" style="font-weight:bold">Model 3</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="mod3" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                        <hr />

                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="maxqty" style="font-weight:bold">Maximum Quantity</label>
                                                                                                    <input class="form-control" type="text" id="maxqty" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="minqty" style="font-weight:bold">Minimum  Quantity</label>
                                                                                                    <input class="form-control" type="text" id="minqty" name="inputnumberfloat">

                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div>
                                                                                            <label for="Bins" style="font-weight:bold">Bins</label>
                                                                                        </div>
                                                                                        <div class="form-group">
                                                                                            <div class="row">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_a" placeholder="A" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_b" placeholder="B" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_c" placeholder="C" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_d" placeholder="D" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="row">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_e" placeholder="E" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_f" placeholder="F" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_g" placeholder="G" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">

                                                                                                    <div class="form-group">
                                                                                                        <input class="form-control" type="text" id="bin_h" placeholder="H" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                            @*<hr style="margin-top:10px"/>*@
                                                                                            <div class="row">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="" style="font-weight:bold">MRP</label>
                                                                                                        <input class="form-control" type="text" id="mrp" autocomplete="off" onkeypress="isNumber(event,this)">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="" style="font-weight:bold">Selling Price</label>
                                                                                                        <input class="form-control" type="text" id="sprice" autocomplete="off" onkeypress="isNumber(event, this)" onkeyup="GetUnitPrice()">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="" style="font-weight:bold">Selling Price-1</label>
                                                                                                        <input class="form-control" type="text" id="sellingprice1" autocomplete="off" onkeypress="isNumber(event,this)">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="" style="font-weight:bold">Selling Price-2</label>
                                                                                                        <input class="form-control" type="text" id="sellingprice2" autocomplete="off" onkeypress="isNumber(event,this)">
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>

                                                                                    </div>
                                                                                    <div class="tab-pane" id="div2" aria-labelledby="tab2">
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="size" style="font-weight:bold">Size</label>
                                                                                                    <input class="form-control" type="text" id="size" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="weight" style="font-weight:bold">Weight</label>
                                                                                                    <input class="form-control" type="text" id="weight" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="length" style="font-weight:bold">Length</label>
                                                                                                    <input class="form-control" type="text" id="length" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="width" style="font-weight:bold">Width</label>
                                                                                                    <input class="form-control" type="text" id="width" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="row">
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="thickness" style="font-weight:bold">Thickness</label>
                                                                                                    <input class="form-control" type="text" id="thickness" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-6">
                                                                                                <div class="form-group">
                                                                                                    <label for="density" style="font-weight:bold">Density</label>
                                                                                                    <input class="form-control" type="text" id="density" name="inputnumberfloat" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-12">
                                                                                                <label for="spec" style="font-weight:bold">Specification</label>
                                                                                                <input class="form-control" type="text" placeholder="" id="spec" autocomplete="off">
                                                                                            </div>

                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="tab-pane" id="div3" aria-labelledby="tab3">

                                                                                        <div class="row" id="mutiunitrow">
                                                                                            <div class="col-md-3">
                                                                                                <div class="form-group">
                                                                                                    <label for="unit_1" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                                    <select id="unit_1" class="form-control" disabled style="background:white"></select>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-3">
                                                                                                <div class="form-group">
                                                                                                    <label for="fraction_1" style="font-weight:bold">Fraction</label>
                                                                                                    <input class="form-control" type="text" id="fraction_1" name="inputnumberfloat" disabled style="background:white" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="col-md-3">
                                                                                                <div class="form-group">
                                                                                                    <label for="unitprice_1" style="font-weight:bold">Unit Price</label>
                                                                                                    <input class="form-control" type="text" id="unitprice_1" name="inputnumberfloat" disabled style="background:white" autocomplete="off">
                                                                                                </div>

                                                                                            </div>

                                                                                            <div class="form-group col-sm-12 col-md-3 text-center mt-2" style="padding-top:20px">
                                                                                                <button type="button" class="btn btn-danger" disabled> <i class="ft-x"></i>Delete</button>
                                                                                            </div>
                                                                                        </div>

                                                                                        <div id="panel3">
                                                                                            <div class="row" data-repeater-item="" style="display:none" id="1">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unit_2" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                                        <select id="unit_2" class="form-control"></select>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="fraction_2" style="font-weight:bold">Fraction</label>
                                                                                                        <input class="form-control" type="text" id="fraction_2" name="inputnumberfloat" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unitprice_2" style="font-weight:bold">Unit Price</label>
                                                                                                        <input class="form-control" type="text" id="unitprice_2" name="inputnumberfloat" autocomplete="off">
                                                                                                    </div>

                                                                                                </div>
                                                                                                <div class="form-group col-sm-12 col-md-3 text-center mt-2" style="padding-top:20px">
                                                                                                    <button type="button" class="btn btn-danger" id="btndelete_1" onclick="Addbtnshow(1);"> <i class="ft-x"></i>Delete</button>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="row" data-repeater-item="" style="display:none" id="2">

                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unit_3" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                                        <select id="unit_3" class="form-control"></select>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="fraction_3" style="font-weight:bold">Fraction</label>
                                                                                                        <input class="form-control" type="text" id="fraction_3" name="inputnumberfloat" autocomplete="off">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unitprice_b" style="font-weight:bold">Unit Price</label>
                                                                                                        <input class="form-control" type="text" id="unitprice_3" name="inputnumberfloat" autocomplete="off">
                                                                                                    </div>

                                                                                                </div>

                                                                                                <div class="form-group col-sm-12 col-md-3 text-center mt-2" style="padding-top:20px">
                                                                                                    <button type="button" class="btn btn-danger" id="btndelete_2" onclick="Addbtnshow(2);"> <i class="ft-x"></i>Delete</button>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="row" data-repeater-item="" style="display:none" id="3">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unit_c" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                                        <select id="unit_4" class="form-control"></select>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="fraction_c" style="font-weight:bold">Fraction</label>
                                                                                                        <input class="form-control" type="text" id="fraction_4" name="inputnumberfloat">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unitprice_c" style="font-weight:bold">Unit Price</label>
                                                                                                        <input class="form-control" type="text" id="unitprice_4" name="inputnumberfloat">
                                                                                                    </div>

                                                                                                </div>

                                                                                                <div class="form-group col-sm-12 col-md-3 text-center mt-2" style="padding-top:20px">
                                                                                                    <button type="button" class="btn btn-danger" id="btndelete_3" onclick="Addbtnshow(3);"> <i class="ft-x"></i>Delete</button>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="row" data-repeater-item="" style="display:none" id="4">
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unit_d" style="font-weight:bold">Unit<span class="danger">*</span></label>
                                                                                                        <select id="unit_5" class="form-control"></select>
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="fraction_d" style="font-weight:bold">Fraction</label>
                                                                                                        <input class="form-control" type="text" id="fraction_5" name="inputnumberfloat">
                                                                                                    </div>
                                                                                                </div>
                                                                                                <div class="col-md-3">
                                                                                                    <div class="form-group">
                                                                                                        <label for="unitprice_d" style="font-weight:bold">Unit Price</label>
                                                                                                        <input class="form-control" type="text" id="unitprice_5" name="inputnumberfloat">
                                                                                                    </div>

                                                                                                </div>

                                                                                                <div class="form-group col-sm-12 col-md-3 text-center mt-2" style="padding-top:20px">
                                                                                                    <button type="button" class="btn btn-danger" id="btndelete_4" onclick="Addbtnshow(4);"> <i class="ft-x"></i>Delete</button>
                                                                                                </div>
                                                                                            </div>

                                                                                            <button type="button" data-repeater-create="" id="btnadd" class="btn btn-outline-primary" onclick="addnew()">
                                                                                                <i class="icon-plus4"></i>ADD
                                                                                            </button>
                                                                                            <input type="text" style="display:none" id="slno" value="0" />

                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="tab-pane" id="div4" aria-labelledby="tab4">
                                                                                        <br />
                                                                                        <div id="dd">
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="tab-pane" id="divm" aria-labelledby="tabm">
                                                                                        <br />

                                                                                        <div class="form-group row">

                                                                                            <label class="col-md-2" for="modelm1" style="font-weight:bold">Model 4</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="modelm1" autocomplete="off">
                                                                                            </div>
                                                                                        </div>


                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="modelm2" style="font-weight:bold">Model 5</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="modelm2" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="modelm3" style="font-weight:bold">Model 6</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="modelm3" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="modelm4" style="font-weight:bold">Model 7</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="modelm4" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="form-group row">
                                                                                            <label class="col-md-2" for="modelm5" style="font-weight:bold">Order Status</label>
                                                                                            <div class="col-md-10">
                                                                                                <input class="form-control" type="text" id="modelm5" autocomplete="off">
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </form>
                                                            </div>
                                                        </div>
                                                    </td>
                                                    <td width="2%"></td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td id="CELL3" valign="top">
                                            <div class="card-content collapse show">
                                                <div class="card-body">
                                                    <form class="form">
                                                        <div class="form-body">
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <div class="card">
                                                                        <div class="card-header text-center" style="">
                                                                            <img id="myImg" onclick="imagemaxsize()" src="~/app-assets/img/elements/04.png" alt="Gini" width="150" class="img-thumbnail  gradient-back-to-earth" onerror="this.onerror = null;this.src = '../app-assets/img/elements/04.png';">
                                                                        </div>
                                                                        <div class="card-body">
                                                                            <div class="card-block text-center">
                                                                                <h4 id="pnameshow" class="card-title" style="font-weight:bold">Product</h4>

                                                                                <input type='file' id="selectedImage" accept="image/*" onChange="validate(this.value)" class="btn btn-lg gradient-back-to-earth font-small-2 white p-2 mr-2" />

                                                                                <div class="row">
                                                                                    <div class="col-md-6">
                                                                                        <a onclick="Addpopupwindow(6)" style="font-weight:bold"><span class="badge badge-primary">Add More</span></a>
                                                                                    </div>
                                                                                    <div class="col-md-6">
                                                                                        <a onclick="imageslider()" style="font-weight:bold"><span class="badge badge-primary">View Images</span></a>
                                                                                    </div>
                                                                                </div>



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

                                                                <hr style="width:100%;margin-top:-15px" class="grey">

                                                                <div class="row" style="margin-left:30px">
                                                                    <div class="col-md-4 ">
                                                                        <div class="form-group">
                                                                            <label for="maxqty" style="font-weight:bold;">QR code</label>
                                                                            <div class="input-group-append" style="height:80px; width:100px; border:1px solid black" id="">
                                                                                <div style="margin-top:4px;margin-left:4px" id="qrcode"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-7">
                                                                        <div class="form-group ">
                                                                            <label for="minqty" style="font-weight:bold;text-align:center">Barcode</label>
                                                                            <div class="input-group">
                                                                                <div class="input-group-append center" style="height:80px; width:300px; overflow:hidden; border:1px solid black;overflow:auto" id="printbarcode">
                                                                                    <img id="barcode1" />
                                                                                </div>
                                                                                <input class="form-control" type="text" id="barcode" disabled style="display:none;background-color:white">


                                                                            </div>

                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row" style="margin-left:30px">
                                                                    <div class="col-md-12">
                                                                        <center> <h4 class="card-title" style="font-weight:bold">&#160;&#160;STOCK</h4></center>
                                                                        <div class="input-group center" style="width:300px; ">
                                                                            <input class="form-control" type="text" id="inhandqty" disabled style="background-color:white;height:100px;text-align:center;font-size:40px;">

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



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

                                <br />
                                <div class="card-body">
                                    <form class="form">
                                        <div class="form-body">
                                            <div>
                                                <div class="text-right">
                                                    @*<button type="button" style="width:100px;display:none" id="btnslider"  class="btn btn-primary btn-min-width mr-1 mb-1">SLIDE<i class="fa fa-check-square-o"></i></button>*@

                                                    <button type="button" style="width:100px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                                    <button type="button" style="width:100px" id="btnlist" class="btn btn-primary btn-min-width mr-1 mb-1">List <i class="ft-align-justify"></i></button>
                                                    <a style="width:100px;display:none;" id="btnlist2" href="@Url.Action("ProductList", "ABDataTable")" class="btn btn-primary btn-min-width mr-1 mb-1"> List <i class="ft-align-justify"></i></a>
                                                    <button type="button" style="width:100px" id="btnnew" onclick="thisformrefresh()" class="btn btn-primary btn-min-width mr-1 mb-1">New <i class="ft-refresh-cw position-right"></i></button>
                                                    <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                    <button type="button" id="btnprintbarcode" onclick="QuantityBarcode()" class="btn btn-primary btn-min-width mr-1 mb-1">Print Barcode<i class="ft-printer"></i></button>
                                                    <button type="button" id="btnnewitem" style="display:none" class="btn btn-info btn-min-width mr-1 mb-1" onclick="OpenItemPopup()">
                                                        Item Create
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div><br />




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

<div style="display:none;width:100%;" id="listing">
    <section>
        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">
                        <table width="100%">
                            <tr>
                                <td><h4 class="card-title" style="font-weight:bold">Product List</h4></td>
                                <td align="right">
                                    <div class="heading-elements">

                                        <div>

                                            <button type="button" onclick="closelist()" class="btn btn-outline-primary" id="ed"><i class="ft-edit"></i> Add New</button>
                                            <span id="itemListButtonPlace">

                                            </span>
                                        </div>

                                    </div>
                                </td>


                            </tr>
                        </table>
                        <div style="border-bottom:1px solid #c5cdd3;margin-top:5px;width:100%"></div>


                    </div>
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard" style="overflow:auto">
                            <table id="tblItem" class="table table-condensed table-light table-striped table-bordered eumi-search-table">
                                <tfoot>
                                    <tr>
                                        <th> </th>
                                        <th> </th>
                                        <th>Item Code</th>
                                        <th>Description</th>
                                        <th>Unit</th>
                                        <th>Group</th>
                                        <th>SubGroup</th>
                                        <th>Category</th>
                                        <th>SubCategory</th>
                                        <th>Tax%</th>
                                        <th> </th>
                                        <th> </th>
                                        <th>Model 1</th>
                                        <th>Model 2</th>
                                        <th>Model 3</th>
                                        <th> </th>
                                        <th>Status</th>
                                    </tr>
                                </tfoot>
                            </table>
                            <br />
                            <br />
                        </div>
                    </div><br /><br />
                </div>
            </div>
        </div>
    </section>
</div>



<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">





<script type="text/javascript" src="../ProjectScript/CommonForItem.js"></script>
<script type="text/javascript" src="../ProjectScript/ItemMasterScript.js"></script>
<script type="text/javascript" src="~/app-assets/FromStack/dist/JsBarcode.all.js"></script>
<script type="text/javascript" src="~/app-assets/FromStack/dist/jquery-2.0.3.js"></script>
<script type="text/javascript" src="~/app-assets/FromStack/dist/QRCODE.js"></script>
<script src="~/Scripts/Autocomplete/jquery-ui.js"></script>
<script type="text/javascript" src="~/Scripts/Excelmport/xlsx.full.min.js"></script>
<script type="text/javascript" src="~/Scripts/Excelmport/excelimport.js"></script>

<div style="display:none">
    <table id="tblBarcode" class="dataTableA"></table>


</div>

<div id="QuantityPrintDiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="background:rgba(0,0,0,0.5); display: block;display:none">
    <div class="modal-dialog" role="document" style="margin-top:5%">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" onclick="$('#QuantityPrintDiv').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="" style="margin-top:2%;">

                        <label class="col-md-5" style="text-align:left" id="">Number of Copies:</label>
                        <div class="col-md-7">
                            <input type="text" class="form-control" id="PrintQty" value="0" onclick="$('#PrintQty').select()" onkeypress="isNumberInt(event,this)" />

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

            </div>
            <div class="modal-footer">
                <button type="button" style="width:100px" id="" onclick="PrintBarcodesItemMaster($('#PrintQty').val())" class="btn btn-outline-warning">Print</button>
            </div>


        </div>
    </div>
</div>
<div class="container">
    <!-- Modal -->
    <div class="modal fade" id="ItemCreationPopup" role="dialog" style="">
        <div class="modal-dialog modal-lg">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header bg-primary">

                    <h4 class="modal-title font-weight-bold white">New Product</h4>

                </div>
                <div class="modal-body">
                    <input class="form-control" type="text" id="BrandPrifix" autocomplete="off" style="display:none">
                    <input class="form-control" type="text" id="BrandFormat" autocomplete="off" style="display:none">

                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Brand : </label>
                        <div class="col-md-10">
                            <select id="brand" class="form-control" onchange="OrginGets(0, 0),ItemPopupCode()"></select>
                        </div>
                    </div>

                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Orgin : </label>
                        <div class="col-md-10">
                            <select id="orgin" class="form-control" aria-describedby="addsbgrp" onchange="ItemPopupCode()"></select>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Part No : </label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="PartNo" onkeyup="ItemPopupCode()" style="color:red;font-weight:500" />
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Item Code : </label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="ItemCode" disabled />
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Description : </label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="ItemDescription" />
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Unit : </label>
                        <div class="col-md-10">
                            <select id="UnitCode" class="form-control"></select>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">Vat : </label>
                        <div class="col-md-10">
                            <select id="Tax" class="form-control"></select>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="text-bold-500 col-md-2">OEM : </label>
                        <div class="col-md-10">
                            <input type="text" class="form-control" id="OEM" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" aria-label="Close">
                        Cancel
                    </button>
                    <button type="button" class="btn btn-primary" onclick="SaveItem()">Save</button>
                </div>
            </div>

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

        var createQRCode = function () {
            var data = $('#code').val();
            $('#qrcode').empty();
            $('#qrcode').qrcode(data);
            //$('#qrcode').append('</br><strong>' + data + '</strong>');
        };

        $('#code').keyup(createQRCode);
        $('#code').change(createQRCode);
        createQRCode();
        generatebarcode();

        function QuantityBarcode() {
            $('#PrintQty').val(1);
            $('#QuantityPrintDiv').show();
            $('#PrintQty').focus();
            $('#PrintQty').select();
        }

        function printbarcode() {

            $('#tblBarcode').html('');

            var Description = $('#description').val();
            var Code = $('#code').val();


            var txt = "<tr><th></th></tr>";
            txt += '<tr><td>CT~~CD,~CC^~CT~</td></tr>';
            txt += '<tr><td>^XA~TA000~JSN^LT0^MNW^MTD^PON^PMN^LH0,0^JMA^PR4,4~SD15^JUS^LRN^CI0^XZ</td></tr>';
            txt += '<tr><td>^XA</td></tr>';
            txt += '<tr><td>^MMT</td></tr>';
            txt += '<tr><td>^PW812</td></tr>';
            txt += '<tr><td>^LL0508</td></tr>';
            txt += '<tr><td>^LS0</td></tr>';
            txt += '<tr><td>^FO320,256^GFA,01536,01536,00024,:Z64:</td></tr>';
            txt += '<tr><td>eJxjYBgFo2DgAfsHCM3DDmT/ATIS6o9/qGdg4IeJMzEwMP8AMg7Y9//4D+QLQMRlQOrBrAIWmYMNDDwSH/oMD+48eILtEQcTQ5uaRYMCDwdQXKb477nyj98//2H/LsPGeKz+74EEGZvjQPMfc/SlKbcpW/AlW/D/6Cue0fC//8c/Bgb547L3/D/zf5eQKTbg/9hTLNnwX/4j0F0STByz+j/zf5LgUFbgYexIkmw4IAE0HugOmetn2HnYDGSKC2SYZdKNGQ/IJB5gYLBgsnjcl8SXZsCT/ICDWeKZMUODRTJQvQHzh+/sx9mPf5A/eED+85/jxoz/BYqBvjBgfPCYuYm5eYN0Y4P8xxltSoz/DYxRQorxAPYQ5G/AIU5ulIyCEQAA715fmQ==:419B</td></tr>';
            txt += '<tr><td>^BY2,3,155^FT103,240^BCN,,Y,N</td></tr>';
            txt += '<tr><td>^FD>:' + Code + '^FS</td></tr>';
            txt += '<tr><td>^FT105,72^A0N,25,21^FH\^FD' + Description + '^FS</td></tr>';
            txt += '<tr><td>^PQ1,0,1,Y^XZ</td></tr>';


            $('#tblBarcode').append(txt);
            PrintBarcode();
        }

        function PrintBarcodesItemMaster(PrintQuantity) {

            $('#tblBarcode').html('');
            var txt = "<tr><th></th></tr>";
            var Code = $('#code').val();
            var Description = $('#description').val();


            for (var j = 0; j < PrintQuantity ; j++) {


                txt += '<tr><td>CT~~CD,~CC^~CT~</td></tr>';
                txt += '<tr><td>^XA~TA000~JSN^LT0^MNW^MTD^PON^PMN^LH0,0^JMA^PR4,4~SD15^JUS^LRN^CI0^XZ</td></tr>';
                txt += '<tr><td>^XA</td></tr>';
                txt += '<tr><td>^MMT</td></tr>';
                txt += '<tr><td>^PW812</td></tr>';
                txt += '<tr><td>^LL0508</td></tr>';
                txt += '<tr><td>^LS0</td></tr>';
                txt += '<tr><td>^FO320,256^GFA,01536,01536,00024,:Z64:</td></tr>';
                txt += '<tr><td>eJxjYBgFo2DgAfsHCM3DDmT/ATIS6o9/qGdg4IeJMzEwMP8AMg7Y9//4D+QLQMRlQOrBrAIWmYMNDDwSH/oMD+48eILtEQcTQ5uaRYMCDwdQXKb477nyj98//2H/LsPGeKz+74EEGZvjQPMfc/SlKbcpW/AlW/D/6Cue0fC//8c/Bgb547L3/D/zf5eQKTbg/9hTLNnwX/4j0F0STByz+j/zf5LgUFbgYexIkmw4IAE0HugOmetn2HnYDGSKC2SYZdKNGQ/IJB5gYLBgsnjcl8SXZsCT/ICDWeKZMUODRTJQvQHzh+/sx9mPf5A/eED+85/jxoz/BYqBvjBgfPCYuYm5eYN0Y4P8xxltSoz/DYxRQorxAPYQ5G/AIU5ulIyCEQAA715fmQ==:419B</td></tr>';
                txt += '<tr><td>^BY2,3,155^FT103,240^BCN,,Y,N</td></tr>';
                txt += '<tr><td>^FD>:' + Code + '^FS</td></tr>';
                txt += '<tr><td>^FT105,72^A0N,25,21^FH\^FD' + Description + '^FS</td></tr>';
                txt += '<tr><td>^PQ1,0,1,Y^XZ</td></tr>';
                txt += '<tr></tr>'


            }
            $('#tblBarcode').append(txt);
            PrintBarcode();
            $('#QuantityPrintDiv').hide();
        }

        function PrintBarcode() {
            var titles = [];
            var data = [];
            $('.dataTableA th').each(function () {
                titles.push($(this).text());
            });
            $('.dataTableA tr').each(function () {
                data.push($(this).text());
            });
            var CSVString = prepCSVRow(titles, titles.length, '');
            CSVString = prepCSVRow(data, titles.length, CSVString);
            var downloadLink = document.createElement("a");
            var blob = new Blob(["\ufeff", CSVString]);
            var url = URL.createObjectURL(blob);
            downloadLink.href = url;
            downloadLink.download = "eumi_barcode.txt";
            document.body.appendChild(downloadLink);
            downloadLink.click();
            document.body.removeChild(downloadLink);

        }

        function prepCSVRow(arr, columnCount, initial) {
            var row = ''; // this will hold data
            var delimeter = ''; // data slice separator, in excel it's `;`, in usual CSv it's `,`
            var newLine = '\r\n'; // newline separator for CSV row
            function splitArray(_arr, _count) {
                var splitted = [];
                var result = [];
                _arr.forEach(function (item, idx) {
                    if ((idx + 1) % _count === 0) {
                        splitted.push(item);
                        result.push(splitted);
                        splitted = [];
                    } else {
                        splitted.push(item);
                    }
                });
                return result;
            }
            var plainArr = splitArray(arr, columnCount);
            plainArr.forEach(function (arrItem) {
                arrItem.forEach(function (item, idx) {
                    row += item + ((idx + 1) === arrItem.length ? '' : delimeter);
                });
                row += newLine;
            });
            return initial + row;
        }

        function OpenItemPopup() {

            $("#brand").val($("#group").val());
            OrginGets(0);
            $("#PartNo").val($("#mod1").val())
            $("#ItemDescription").val($("#description").val());
            $("#UnitCode").val($("#unit").val());
            $("#OEM").val($("#mod2").val())
            $("#Tax").val($("#vatcode").val())
            ItemPopupCode();

            if (!($('#ItemCreationPopup').is(':visible'))) {
                $("#ItemCreationPopup").modal("show");
                $("#ItemCreationPopup").appendTo("body");
            }
        }

        function ItemPopupCode() {
            var str = $.trim($("#BrandFormat").val());
            if (str != '') {
                var strlen = str.length;
                var Spaces = []; var Hashes = [];
                for (var i = 0; i < strlen; i++) {
                    if (str[i] === " ") Spaces.push(i);
                    else Hashes.push(i);
                }

                var PartNo = $.trim($("#PartNo").val());//.replace(/\s/g, '');
                var FormatLen = $.trim($("#BrandFormat").val()).length;//.replace(/\s/g, '').length;

                var PartNolen = PartNo.length; var NewPartNo = ''; var rno = 0;

                for (var j = 0; j <= PartNolen; j++) {

                    //console.log(PartNo.substr(PartNo.length - (PartNolen - j)), (PartNolen-j));

                    if (NewPartNo.length < FormatLen) {
                        if (Spaces.indexOf(j) != -1 && PartNo.charAt(j) != ' ') {
                            NewPartNo += ' ';
                            //PartNolen++;
                        }
                        NewPartNo += PartNo.charAt(j);
                        rno++;
                    }
                    console.log(j,Spaces.indexOf(j), PartNo.charAt(j), NewPartNo);
                }
                //console.log(NewPartNo)
                $("#PartNo").val(NewPartNo);
            }

            if ($('#orgin').val() != 0 && $('#brand').val() != 0) {

                var Prifix = $.trim($('#BrandPrifix').val());
                var PartNo = $.trim($('#PartNo').val()).replace(/\s/g, '');
                var Orgin = '';

                if ($('#orgin').val() != 0) {
                    var Orgin = $.trim($('#orgin option:selected').html());
                }
                var ItemCode = $.trim(Prifix + '' + PartNo + '' + Orgin);
                $('#ItemCode').val(ItemCode);

            }
            else if ($('#brand').val() == 0) {

                warningshow('Select Brand', 'brand')
                return false;
            }
            else if ($('#orgin').val() == 0) {

                warningshow('Select Orgin', 'orgin')
                return false;
            }
        }
        function generatebarcode() {
            var str = $.trim($("#Format").val());
            if (str != '') {
                var strlen = str.length;
                var Spaces = []; var Hashes = [];
                for (var i = 0; i < strlen; i++) {
                    if (str[i] === " ") Spaces.push(i);
                    else Hashes.push(i);
                }

                var PartNo = $.trim($("#mod1").val())//.replace(/\s/g, '');
                var FormatLen = $.trim($("#Format").val()).length//.replace(/\s/g, '').length;

                console.log(FormatLen, Spaces, PartNo)

                var PartNolen = PartNo.length; var NewPartNo = ''; var rno = 0;

                for (var j = 0; j <= PartNolen; j++) {

                    //console.log(PartNo.substr(PartNo.length - (PartNolen - j)), (PartNolen-j));

                    if (NewPartNo.length < FormatLen) {
                        if (Spaces.indexOf(j) != -1 && PartNo.charAt(j) != ' ') {
                            NewPartNo += ' ';
                            //PartNolen++;
                        }
                        NewPartNo += PartNo.charAt(j);
                        rno++;
                    }
                    console.log(j,Spaces.indexOf(j), PartNo.charAt(j), NewPartNo);
                }
                //console.log(NewPartNo)
                $("#mod1").val(NewPartNo);
            }

            if ($('#sbgroup').val() != 0 && $('#group').val() != 0) {

                var Prifix = $.trim($('#Prifix').val());
                var PartNo = $.trim($('#mod1').val()).replace(/\s/g, '');
                var Orgin = '';

                if ($('#sbgroup').val() != 0) {
                    var Orgin = $.trim($('#sbgroup option:selected').html());
                }
                var ItemCode = $.trim(Prifix + '' + PartNo + '' + Orgin);
                $('#code').val(ItemCode);
                var Code = $('#code').val();
                if ($('#code').val() == '') { Code = 0; }
                JsBarcode("#barcode1", Code);

            }
            else if ($('#group').val() == 0) {
                //$('#mod1').val('')
                warningshow('Select Brand', 'group')
                return false;
            }
            else if ($('#sbgroup').val() == 0) {
                //$('#mod1').val('')
                warningshow('Select Orgin', 'sbgroup')
                return false;
            }
        }
</script>

<div class="modal fade text-left show" id="imagepreview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" style="display: block; display:none;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <button type="button" class="close" onclick="($('#imagepreview').hide())" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>

            <img id="myImg" src="~/app-assets/img/elements/04.png" alt="Gini" width="500" style="margin-top:-25px;border:3px solid black;" onerror="this.onerror = null; this.src = '../app-assets/img/elements/04.png';">

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


<div id="popupdiv" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog" role="document" style="top:10%">
        <div class="modal-content" style="width:95%">
            <div class="modal-header bg-primary white" style="height:50px">
                <h4 class="modal-title" id="myheader" style="margin-top:-2%"> Group Master</h4>
                <button type="button" class="close" onclick="formrefresh()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>

            <form id="openingentry" style="display:none">
                <div id="divopenig" class="modal-body" style="height:300px;overflow-y:scroll">

                </div>
                <div class="modal-footer">
                    <input type="hidden" id="NoOfLocations" value="0" />
                    <input type="reset" class="btn btn-outline-secondary" onclick="formrefresh(), locationwiseqtyupdateclear()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" value="Save" id="" onclick="locationwiseqtyupdate()" data-dismiss="modal">
                </div>
            </form>
            <form id="Multiimage" style="display:none">
                <div id="divmultimage" class="modal-body" style="height:400px;overflow:auto">
                    <div class="field" id="DDh" align="left">


                    </div>
                </div>
                <div class="modal-footer">
                    <table width="100%">
                        <tr>
                            <td align="left"><input type="file" class="btn btn-lg gradient-back-to-earth font-small-2 white p-2 mr-2" id="files" name="files[]" multiple></td>
                            <td align="right">
                                <input type="hidden" id="Imagecount" value="2" />

                                <input type="button" class="btn btn-outline-primary" value="Upload" id="" onclick="SavetMultiimages1()" data-dismiss="modal">
                            </td>
                        </tr>
                    </table>




                </div>
            </form>

            <form id="unitdiv" style="display:none">
                <div class="modal-body">
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Unit Name<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="unitname" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Description<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="unitdesc" onkeypress="fousnextbutton(event,'btnunitsave');">
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" style="margin-right:2%" onclick="formrefresh()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" style="margin-right:35%" value="Save" id="btnunitsave" onclick="SaveUnit(1)">
                </div>
            </form>
            <form id="groupdiv" style="display:none">
                <div class="modal-body">
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Code<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="groupcode" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Name<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="groupname" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Description</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="groupdesc">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Format</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="GROUPFormat">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Prefix</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="Prefix">
                        </div>
                    </div>
                    
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" style="margin-right:2%" onclick="formrefresh()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" style="margin-right:35%" value="Save" id="btngroupsave" onclick="SaveGroup(1)">
                </div>
            </form>
            <form id="subgroupdiv" style="display:none">
                <div class="modal-body">
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Select Brand<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <select class="form-control" id="grp">
                                <option value='0'>---Select Brand---</option>
                            </select>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Origin Name<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="sbgroupname" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Description</label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="sbgroupdesc" >
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" style="margin-right:2%" onclick="formrefresh()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" style="margin-right:35%" value="Save" id="btnsbgroupsave" onclick="SaveSubGroup(1)">
                </div>
            </form>
            <form id="categorydiv" style="display:none">
                <div class="modal-body">
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Category Code<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="catcode" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Name<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="catname" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Description<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="catdesc">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" style="margin-right:2%" onclick="formrefresh()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" style="margin-right:35%" value="Save" id="btncategorysave" onclick="SaveCategory(1)">
                </div>
            </form>
            <form id="subcatdiv" style="display:none">
                <div class="modal-body">
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Category<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <select class="form-control" id="cat">
                                <option value='0'>---Select Category---</option>
                            </select>
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Sub Category<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="sbcatname" onkeyup="changetoupper(this.id)">
                        </div>
                    </div>
                    <div class="row mb-1">
                        <label class="col-md-4" style="font-weight:bold;">Description<span class="danger">*</span></label>
                        <div class="col-md-8">
                            <input type="text" class="form-control" id="sbcatdesc" >
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary" style="margin-right:2%" onclick="formrefresh()" data-dismiss="modal" value="close">
                    <input type="button" class="btn btn-outline-primary" style="margin-right:35%" value="Save" id="btnsbcategorysave" onclick="SaveSubCategory(1)">
                </div>
            </form>
        </div>
    </div>
</div>

<div style="display:none">
    <input type="text" value="0" id="ItemId" />
    <input type="text" value="0" id="tempSubCatId" />
    <input type="text" value="0" id="tempSubGrpId" />
    <input type="text" value="0" id="MultiUnitId" />
    <input type="text" value="0" id="ProductMultiPriceId" />
</div>


<div style="margin-bottom:3%;margin-left:17%;" class="row col-md-12 white">

    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Save  : Alt+S</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">List  : Alt+L</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Clear : Alt+C</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Tab 1 : Alt+1</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Tab 2 : Alt+2</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Tab 3 : Alt+3</h6>
    <h6 class="col-md-1" style="font-size:medium;text-align:left;font-weight:500">Tab 4 : Alt+4</h6>
    <h6 class="col-md-2" style="font-size:medium;text-align:left;font-weight:500">Print Barcode : Alt+P</h6>

</div>

@*................................................................*@
<div id="popupdiv1" class="modal fade text-left show" tabindex="-1" role="dialog" aria-labelledby="myheader" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block; display:none">
    <div class="modal-dialog" role="document" style="top:10%">
        <div class="modal-content" style="height:410px; width:601px">
            <div>
                <button type="button" class="close" onclick="formrefresh1()" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>

                @*<div id="divmultimage1" class="modal-body" style="height:400px;overflow:auto">*@
                <div id="DDh1" style="height:800px; width:601px">


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

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

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

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

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


        </div>
    </div>
</div>
<script>
    function formrefresh1() {
        $('#popupdiv1').hide();
        $('#DDh1').empty();
    }
</script>


<script>


        $('#btnlist').click(function (e) {

            GetRows(0);


        });

//.............................................................

        function validate(file) {
            var ext = file.split(".");
            ext = ext[ext.length - 1].toLowerCase();
            var arrayExtensions = ["jpg", "jpeg", "png", "bmp", "gif"];

            if (arrayExtensions.lastIndexOf(ext) == -1) {
                warningshow("Wrong extension type.");
                $("#selectedImage").val("");
            }
        }


        function imagemaxsize() {
        }



</script>

@*----------------------------------------------------------*@
<script>
        //$("#btnslider").click(function () {
        //    //LOAD IMAGEEEE
        //    imagesliderload();
        //    $('#popupdiv1').show()
        //    $('#DDh1').show()
        //    $("#btnslider").hide()

        //});


        var imgcnt = 0;

        function imagesliderload(ProdId) {
            var dd = new Date();

            $('.pip').remove();
            $.ajax({
                url: "../ProjectImages/Products/" + $('#ItemId').val() + ".png",
                type: 'HEAD',
                error: function () {
                    $('#myImg').attr('src', "../app-assets/img/elements/04.png");
                },
                success: function () {
                    $('#myImg').attr('src', "../ProjectImages/Products/" + $('#ItemId').val() + ".png?" + dd.getTime());
                }
            });
            var formData = new FormData();
            var ImageId = $('#ItemId').val();
            formData.append("UniqueId", ImageId);

            $.ajax({
                type: "POST",
                url: '/Master/CheckFolderLengthProduct',
                data: formData,
                dataType: "html",
                contentType: false,
                processData: false,
                success: function (result1) {


                    var ProdId = ImageId;
                    TotalImage = result1;

                    var SlideData = '';
                    if (TotalImage == 0) {

                        SlideData = '<img src="../app-assets/img/NoImage.png" style="height:600px;width:599px;align:center; margin-top:0;">';

                    } else {
                        for (i = 0; i < TotalImage; i++) {

                            var d = new Date();

                            var nextImage = 0; var prevImame = 0;

                            if (i == (0)) {
                                SlideData += '<div id=slimg-' + i + '><input type="radio"  visibility: hidden name="radio-btn" id=img-' + i + ' checked  /><li style="list-style:none;"><div  style="height:800px;width:500px ;text-align: left" class=""> <img src="../ProjectImages/Products/' + ProdId + '/' + ProdId + '-' + i + '.png?' + d.getTime() + '" style="height:600px;width:599px; align:center; margin-top:0;" id="im' + i + '"/><label for="img-' + prevImame + '" class="prev"  id="previous' + i + '" onclick=previmg(' + i + ')>&#10094; </label>&nbsp&nbsp <label for="img-' + nextImage + '" class="next1" id="next"  onclick=nextimg(' + i + ')>&#10095;</label></div></li></div>';

                                imgcnt = i;
                            }
                            else
                                SlideData += '<div style="display:none" id=slimg-' + i + '><input type="radio" visibility: hidden name="radio-btn" id=img-' + i + ' checked /><li style="list-style:none;"><div style="height:800px; width:500px ; text-align: left" class=""> <img src="../ProjectImages/Products/' + ProdId + '/' + ProdId + '-' + i + '.png?' + d.getTime() + '" style="height:600px;width:599px; align:center" id="im' + i + '"/><label for="img-' + prevImame + '" class="prev" style="border-bottom:0" id="previous' + i + '" onclick=previmg(' + i + ')>&#10094;</label>&nbsp&nbsp <label for="img-' + nextImage + '" class="next1" style="border-bottom:0" id="next' + i + '" onclick=nextimg(' + i + ')>&#10095;</label></div></li></div>';


                        }
                    }

            $('#DDh1').append(SlideData);

            $(".remove").click(function () {
                $(this).parent(".pip").remove();
            });

            }

                });

            $('#popupdiv1').show();
            $('#DDh1').show()
        }

        function previmg(i)
        {

            var j = i - 1;
            if ($('#slimg-' + j).length)
            {
                $('#slimg-' + i).hide();
                $('#slimg-' + j).show();
            }

        }
        function nextimg(i) {

            var j = i + 1;
            if ($('#slimg-' + j).length)
            {
                $('#slimg-' + i).hide();
                $('#slimg-' + j).show();
            }

        }


</script>


<script>
    function imageslider() {
        if ($("#ItemId").val() != 0) {
            imagesliderload();
        }

    }



</script>
@*----------------------------------------------------------*@