<?php require_once('head.php'); ?>


  <body>
  <!-- container section start -->
  <section id="container" class="">
      
	<?php require_once('header.php'); ?>	

	<?php require_once('sidebar.php'); ?>
      
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">

			  <div class="row">
                  <div class="col-lg-12">
                      <!--breadcrumbs start -->
                      <ul class="breadcrumb">
                          <li><a href="dashboard.php"><i class="icon_house_alt"></i> Accounts</a></li>
                          <li class="active"> Transfers</li>
						  <li class="pull-right"> <i class="icon_calendar"></i>
							 <?php echo date('l jS F Y'); ?></li>
                      </ul>
                      <!--breadcrumbs end -->
                  </div>
              </div>
			  
			  <div class="row">
					<div class="col-lg-12">
					<section class="panel panel-body">
					<h3><?php echo WEB_NAME ?></h3>
					<h4>ACCOUNT TRANSFERS</h4>
					  <div class="col-lg-6 col-sm-6">
					  <h3>
						<?php echo $row['user_acc']; ?>
					  </h3>
					  <p>ACCOUNT NUMBER</p>
					  </div>
					  <div class="col-lg-6 col-sm-6">
					  <h3>
						<?php echo $_SESSION['currency']; ?> 
						<?php
						$credit = sum_credits($_SESSION['user_acc']);
						$debit = sum_debits($_SESSION['user_acc']);
						$bal = $credit - $debit;
						echo number_format($bal,2); 
						?>
					  </h3>
					  <p>TOTAL AVAILABLE BALANCE</p>
					  </div>
					</section>
					</div>
              </div>
			  
			  <!-- Recent Transactions Starts -->
			  <div class="row">
                  <div class="col-lg-12">
                      <section class="panel">
                          <header class="panel-heading">
                              Transfers
                          </header>
						  
							<div class="panel-body">
						  
							<div style="margin: 10px auto"><img src="ajax-loader.gif" alt="validating"></div>
							
							<div id="splashcontainer" style="margin:20px 0px 40px 0px;"> </div>
							
							</div>
                      </section>
                  </div>
              </div>
			  <!-- Recent Transactions end -->

              

          </section>
      </section>
      <!--main content end-->
  </section>
  <!-- container section start -->

    <!-- javascripts -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- nice scroll -->
    <script src="js/jquery.scrollTo.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>

    <!-- jquery ui -->
    <script src="js/jquery-ui-1.9.2.custom.min.js"></script>

    <!--custom checkbox & radio-->
    <script type="text/javascript" src="js/ga.js"></script>
	
    <!-- jquery validate js -->
    <script type="text/javascript" src="js/jquery.validate.min.js"></script>

    <!-- custom form validation script for this page-->
    <script src="js/form-validation-script.js"></script>

    <!-- bootstrap-datepicker -->
    <script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/date.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/daterangepicker.js"></script>    
    <!-- custom form component script for this page-->
    <script src="js/form-component.js"></script>
    <!-- custome script for all page -->
    <script src="js/scripts.js"></script>
	
	<script src="assets/js/splash.js" type="text/javascript"></script>

  </body>
</html>