     <!--
          ====================================
          ——— LEFT SIDEBAR WITH FOOTER
          =====================================
        -->
        <aside class="left-sidebar bg-sidebar">
          <div id="sidebar" class="sidebar sidebar-with-footer">
            <!-- Aplication Brand -->
            <div class="app-brand bg-success">
              <a href="./index.php">
                <img src="./assets/img/logo.png">
                <span class="brand-name">Apex Growth Bank</span>
              </a>
            </div>
            <!-- begin sidebar scrollbar -->
            <div class="sidebar-scrollbar">

              <!-- sidebar menu -->
              <ul class="nav sidebar-inner" id="sidebar-menu">
                

                
                  <li  class="" >
                    <a class="sidenav-item-link" href="./index.php">
                      <i class="mdi mdi-view-dashboard"></i>
                      <span class="nav-text">Dashboard</span> </b>
                    </a>
                    
                  </li>
                  <!-- <li  class="" >
                    <a class="sidenav-item-link" href="./index.php">
                      <i class="mdi mdi-message"></i>
                      <span class="nav-text">Messages</span> </b>
                    </a> 
                    
                  </li>-->
                  <li  class="" >
                    <a class="sidenav-item-link" style="cursor: pointer;" data-toggle="modal" data-target="#exampleModalForm">
                      <i class="mdi mdi-bank-transfer-out"></i>
                      <span class="nav-text">Transfer</span> </b>
                    </a>
                    
                  </li>
                  <li  class="" >
                    <a class="sidenav-item-link" href="./customer_mini_statement.php">
                      <i class="mdi mdi-bank-transfer"></i>
                      <span class="nav-text">Transactions</span> </b>
                    </a>
                    
                  </li>
                  <li  class="" >
                    <a class="sidenav-item-link" href="#">
                      <i class="mdi mdi-card"></i>
                      <span class="nav-text">Atms</span> </b>
                    </a>
                    
                  </li>
                  <!-- <li  class="" >
                    <a class="sidenav-item-link" href="./index.php">
                      <i class="mdi mdi-bank-Transfer Funds-in"></i>
                      <span class="nav-text">Withdraw</span> </b>
                    </a>
                    
                  </li> -->
                  <li  class="" >
                    <a class="sidenav-item-link" href="./customer_personal_details.php">
                      <i class="mdi mdi-account"></i>
                      <span class="nav-text">My Profile</span> </b>
                    </a>
                    
                  </li>
                  <li  class="" >
                    <a class="sidenav-item-link" href="./customer_logout.php">
                      <i class="mdi mdi-logout"></i>
                      <span class="nav-text">Logout</span> </b>
                    </a>
                  

</ul>
          </div>
        </aside>

      

<!-- Form Modal -->
            <div class="modal fade" id="exampleModalForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalFormTitle" aria-hidden="true">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalFormTitle">Funds Transfer</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                    </button>
                  </div>
                  <div class="modal-body">

