<div class="container-fluid py-4">
			<h2>Account Summary</h2>
			<div class="card card-body overflow-hidden" style="margin-bottom:20px">
<div class="row gx-4">
<div class="col-auto">
<div class="avatar avatar-xl position-relative">
<img src="/img/upload/<?php echo $userdata['passport_photo']; ?>" alt="profile_image" class="w-100 border-radius-lg shadow-sm">
</div>
</div>
<div class="col-auto my-auto">
<div class="h-100">
<h5 class="mb-1">
<?php echo $userdata['acct_name']; ?>
</h5>
<p class="mb-0 font-weight-bold text-sm">
<?php echo $userdata['acct_email']; ?>
</p>
</div>
</div>
</div>
</div>
			<div class="row">
			    <div class="col-xl-4 col-sm-6 mb-xl-0 mb-4">
          <div class="card">
            <div class="card-body p-3">
              <div class="row">
                <div class="col-8">
                  <div class="numbers">
                    <p class="text-sm mb-0 text-capitalize font-weight-bold" style="font-size:0.8em !important">Account Number</p>
                    <h5 class="font-weight-bolder mb-0">
					<?php echo $userdata['acct_number']; ?>
                      <span class="text-danger text-sm font-weight-bolder"></span>
                    </h5>
                  </div>
                </div>
                <div class="col-4 text-end">
                  <div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
                    <i class="ni ni-paper-diploma text-lg opacity-10" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-sm-6 mb-xl-0 mb-4">
          <div class="card">
            <div class="card-body p-3">
              <div class="row">
                <div class="col-8">
                  <div class="numbers">
                    <p class="text-sm mb-0 text-capitalize font-weight-bold" style="font-size:0.8em !important">Main Balance</p>
                    <h5 class="font-weight-bolder mb-0">
					<?php echo $currency.number_format($userdata['checking_balance'],2); ?>
                      <span class="text-success text-sm font-weight-bolder"></span>
                    </h5>
                  </div>
                </div>
                <div class="col-4 text-end">
                  <div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
                    <i class="ni ni-money-coins text-lg opacity-10" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-sm-6 mb-xl-0 mb-4">
          <div class="card">
            <div class="card-body p-3">
              <div class="row">
                <div class="col-8">
                  <div class="numbers">
                    <p class="text-sm mb-0 text-capitalize font-weight-bold" style="font-size:0.8em !important">Account Type</p>
                    <h5 class="font-weight-bolder mb-0">
					<?php echo $userdata['account_type']; ?>
                      <span class="text-success text-sm font-weight-bolder"></span>
                    </h5>
                  </div>
                </div>
                <div class="col-4 text-end">
                  <div class="icon icon-shape bg-gradient-primary shadow text-center border-radius-md">
                    <i class="ni ni-world text-lg opacity-10" aria-hidden="true"></i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

			</div>
<div class="row">
    <div class="col-md-12 mb-lg-0 mb-4">
<div class="card mt-4">
<div class="card-header pb-0 p-3">
<div class="row">
<div class="col-12 d-flex align-items-center">
<h6 class="mb-0">Quick Actions</h6>
</div>
</div>
</div>
<div class="card-body p-3">
<div class="row">
<div class="col-md-8 mb-md-0 mb-4">
    <a class="btn bg-gradient-danger mb-0" href="/account/fund-transfer"><i class="fas fa-arrow-right"></i>&nbsp;&nbsp; Make Transfers</a>
    <a class="btn bg-gradient-danger mb-0" href="#requestStatement" data-toggle="modal"><i class="fas fa-history"></i>&nbsp;&nbsp; Request Statement </a>
    <!--<a class="btn bg-gradient-danger mb-0" onclick="swal.fire('Loan Request','This request is not available online at the moment, Please Visit any of our physical branches to make this request,you can contact us via our chat platform or send us an email!','info')"><i class="fas fa-plus"></i>&nbsp;&nbsp; Request Credit Loan</a>-->
