@{
    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/Supplier.js"></script>




<div class="myData" data-x="M18" />
<br />
<div id="Entry">
   
    <div class="row" style="">
        <div class="col-md-12" style="margin-top:-1.5%;">
            <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;">Supplier</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 id="" width="100%">
                                                <tr>
                                                    <td id="CELL1" valign="top">
                                                        <table width="95%">                                                         
                                                            <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" onkeypress="return isNumber(event, this)" name="Balance"  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-3 label-control" for="userinput2">Terms</label>
                                                                                                <div class="col-md-3">
                                                                                                    <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">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">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Supply To </label>
                                                                                                <div class="col-md-7">
                                                                                                    <select id="select_place" class="form-control"></select>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="form-group row">
                                                                                                <label class="col-md-5 label-control" for="userinput1">Email </label>
                                                                                                <div class="col-md-7">
                                                                                                    <input type="tel" placeholder="" class="form-control" id="txtcustemail" autocomplete="off">
                                                                                                </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-5 label-control" for="userinput1">Contact Person 1</label>
                                                                                                                    <div class="col-md-7">
                                                                                                                      
                                                                                                                            <input type="text" class="form-control" id="txtcn1">
                                                                                                                       
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-5 label-control" for="userinput1">Contact#</label>
                                                                                                                    <div class="col-md-7">
                                                                                                                        <input type="tel" placeholder="" class="form-control" id="txtcno1" onkeypress="return isNumberInt(event, this)">
                                                                                                                    </div>
                                                                                                                </div>
                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-5 label-control" for="userinput1">Email</label>
                                                                                                                    <div class="col-md-7">                                                                                                                       
                                                                                                                        <input type="text" id="txtemail" class="form-control">
                                                                                                                    </div>
                                                                                                                </div>

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


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

                                                                                                                <div class="form-group row" style="margin-top:0px">
                                                                                                                    <label class="col-md-5 label-control" for="userinput1">Notes</label>
                                                                                                                    <div class="col-md-7">
                                                                                                                        <textarea id="txtnotes" rows="10" class="form-control" 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 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">
                                                    <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 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;">Supplier 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="tblsupplier" class="table table-striped table-bordered base-style dataTable"></table>
                            <br />

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</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");
        });


    });






    $(function () {
        $(":file").change(function () {
            if (this.files && this.files[0]) {
                var reader = new FileReader();
                reader.onload = imageIsLoaded;
                reader.readAsDataURL(this.files[0]);
            }
        });
    });
    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;

    }
        function addnew() {
            var no = $('#slno').val();
            $('#' + no).show("fast");
            $('#slno').val(+no + 1)
            if(no==3)
            {
                $('#aaaaa').hide();
            }
        }

        $('.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>