@{
    ViewBag.Title = "Customer";
}
<style>
    #CELL1 {
        border-right: 1px solid #cccccc;
        border-left: 1px solid #ffffff;
        width: 40%;
    }

    #CELL2 {
        /*padding-left:50px;*/
        border-right: 1px solid #cccccc;
        width: 40%;
    }

    #CELL3 {
        /*padding-left:50px;*/
        border-right: 1px solid #ffffff;
      
    }
     .label-control{
        font-weight: bold;
    }
       /*.form-control{
        font-weight: bold;
    }*/
</style>


<script type="text/javascript" src="../Projectscript/Common.js"></script>
<script type="text/javascript" src="../Projectscript/CustomerMaster.js"></script>
<div class="myData" data-x="M17" />
<br />
<span id="custidfortran" style="display:none"></span>
<span id="custnamefortran" style="display:none"></span>
<div id="Entry">
   
    <div class="row" style="">
        <div class="col-md-12" style="margin-top:-2%;">
            <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;">Customer</h4></td>
                            <td align="right">
                                <div 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>

                                </div>
                            </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>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="card" style="margin-top:-10px">
                                            <table width="100%">
                                                <tr>
                                                    <td id="CELL1" valign="top">
                                                        <table width="95%">
                                                            @*<tr><td height="20px"></td></tr>*@
                                                            <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-5 label-control" for="userinput1"> Account Type<span class="danger">*</span></label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_acnt" name="acnt" class="form-control"></select>
                                                                                                </div>
                                                                                            </div>



                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Code<span class="danger">*</span></label>
                                                                                                <div class="col-md-7">
                                                                                                   <table width="100%"><tr><td width="40%">
                                                                                                                  <input type="text" id="txtacnt1" maxlength="4" class="form-control" style="border-right:none;background:white;border-top-right-radius:0px;border-bottom-right-radius:0px;text-align:right" disabled>
                                                                                                       </td>
                                                                                                       <td>
                                                                                                           <input type="text" id="txtacnt" maxlength="4" class="form-control" name="acnt1" onkeypress="return isNumberInt(event, this)" autocomplete="off" style="border-top-left-radius:0px;border-bottom-left-radius:0px;border-left:none">
                                                                                                       </td>
                                                                                                       </tr></table>
                                                                                                </div>
                                                                                            </div>
                                                                                            
                                                                                            
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2"> Name<span class="danger">*</span></label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txtname" class="form-control" name="Name" autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">TRN#</label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txttrn" class="form-control" name="trnno"  autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Opening Balance</label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txtblnc" class="form-control" name="Balance" onkeypress="return isNumber(event, this)" disabled autocomplete="off">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Terms</label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_terms" name="priority" class="form-control" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-original-title="" title=""></select>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Due Days</label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txtduedays" class="form-control" name="Days" disabled="" onkeypress="return isNumberInt(event, this)">

                                                                                                </div>
                                                                                            </div>
                                                                                            @*<div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Terms</label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_terms" name="priority" class="form-control" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-original-title="" title="">

                                                                                                    </select>
                                                                                                </div>
                                                                                                <label class="col-md-2 label-control" for="userinput2"> Due Days</label>
                                                                                                <div class="col-md-3">
                                                                                                    <input type="text" id="txtduedays" class="form-control" name="Days" disabled="" onkeypress="return isNumberInt(event, this)">
                                                                                                </div>
                                                                                            </div>*@                                                                                          
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Credit Limit</label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txtcredit" class="form-control" name="Credit" onkeypress="return isNumber(event, this)" autocomplete="off">
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Salesman</label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_sales" name="priority" class="form-control"></select>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div  class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Price Group</label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_price" name="priority" class="form-control" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-original-title="" title=""></select>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Currency<span class="danger">*</span></label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_crncy" name="priority" class="form-control" data-toggle="tooltip" data-trigger="hover" data-placement="top" data-original-title="" title=""></select>
                                                                                                </div>
                                                                                            </div>

                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control">Supply To </label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_place" class="form-control"></select>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control">Email </label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="tel" class="form-control" id="txtcustemail">
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row" style="margin-top:-8px;">
                                                                                                <label class="col-md-5 label-control" for="userinput2">Phone#</label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="text" id="txtcustphone" class="form-control" name="Days" onkeypress="return isNumberInt(event, this)" >
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </form>
                                                                        </div>
                                                                    </div>

                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>

                                                    <td id="CELL2" valign="top" style="height:600px;">
                                                        <table width="100%">
                                                            <tr>
                                                                <td>

                                                                    <div class="row">
                                                                        <div class="col-md-12">
                                                                            <div class="card-content collapse show">
                                                                                <div class="card-body">
                                                                                    <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;Address Info</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">Contact person Info</a>
                                                                                        </li>
                                                                                       
                                                                                    </ul>
                                                                                    <div class="tab-content px-1 pt-1  border-lighten-2 border-0-top">
                                                                                        <div role="tabpanel" class="tab-pane active" id="div1" aria-expanded="true" aria-labelledby="tab1">
                                                                                            <div class="repeater-default">
                                                                                                <div data-repeater-list="car">
                                                                                                    <div data-repeater-item="">
                                                                                                        <form class="form" style="margin-left:10px">
                                                                                                            <div class="form-group row">&#160;&#160;&#160;<u style="font-weight:bold">Billing Address</u></div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2"> Street</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtadr1" class="form-control" name="Address1" onkeyup="checkauto()" autocomplete="off">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2">City</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtadr3" class="form-control" name="Address3" onkeyup="checkauto()" autocomplete="off">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput1">State</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtstate" class="form-control" name="Address3" onkeyup="checkauto()" autocomplete="off">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2">Pin</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input class="form-control" type="email" id="txtpin" onkeyup="checkauto()" onkeypress="return isNumberInt(event, this)" autocomplete="off">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2">Country</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input class="form-control" type="email" id="txtcntry" onkeyup="checkauto()" autocomplete="off">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row">
                                                                                                                &#160;&#160;&#160;<u style="font-weight:bold">Shipping Address</u>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;
                                                                                                                <div class="custom-control custom-checkbox">
                                                                                                                    <input type="checkbox" class="custom-control-input" checked="" name="customCheck" id="select_adrs">
                                                                                                                    <label class="custom-control-label" for="select_adrs" style="font-weight:bold">Same As Billing Address</label>
                                                                                                                </div>

                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2">Street</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtadr2" class="form-control" name="Address2" readonly="">
                                                                                                                </div>
                                                                                                            </div>
                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2"> City</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtcity" class="form-control" name="Contact" readonly="">
                                                                                                                </div>
                                                                                                            </div>

                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2"> State</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input type="text" id="txtstate1" class="form-control" name="Contact" readonly="">
                                                                                                                </div>
                                                                                                            </div>



                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2"> Pin</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input class="form-control" type="email" id="txtpin1" readonly="" onkeypress="return isNumberInt(event, this)">
                                                                                                                </div>
                                                                                                            </div>


                                                                                                            <div class="form-group row" style="margin-top:-10px;">
                                                                                                                <label class="col-md-4 label-control" for="userinput2">Country</label>
                                                                                                                <div class="col-md-8">
                                                                                                                    <input class="form-control" type="email" id="txtcntry1" readonly="">
                                                                                                                </div>
                                                                                                            </div>








                                                                                                        </form>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                        <div class="tab-pane" id="div2" aria-labelledby="tab2">
                                                                                            <div class="repeater-default">
                                                                                                <div data-repeater-list="car">
                                                                                                    <div data-repeater-item="">
                                                                                                        <form class="form" style="margin-left:20px">
                                                                                                            <div class="form-body">
                                                                                                                <div class="form-group row">

                                                                                                                </div>

                                                                                                                <div class="form-group row">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Contact Person 1</label>
                                                                                                                    <div class="col-md-8">

                                                                                                                        <input type="text" class="form-control" id="txtcn1" autocomplete="off">

                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Contact#</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <input type="tel" placeholder="" class="form-control" id="txtcno1" onkeypress="return isNumberInt(event, this)" autocomplete="off">
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Email </label>
                                                                                                                    <div class="col-md-8">                                                                                                                      
                                                                                                                        <input type="text" id="txtemail" class="form-control" autocomplete="off">

                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Person 2</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <input type="text" placeholder="" class="form-control" id="txtcn2" autocomplete="off">
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Contact#</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <input type="tel" class="form-control" id="txtcno2" onkeypress="return isNumberInt(event, this)" autocomplete="off">
                                                                                                                    </div>
                                                                                                                </div>



                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Person 3</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <input type="text" placeholder="" class="form-control" id="txtcn3" autocomplete="off">
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Contact#</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <input type="tel" placeholder="" class="form-control" id="txtcno3" onkeypress="return isNumberInt(event, this)" autocomplete="off">
                                                                                                                    </div>

                                                                                                                </div>


                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-4 label-control" for="userinput1">Notes</label>
                                                                                                                    <div class="col-md-8">
                                                                                                                        <textarea id="txtnotes" rows="10" class="form-control" autocomplete="off" name="notes" style="height:100px;"></textarea>
                                                                                                                    </div>

                                                                                                                </div>





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


                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td id="CELL3" valign="top">

                                                        <div class="col-12 col-md-9 col-lg-9">
                                                            <div class="card">
                                                                <div class="card-header text-center" style="margin-left:50px">

                                                                    <img id="myImg" src="../app-assets/img/portrait/small/avatar-s-12.png" alt="Gini" width="100" class="rounded-circle gradient-back-to-earth" onerror="this.onerror=null; this.src='../app-assets/img/portrait/small/avatar-s-12.png';">

                                                                </div>
                                                                <div class="" style="">
                                                                    <div class="" style="">
                                                                      
                                                                        <input type="file" id="selectedImage" class="btn btn-sm gradient-back-to-earth" style="width:100%;">



                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div><hr />
                                                    </td>
                                                </tr>
                                            </table>
                                            <div class="card-body" style="border-top:1px solid #e3e8e8;">
                                                <br />

                                                <div class="form-body" style="margin-top:-1%">
                                                    <div class="form-actions center" >
                                                        <div class="text-right">
                                                            <button type="button" style="width:100px" id="btnsubmit" class="btn btn-primary btn-min-width mr-1 mb-1"><u>S</u>ave <i class="fa fa-check-square-o"></i></button>
                                                            <button type="button" style="width:100px" id="btnlist" onclick="GetRows(0)" class="btn btn-primary btn-min-width mr-1 mb-1">List <i class="ft-align-justify"></i></button>
                                                            <button type="button" style="width:100px" id="btnnew" onclick="formrefresh()" class="btn btn-primary btn-min-width mr-1 mb-1">Clear <i class="ft-refresh-cw position-right"></i></button>
                                                            <button style="display:none" type="button" id="btndelete" class="btn btn-primary btn-min-width mr-1 mb-1">Delete <i class="fa fa-times"></i></button>
                                                        </div>                                                      
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

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

            <form id="salestransdiv" style="display:none;">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <section>
                                <div class="row">
                                    <div class="col-sm-12">
                                        <div class="card">
                                            <div class="card-body">
                                                <div class="card-block" style="overflow:scroll;width:100%;overflow:auto">
                                                    <div id="salestransdiv" class="jsgrid" style="position: relative;overflow-y:scroll;width:100%;height:560px">
                                                        <input type="hidden" id="salestransid" />
                                                        <table class="table table-responsive-md-md text-center table-bordered table-striped" id="tblsalestrans" style="width:100%;overflow-x:scroll;overflow-y:scroll;font-size:small"></table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</div>


