<?php require('header.php');?>



        <!-- partial -->
        <div class="main-panel">
          <div class="content-wrapper">
            <div class="page-header">
              <h3 class="page-title"> INTERNATIONAL TRANSFER</h3>
              <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Inter Fund Transfer</li>
                </ol>
              </nav>
            </div>
            <div class="row">
            
              <div class="col-12 grid-margin">
                <div class="card">
                  <div class="card-body">
                    <h4 class="card-title">Details</h4>
                    <br>
                    
<?php echo $msg;?>
                    <form action="../include/processing.php" method="POST">
                    
                      <!--<p class="card-description"> Address </p>-->
            <div class="row">
                        
                    
                        <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Reciever's Fullname</label>
                            <div class="col-sm-9">
                              <input type="text" name="receiver_name" class="form-control" required/>
                            </div>
                          </div>
                        </div>
                  
 <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Receiver's Account Number</label>
                            <div class="col-sm-9">
                              <input type="text" name="receiver_account" class="form-control">
                            </div>
                          </div>
                        </div>
                      </div>


                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Receiver's Bank Name</label>
                            <div class="col-sm-9">
                              <input type="text" name="receiver_bank" class="form-control" required/>
                            </div>
                          </div>
                        </div>
                                            <div class="col-md-6">
                                                       

                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Receiver's Account Type</label>
                            <div class="col-sm-9">
                              <select class="form-control" name="account_type" required>
                                                                            <option selected disabled> SELECT</option>
                                 <option value="SAVINGS"> SAVINGS ACCOUNT</option>
                                 <option value="CURRENT"> CURRENT ACCOUNT</option>
                             <option value="CHECKING"> CHECKING ACCOUNT</option>
                          

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

                      </div>

                      <div class="row">
                        <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Receiver's Bank Address</label>
                            <div class="col-sm-9">
                              <input type="text" name="receiver_address" class="form-control" required/>
                            </div>
                          </div>
                        </div>
                                            <div class="col-md-6">
                                                       

                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Country Located</label>
                            <div class="col-sm-9">
                              <select class="form-control" name="country" required>
                                  <option selected disabled> SELECT COUNTRY</option>
                                    <?php require('includes/all-countries.php');?>
                          

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

                      </div>
                      
                                  <div class="row">
                        
                    
                        <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Account IBAN or Routing Number</label>
                            <div class="col-sm-9">
                              <input type="text" name="routine_number" class="form-control" required/>
                            </div>
                          </div>
                        </div>
                  
 <div class="col-md-6">
                          <div class="form-group row">
                            <label class="col-sm-3 col-form-label">Amount To Transfer</label>
                            <div class="col-sm-9">
                              <input type="text" name="amount_transfer" class="form-control">
                            </div>
                          </div>
                        </div>
                      </div>

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

                            <label class="col-sm-3 col-form-label">Decription</label>
                            <div class="col-sm-9">
                                 <small style="color:#DAF7A6">Optional*</small>
<br>
                              <textarea type="text" name="reason_transfer" class="form-control"></textarea>
                            </div>
                          </div>
                        </div>
                  
 
                      </div>

                      <br>
                       <div class="input-group-append">
<button type="submit" class="button-86" name="inter_transfer" role="button">Submit</button>
                        </div>
                    </form>
                  </div>
                </div>
              </div>
              
            </div>
          </div>
          <style>
            

/* CSS */
.button-86 {
  all: unset;
  width: 100px;
  height: 30px;
  font-size: 16px;
  background: transparent;
  border: none;
  position: relative;
  color: #f0f0f0;
  cursor: pointer;
  z-index: 1;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-86::after,
.button-86::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -99999;
  transition: all .4s;
}

.button-86::before {
  transform: translate(0%, 0%);
  width: 100%;
  height: 100%;
  background: #28282d;
  border-radius: 10px;
}

.button-86::after {
  transform: translate(10px, 10px);
  width: 35px;
  height: 35px;
  background: #ffffff15;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border-radius: 50px;
}

.button-86:hover::before {
  transform: translate(5%, 20%);
  width: 110%;
  height: 110%;
}

.button-86:hover::after {
  border-radius: 10px;
  transform: translate(0, 0);
  width: 100%;
  height: 100%;
}

.button-86:active::after {
  transition: 0s;
  transform: translate(0, 5%);
}
          </style>
          <!-- content-wrapper ends -->
          <!-- partial:../../partials/_footer.html -->
          
            <script>
function Traficate(){


        $("#verify").html("Processing...");
        return true;
        
    }
    
</script>
<?php require('footer.php');?>
