@{
    ViewBag.Title = "Bank";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript" src="../Projectscript/Common.js"></script>
<script type="text/javascript" src="~/ProjectScript/BankMaster.js"></script>
<style>
    .label-control {
        font-weight: bold;
    }
</style>
<div class="myData" data-x="M15" />

<div id="Entry" style="width:50%;margin-left:25%;">
   
    <div class="row">
        <div class="col-md-12">
            <div class="card" style="margin-top:15%">
                <div class="card-header" style="border-bottom:1px solid #e6e6e6;text-align:center">
                    <h4 class="card-title mb-0" style="font-weight:bold;">Bank</h4>
                </div>
                <div class="card-body">
                    <div class="px-3">
                        <div class="card-content collapse show">
                            <div class="card-body">
                                <form action="#">
                                    <div class="form-body">
                                       <div style="height:15px;"></div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput1">Code<span class="danger">*</span></label>
                                                    <div class="col-md-8">
                                                        <input type="text" id="bcode" class="form-control" onkeyup="changetoupper(this.id),CodeName()" autocomplete="off"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2">Name<span class="danger">*</span></label>
                                                    <div class="col-md-8">
                                                        <input type="text" id="bname" onkeyup="changetoupper(this.id)" class="form-control" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput1">Address 1</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="add1" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2">Branch</label>
                                                    <div class="col-md-8">
                                                        <input type="text" id="branch" class="form-control" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>




                                          
                                        </div>
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2"> Address 2</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="add2" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2">Phone#</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="phn" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>

                                            
                                        </div>


                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2">Address 3</label>
                                                    <div class="col-md-8">
                                                        <input type="text" class="form-control" id="add3" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                            
                                            <div class="col-md-6">

                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput1">ZIP Code</label>
                                                    <div class="col-md-8">
                                                        <input type="text" id="zcode" class="form-control" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                       
                                        <div class="row">
                                            <div class="col-md-6">
                                                <div class="form-group row">
                                                    <label class="col-md-4 label-control" for="userinput2">Email</label>
                                                    <div class="col-md-8">
                                                        <input type="email" class="form-control" id="email" autocomplete="off">
                                                    </div>
                                                </div>
                                            </div>

                                        </div>

                                        <div class="form-actions">
                                            <div class="text-center">
                                                <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>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>





<div style="margin-left:20%;display:none;width:60%;" 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;">Bank 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="tblBank" class="table table-striped table-bordered base-style dataTable"></table>
                            <br />

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







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