<div class="card-body">
                      <ul class="nav nav-tabs nav-style-border pl-0 justify-content-between justify-content-xl-start" id="myTab" role="tablist">
                        <li class="nav-item">
                          <a class="nav-link active show" id="home2-tab" data-toggle="tab" href="#home2" role="tab" aria-controls="home2" aria-selected="true">Same</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" id="profile2-tab" data-toggle="tab" href="#profile2" role="tab" aria-controls="profile2" aria-selected="false">Local</a>
                        </li>
                        <li class="nav-item">
                          <a class="nav-link" id="contact2-tab" data-toggle="tab" href="#contact2" role="tab" aria-controls="contact2" aria-selected="false">Int'l Bank</a>
                        </li>
                      </ul>
                      <div class="tab-content" id="myTabContent3">
                        <div class="tab-pane pt-3 fade active show" id="home2" role="tabpanel" aria-labelledby="home2-tab">
                          <form class="form-pill">
                        <div class="form-group">
                          <label for="exampleFormControlInput3">Account No.</label>
                          <input type="email" class="form-control" id="exampleFormControlInput3" placeholder="Enter Account No.">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlPassword3">Amount</label>
                          <input type="number" class="form-control" id="exampleFormControlPassword3" placeholder="Enter Amount">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlSelect3">Bank</label>
                          <input type="text" class="form-control" id="exampleFormControlInput3" placeholder="Enter Bank">
                        </div>
                        <button type="submit" onClick="onTransfer()"class="btn btn-pill btn-success">Transfer Funds</button>
                      </form>
                        </div>
                        <div class="tab-pane pt-3 fade" id="profile2" role="tabpanel" aria-labelledby="profile2-tab">
                          <form class="form-pill">
                        <div class="form-group">
                          <label for="exampleFormControlInput3">Account Name</label>
                          <input type="text" class="form-control" id="exampleFormControlInput3" placeholder="Enter Account Name">
                          <label for="exampleFormControlInput3">Account No.</label>
                          <input type="text" class="form-control" id="exampleFormControlInput3" placeholder="Enter Account No.">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlPassword3">Amount</label>
                          <input type="number" class="form-control" id="exampleFormControlPassword3" placeholder="Enter Amount">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlSelect3">Bank</label>
                          <input type="text" class="form-control" id="exampleFormControlInput3" placeholder="Enter Bank">
                        </div>
                        <button type="submit" onClick="onTransfer()"class="btn btn-pill btn-success">Transfer Funds</button>
                      </form>
                        </div>
                        <div class="tab-pane pt-3 fade" id="contact2" role="tabpanel" aria-labelledby="contact2-tab">
                          <form class="form-pill">
                     <div class="form-group">
                <label for="username2">Reciever's Bank Name</label>
                  <input type="text"placeholder="Enter Reciever's Bank Name" class="form-control" name="bank" id="username2" value="" required="yes">
                
              </div>
                
                <div class="form-group">
                <label for="email2">Reciever's Account name</label>
                    <input type="text" placeholder="Enter Reciever's Account name" class="form-control" name="accn1" id="email2" value="" required="yes">
                
              </div>

                <div class="form-group">
                <label for="email2">Reciever's Account number</label>
                    <input type="number" placeholder="Enter Reciever's Account number" min="0" name="acnn1" class="form-control" value="" required="yes">
                
              </div>

                <div class="form-group">
                <label for="BIC">Bank Identifier Codes</label>
                    <!-- <input type="text" name="swift" class="input-text"  value=""  required="yes"/> -->
                    <select name="swift" class="form-control" required="yes">
                      <option disabled="" selected=""> Select type of Bank Identifier Codes</option>
                      <option value="swift"> SWIFT CODE </option>
                      <option value="bic"> BIC </option>
                      <option value="iban"> IBAN</option>
                    </select>
                
              </div>
                <div class="form-group">
                <label for="email2">Reciever's Bank Identifier Codes</label>
                    <input type="text" placeholder="Enter Reciever's Bank Identifier Codes" name="bic" class="form-control" value="" required="yes">
                
              </div>
                <div class="form-group">
                <label for="email2">Reciever's Country </label>
                    <input type="text" placeholder="Enter Reciever's Country" min="0" name="country" class="form-control" value="" required="yes">
               
              </div>

                <div class="form-group">
                <label for="am">Amount($) </label>
                    <input type="number" placeholder="Enter Amount($)" id="am" min="0"  max="150960" name="amount1" class="form-control" value="" required="yes">
               
              </div>

                <div class="form-group">
                <label for="comment">Comment</label>    
                    <textarea rows="4" placeholder="Enter Comment" class="form-control" placeholder="Transaction description" name="comment" required="yes"> </textarea>
                
              </div>
                        <button type="submit" onClick="onTransfer()"class="btn btn-pill btn-success">Transfer Funds</button>
                      </form>
                        </div>
                      </div>
                    </div>

<!-- 
                   <div class="card-body">
                      <form class="form-pill">
                        <div class="form-group">
                          <label for="exampleFormControlInput3">Account No.</label>
                          <input type="email" class="form-control" id="exampleFormControlInput3" placeholder="Enter Account No.">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlPassword3">Amount</label>
                          <input type="number" class="form-control" id="exampleFormControlPassword3" placeholder="Enter Amount">
                        </div>
                        <div class="form-group">
                          <label for="exampleFormControlSelect3">Bank</label>
                          <select class="form-control" id="exampleFormControlSelect3">
                            <option>Select Bank</option>
                            <option>HSBC</option>
                            <option>CHASE</option>
                            <option>WELLS FARGO</option>
                            <option>CITI GROUP</option>
                            <option>BANK OF AMERICA</option>
                          </select>
                        </div>
                        <button type="submit" onClick="onTransfer Funds()"class="btn btn-pill btn-success">Transfer Funds</button>
                      </form>
                    </div> -->









                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-danger btn-pill" data-dismiss="modal">Close</button>
                    
                  </div>
                </div>
              </div>
            </div>







<script>
function onTransfer() {
  alert("Please contact your Bank through their contact mail. ");
}
</script>




















<!-- <div class='customer_nav'>
               <ul>
                   <li id='caption'><b><u>Accounts</u></b></li>
                   
                   
                   <li><a href="customer_account_summary.php">Accounts summary</a></li>
                   <li><a href="customer_mini_statement.php">Mini statement</a></li>
                   
                   <li><a href="customer_account_statement.php">Account statement</a></li>
                 </ul>
                
        
    <ul>
                    <li id='caption'><b><u>Fund Transfer Funds</u></b></li>
                    <li><a href="add_beneficiary.php">Add Beneficiary</a></li>
                    <li><a href="display_beneficiary.php">View added Beneficiary</a></li>
                    <li><a href="customer_Transfer Funds.php">Transfer Funds Funds</a></li>
                   
                   </ul>
    <ul>
        <li id='caption'><b><u>Requests</u></b></li>
        <li><a href="customer_issue_atm.php">Issue ATM card/Cheque book</a></li>
        
                    </ul>
    
    <ul>
        <li id='caption'><b><u>Profile</u></b></li>
        
        <li><a href="customer_personal_details.php">Personal Details</a></li>
        <li><a href="change_password_customer.php">Change Password</a></li>
        <li><a href="customer_logout.php">Logout</a></li>
                    </ul>
    
    
               </div> -->