<div style="display:none;" 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;">Customer 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>
                    <div class="card-content collapse show">
                        <div class="card-body card-dashboard" style="overflow:auto">
                            <table id="tblcustomer" class="table table-striped table-bordered base-style dataTable"></table>
                            <br />

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

<div style="margin-bottom:3%" class="row col-md-12">
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;">Last Sales Transactions Itemdetails : F7</h6>
    <h6 class="col-md-2" style="font-size:medium;color:white;text-align:left;font-weight:500;margin-left:2%">Last Purchase Transactions : F8</h6>
</div>

    <div class="modal fade text-left show" id="addacnttype" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" style="padding-right: 17px; background:rgba(0,0,0,0.5); display: block;display:none;">
        <div class="modal-dialog" role="document" style="top:200px">
            <div class="modal-content">

                <div class="modal-body" ><br /> <br />
                   <center><h2 style="color:#ef1111">Please Add Account Type!</h2>    <br />    </center>              
                </div>               
            </div>
        </div>
    </div>



    <script type="text/javascript">








        $(document).ready(function () {



            $("#txtacnt").focus(function () {
                $("#txtacnt1").css("background-color", "#e6ffff");
            });
            $("#txtacnt").focusout(function () {
                $("#txtacnt1").css("background-color", "white");
            });


           $(document).keydown(function (e) {


                        var x = event.keyCode;
                            if (x == 119) {           // F8 - Pop Up to Show Sales Transaction Details of Selected Product
                                //if ((usermenu1.indexOf("M54") != -1) || (usermenu1.indexOf("M162") != -1) || (usermenu1.indexOf("M173") != -1) || (usermenu1.indexOf("M192") != -1) || (usermenu1.indexOf("M227") != -1)) {

                                    Salespopupinvoice($('#custidfortran').text());
                                    hidepopup(1);
                                    $('#productpdiv').hide();
                                    $('#TransactionPopup').hide();
                                    $('#PurchaseTransactionPopup').hide();
                                    $('#MonthwisePurchase').hide();
                                    $('#salestranspopupdiv').show();
                              //  }
                              //  else {
                              //      $('#salestranspopupdiv').hide();
                              //      $('#salestransdiv').hide();
                              //      warningshow('Invalid User Rights')
                              //  }

                            }
                        if (x == 118) {           // F7 - Pop Up to Show Sales Transaction Details of Selected Product
                                //if ((usermenu1.indexOf("M54") != -1) || (usermenu1.indexOf("M162") != -1) || (usermenu1.indexOf("M173") != -1) || (usermenu1.indexOf("M192") != -1) || (usermenu1.indexOf("M227") != -1)) {

                                    Salespopup($('#custidfortran').text());
                                    hidepopup(1);
                                    $('#productpdiv').hide();
                                    $('#TransactionPopup').hide();
                                    $('#PurchaseTransactionPopup').hide();
                                    $('#MonthwisePurchase').hide();
                                    $('#salestranspopupdiv').show();
                              //  }
                              //  else {
                              //      $('#salestranspopupdiv').hide();
                              //      $('#salestransdiv').hide();
                              //      warningshow('Invalid User Rights')
                              //  }

                            }

                    });


        });

         function Salespopupinvoice(ItemId) {

                $('#alltranscheckboxdiv').hide();
                $('#alltranscheckboxdivsales').show();

                X = $('#salestransid').val();
                //for (var j = 1; j <= X; j++) {
                //    $('#sid_' + j).remove();
                //}

                if ($('#select_status_sales').prop("checked"))
                    var s = 1;
                else
                    var s = 0;


                $('#salestransid').val(0);
                if ($('#ProductId').val() != 0) {
                    var data = {};   //array
                    data.ProductId = ItemId;
                    data.DeptId = ERPDeptId;
                    data.type = 9991;
                    data.UserId = ERPUserId;
                    $.ajax({
                        type: "POST",
                        url: "../SalesInvoice/SalesTransGetandGets",
                        data: data,
                        success: function (result) {

                            $('#salestranspopupdiv').show();
                            $("#salestranspopupdiv").css("margin-top", '0px');
                            var ProductDesc = $('#custnamefortran').text();
                          //  var product = $('#ItemDescription').val();
                            $('#salesheader').text(ProductDesc  + ' :  Last Sales Transaction');
                            $('#salestransdiv').show();
                            SalesTransLoadinvoice(result);
                        }
                    });
                }

            }


         function SalesTransLoadinvoice(result) {

                disable_datatable('tblsalestrans');
                $('#tblsalestrans tr').remove();
                var ProdRow = "<thead><tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>AccountName</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr>" +
                                           "<tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>AccountName</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr></thead><tbody>";


                if (result.length != 0) {

                    for (var n = 0; n < result.length; n++) {

                        ProdRow += "<tr class='jsgrid-row' id=" + 'pdctrow' + (n + 1) + ">" +
                           "<td class='text-left'> " + result[n].BillDescription + " - " + result[n].BillSlNo + "</td>" +
                           "<td class='text-left'>" + result[n].InvDate + "                                   </td>" +
                           "<td style='width:25%' class='text-left'>" + result[n].CustName + "                                   </td>" +
                           //"<td style='width:15%' class='text-left'>" + result[n].CustAddress + "                                   </td>" +
                           "<td style='width:6%' class='text-right'>" + result[n].ProdQty + "                                   </td>" +
                           "<td class='text-right'>" + parseFloat(result[n].Amount || 0).toFixed(Decimal) + " </td>" +
                           "<td class='text-left'>" + result[n].Location + " </td>" +
                           "<td class='text-left' style='width:20%'>" + result[n].SalesMan + " </td>" +
                           //"<td style='width:7%' class='text-left'>" + result[n].LPONumber + "                                   </td>" +
                           "<td class='text-left'>" + result[n].DepartmentName + "                                   </td>" +
                            "</tr>";
                    }
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                    $('#tblsalestrans').scrollTop(0);
                }
                else {
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                }


            }


        function Salespopup(ItemId) {

                $('#alltranscheckboxdiv').hide();
                $('#alltranscheckboxdivsales').show();

                X = $('#salestransid').val();
                //for (var j = 1; j <= X; j++) {
                //    $('#sid_' + j).remove();
                //}

                if ($('#select_status_sales').prop("checked"))
                    var s = 1;
                else
                    var s = 0;


                $('#salestransid').val(0);
                if ($('#ProductId').val() != 0) {
                    var data = {};   //array
                    data.ProductId = ItemId;
                    data.DeptId = ERPDeptId;
                    data.type = 999;
                    data.UserId = ERPUserId;
                    $.ajax({
                        type: "POST",
                        url: "../SalesInvoice/SalesTransGetandGets",
                        data: data,
                        success: function (result) {

                            $('#salestranspopupdiv').show();
                            $("#salestranspopupdiv").css("margin-top", '0px');
                            var ProductDesc = $('#custnamefortran').text();
                          //  var product = $('#ItemDescription').val();
                            $('#salesheader').text(ProductDesc  + ' :  Last Sales Transaction');
                            $('#salestransdiv').show();
                            SalesTransLoad(result);
                        }
                    });
                }

            }


         function SalesTransLoad(result) {

                disable_datatable('tblsalestrans');
                $('#tblsalestrans tr').remove();
                var ProdRow = "<thead><tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>ProductCode</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr>" +
                                           "<tr><th>SalesInvoice</th><th>Date</th><th style='width:25%'>ProductCode</th><th style='width:6%'>Qty.</th><th>Price</th><th>Location</th><th style='width:20%'>SalesMan</th><th>Department</th></tr></thead><tbody>";


                if (result.length != 0) {

                    for (var n = 0; n < result.length; n++) {

                        ProdRow += "<tr class='jsgrid-row' id=" + 'pdctrow' + (n + 1) + ">" +
                           "<td class='text-left'> " + result[n].BillDescription + " - " + result[n].BillSlNo + "</td>" +
                           "<td class='text-left'>" + result[n].InvDate + "                                   </td>" +
                           "<td style='width:25%' class='text-left'>" + result[n].ProductDescr + "                                   </td>" +
                           //"<td style='width:15%' class='text-left'>" + result[n].CustAddress + "                                   </td>" +
                           "<td style='width:6%' class='text-right'>" + result[n].ProdQty + "                                   </td>" +
                           "<td class='text-right'>" + parseFloat(result[n].ProdRate || 0).toFixed(Decimal) + " </td>" +
                           "<td class='text-left'>" + result[n].Location + " </td>" +
                           "<td class='text-left' style='width:20%'>" + result[n].SalesMan + " </td>" +
                           //"<td style='width:7%' class='text-left'>" + result[n].LPONumber + "                                   </td>" +
                           "<td class='text-left'>" + result[n].DepartmentName + "                                   </td>" +
                            "</tr>";
                    }
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                    $('#tblsalestrans').scrollTop(0);
                }
                else {
                    $('#tblsalestrans').html(ProdRow + '</tbody>');
                    datatableWithsearch('tblsalestrans', 'MultipleSalesT');
                }


            }
         function datatableWithsearch(tablename, Type) {
                var a = '#' + tablename + ' tr:eq(1) th'

                $(a).each(function () {
                    var title = $(this).text();
                    if (title != ' ')
                        if (title == 'Select' || title == 'Details') {
                            $(this).html('<input type="text" class="form-control"  style="width:30px;display:none"  placeholder="' + title + '"/>')
                        }
                        else {
                            $(this).html('<input type="text" class="form-control"   placeholder="' + title + '"/>')
                        }
                });

                var table = null;

                if (Type == 'Single') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        orderCellsTop: true,
                        //"order": false,
                    });

                }
                else if (Type == 'Multiple') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tir',
                        orderCellsTop: true,
                        "order": [],
                        "pageLength": -1
                    });


                }
                else if (Type == 'MultiplePurchaseT') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                            { "width": "10%", "targets": 0 },
                            { "width": "15%", "targets": 2 },
                        ],
                        orderCellsTop: true,
                        "order": [],
                        //  "pageLength": -1,
                        autoWidth: false
                    });

                }
                else if (Type == 'MultipleSalesT') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                            { "width": "8%", "targets": 0 },
                             { "width": "8%", "targets": 1 },
                              { "width": "6%", "targets": 3 },
                               { "width": "7%", "targets": 4 },
                                { "width": "10%", "targets": 5 },
                                 { "width": "20%", "targets": 6 },
                                  { "width": "12%", "targets": 7 },
                        ],
                        orderCellsTop: true,
                        "order": [],
                        // "pageLength": -1
                    });


                }

                else if (Type == 'MultipleAllTransaction') {

                    table = $('#' + tablename).DataTable({
                        dom: 'tipr',
                        "columnDefs": [
                                { "width": "10%", "targets": 2 }
                        ],
                        orderCellsTop: true,
                        "order": [],
                        //"pageLength": -1,
                        autoWidth: false
                    });

                }
                table.columns().every(function (index) {
                    $('#' + tablename + ' thead tr:eq(1) th:eq(' + index + ') input').on('keyup change', function () {
                        table.column($(this).parent().index() + ':visible')
                            .search(this.value)
                            .draw();
                    });
                });
            }
         function hidepopup(flg) {

                if (flg == 0)                 //Show Popup
                {
                    if ($('#toggle').prop("checked") == false)
                        $('#toggle').click();
                }
                else if (flg == 1)           //Hide Popup
                {
                    if ($('#toggle').prop("checked") == true)
                        $('#toggle').click();
                }
            }

        function salestranspopuprefresh() {
                var pdtrowcnt = $('#pdtrowcnt').val();
                for (var n = 0; n <= pdtrowcnt; n++) {
                    $('#pdctrow' + n).remove();
                }
                $('#salestranspopupdiv').hide();
                $('#salestransdiv').hide();
                $('#salesheader').text('Transaction Details')
            }
        function addnew() {
            var no = $('#slno').val();
            $('#' + no).show("fast");
            $('#slno').val(+no + 1)
            if(no==3)
            {
                $('#aaaaa').hide();
            }
        }



        function isNumberInt(evt, selectedvalue) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            $(selectedvalue).val($(selectedvalue).val().replace(/[^0-9\.]/g, ''));
            if (charCode != 8 && charCode != 13 && (charCode < 48 || charCode > 57)) {
                evt.preventDefault();
                warningshow('Digits Only')
                return false;
            }
            return true;

        }
        function isNumber(evt, selectedvalue) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            $(selectedvalue).val($(selectedvalue).val().replace(/[^0-9\.]/g, ''));
            if (charCode != 8 && (charCode != 46 || $(selectedvalue).val().indexOf('.') != -1) && charCode != 13 && (charCode < 48 || charCode > 57)) {
                evt.preventDefault();
                warningshow('Digits Only')
                return false;
            }
            return true;

        }

        $('.form-control').attr('autocomplete', 'off');
    </script>


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