</div>
<!--<div class="col-md-4 mb-md-0 mb-4">-->
<!--<div class="card card-body border card-plain border-radius-lg d-flex align-items-center flex-row">-->
<!--<img class="w-10 me-3 mb-0" src="../assets/img/logos/mastercard.png" alt="logo">-->
<!--<h6 class="mb-0">****&nbsp;&nbsp;&nbsp;****&nbsp;&nbsp;&nbsp;****&nbsp;&nbsp;&nbsp;7852</h6>-->
<!--<i class="fas fa-eye-alt ms-auto text-dark cursor-pointer" data-bs-toggle="tooltip" data-bs-placement="top" title="View Card"></i>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</div>
</div>
				<div class="col-md-6 p-2">
				<div class="card h-100 mb-4">
            <div class="card-header pb-0 px-3">
              <div class="row">
                <div class="col-md-6">
                  <h6 class="mb-0">Your Transactions</h6>
                </div>
                <div class="col-md-6 d-flex justify-content-end align-items-center">
                  <i class="far fa-calendar-alt me-2"></i>
                  <small><?php echo date('j M Y'); ?></small>
                </div>
              </div>
            </div>
            <div class="card-body pt-4 p-3">
              <h6 class="text-uppercase text-body text-xs font-weight-bolder mb-3">Latest</h6>
              <ul class="list-group">
							<?php
			    			foreach($bank->get_transaction(account_number) as $transact){
			    			    $elsedata = ($transact['bn_bank'] == 'HCN Capital Fund' && $transact['trans_from'] == account_number)?$transact['other_balance']:$transact['acct_balance'];
			    			    $trn_notes = ($transact['bn_bank'] == 'HCN Capital Fund' && $transact['trans_from'] == account_number)?$transact['tran_notes_2']:$transact['trans_notes'];
								if($transact['trans_status'] == 'success'){
									$payStats = '<button class="btn btn-icon-only btn-rounded btn-outline-success mb-0 me-3 btn-sm d-flex align-items-center justify-content-center"><i class="fas fa-arrow-up"></i></button>';
								}elseif($transact['trans_status'] == 'process'){
									$payStats = '<button class="btn btn-icon-only btn-rounded btn-outline-info mb-0 me-3 btn-sm d-flex align-items-center justify-content-center"><i class="fas fa-arrow-down"></i></button>';
								}else{
									$payStats = '<button class="btn btn-icon-only btn-rounded btn-outline-danger mb-0 me-3 btn-sm d-flex align-items-center justify-content-center"><i class="fas fa-exclamation"></i></button>';
								}
								if($transact['trans_to'] == account_number){
									$payAmt = '<div class="d-flex flex-column align-items-end"><span class="text-success text-gradient text-sm font-weight-bold"> + '.$currency.number_format($transact['trans_amount'],2).'</span><span class="text-black-50" style="font-size:0.65em !important">'.$currency.number_format($transact['acct_balance'],2).'</span></div>';
									$payStats = '<button class="btn btn-icon-only btn-rounded btn-outline-success mb-0 me-3 btn-sm d-flex align-items-center justify-content-center"><i class="fas fa-arrow-up"></i></button>';
								}else{
									$payAmt = '<div class="d-flex flex-column align-items-end"><span class="text-danger text-gradient text-sm font-weight-bold"> - '.$currency.number_format($transact['trans_amount'],2).'</span><span class="text-black-50" style="font-size:0.65em !important">'.$currency.number_format($elsedata,2).'</span></div>';
									$payStats = '<button class="btn btn-icon-only btn-rounded btn-outline-danger mb-0 me-3 btn-sm d-flex align-items-center justify-content-center"><i class="fas fa-arrow-down"></i></button>';

								}
							?>
							<li class="list-group-item border-0 d-flex justify-content-between ps-0 mb-2 border-radius-lg">
								<div class="d-flex align-items-center">
								<?php echo $payStats; ?>
									<div class="d-flex flex-column">
									<h6 class="mb-1 text-dark text-sm">Transaction <span style="font-size:0.65em !important"> - <?php echo format_d_date_full($transact['created_at']); ?></span></h6>
									<span class="text-xs"><?php echo $trn_notes; ?>
									<!--- REF: <?php //echo $transact['trans_ref']; ?>-->
									</span>
									</div>
								</div>
								<?php echo $payAmt; ?>
								
							</li>

							<?php } ?>
			  </ul>
						</div>
					<div class="card-footer"><a href="/account/transaction">View all transactions</a></div>
				</div>
				</div>
				<div class="col-md-6 pt-2">
          <div class="card z-index-2">
            <script type="text/javascript">DukascopyApplet = {"type":"economic_calendar_new","params":{"showHeader":false,"tableBorderColor":"#D92626","defaultTimezone":0,"defaultCountries":"c:AU,CA,CH,CN,EU,GB,JP,NZ,US,DE,FR,IT,ES","impacts":[1,2],"dateTab":2,"dateFrom":1459036800000,"dateTo":1459555200000,"showColCountry":true,"showColCurrency":true,"showColImpact":true,"showColPrevious":true,"showColForecast":true,"width":"100%","height":"500","adv":"popup"}};</script><script type="text/javascript" src="https://freeserv-static.dukascopy.com/2.0/core.js"></script>
            <!--<div class="card-header pb-0">-->
            <!--  <h6>Total Expenditure(previous year)</h6>-->
            <!--  <p class="text-sm">-->
            <!--    <i class="fa fa-arrow-up text-success"></i>-->
            <!--    <span class="font-weight-bold">4% more</span> in 2021-->
            <!--  </p>-->
            <!--</div>-->
            <!--<div class="card-body p-3">-->
            <!--  <div class="chart">-->
            <!--    <canvas id="chart-line" class="chart-canvas" height="300"></canvas>-->
            <!--  </div>-->
            <!--  <div class="bg-gradient-danger border-radius-lg py-3 pe-1 mb-3">-->
            <!--    <div class="chart">-->
            <!--      <canvas id="chart-bars" class="chart-canvas" height="170"></canvas>-->
            <!--    </div>-->
            <!--  </div>-->
            <!--</div>-->
          </div>
        </div>
      </div>