<?php include('../include/config.php'); ?>


<?php

// for account plan
// if($account_type=='Mini'){
//     $color='<span style="color=#A42A04;">'.$account_type.'</span>';
//     $plann=$account_type;
// }
// if($account_type=='Pro'){
//     $color='<span style="color:#FAA0A0;">'.$account_type.'</span>';
//     $plann=$account_type;
// }
// if($account_type=='Premium'){
//     $color='<span style="color:#702963;">'.$account_type.'</span>';
//     $plann=$account_type;

// }
// if($account_type=='Gold'){
//     $color='<span style="color:#f7931a;">'.$account_type.'</span>';
//     $plann=$account_type;

// }



?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title><?php echo $site_name;?> - Dashboard</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="assets/vendors/mdi/css/materialdesignicons.min.css">
    <link rel="stylesheet" href="assets/vendors/css/vendor.bundle.base.css">
    <!-- endinject -->
    <!-- Plugin css for this page -->
    <link rel="stylesheet" href="assets/vendors/jvectormap/jquery-jvectormap.css">
    <link rel="stylesheet" href="assets/vendors/flag-icon-css/css/flag-icon.min.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel-2/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/vendors/owl-carousel-2/owl.theme.default.min.css">
    <!-- End plugin css for this page -->
    <!-- inject:css -->
    <!-- endinject -->
    <!-- Layout styles -->
    <link rel="stylesheet" href="assets/css/style.css">
    <!-- End layout styles -->
    <link rel="shortcut icon" href="<?php echo $site_image;?>" />
  </head>
  <body>
    <div class="container-scroller">
      <!-- partial:partials/_sidebar.html -->
      <nav class="sidebar sidebar-offcanvas" id="sidebar">
        <div class="sidebar-brand-wrapper d-none d-lg-flex align-items-center justify-content-center fixed-top">
          <a class="sidebar-brand brand-logo" style="text-decoration:none;"href="index.php"><img style="width:170px;height:50px;"src="assets/images/oakslogo2-removebg-preview.png" alt="logo" /> </a>
          <a class="sidebar-brand brand-logo-mini" href="../index.php"><img style="width:20px;height:20px;" src="assets/images/bank_img.jpeg" alt="logo" /></a>
        </div>
        <ul class="nav">
          <li class="nav-item profile">
            <div class="profile-desc">
              <div class="profile-pic">
                <div class="count-indicator">
                  <img class="img-xs rounded-circle " src="upload/<?php echo $avatar;?>" alt="">
                  <span class="count bg-success"></span>
                </div>
                <div class="profile-name">
                  <h5 class="mb-0 font-weight-normal"><?php echo $firstname.' '.$lastname; ?></h5>
                  <span><?php echo $type; ?></span>
                </div>
              </div>
              <a href="#" id="profile-dropdown" data-toggle="dropdown"><i class="mdi mdi-dots-vertical"></i></a>
              <div class="dropdown-menu dropdown-menu-right sidebar-dropdown preview-list" aria-labelledby="profile-dropdown">
                <a href="profile.php" class="dropdown-item preview-item">
                  <div class="preview-thumbnail">
                    <div class="preview-icon bg-dark rounded-circle">
                      <i class="mdi mdi-settings text-primary"></i>
                    </div>
                  </div>
                  <div class="preview-item-content">
                    <p class="preview-subject ellipsis mb-1 text-small">Account settings</p>
                  </div>
                </a>
                <div class="dropdown-divider"></div>
                <a href="password_update.php" class="dropdown-item preview-item">
                  <div class="preview-thumbnail">
                    <div class="preview-icon bg-dark rounded-circle">
                      <i class="mdi mdi-onepassword  text-info"></i>
                    </div>
                  </div>
                  <div class="preview-item-content">
                    <p class="preview-subject ellipsis mb-1 text-small">Change Password</p>
                  </div>
                </a>
                <!--<div class="dropdown-divider"></div>-->
                <!--<a href="#" class="dropdown-item preview-item">-->
                <!--  <div class="preview-thumbnail">-->
                <!--    <div class="preview-icon bg-dark rounded-circle">-->
                <!--      <i class="mdi mdi-calendar-today text-success"></i>-->
                <!--    </div>-->
                <!--  </div>-->
                  <!--<div class="preview-item-content">-->
                  <!--  <p class="preview-subject ellipsis mb-1 text-small">To-do list</p>-->
                  <!--</div>-->
                <!--</a>-->
              </div>
            </div>
          </li>
          <li class="nav-item nav-category">
            <span class="nav-link">Navigation</span>
          </li>
          <li class="nav-item menu-items">
            <a class="nav-link" href="index.php">
              <span class="menu-icon">
                <i class="mdi mdi-speedometer"></i>
              </span>
              <span class="menu-title">Dashboard</span>
            </a>
          </li>
          <li class="nav-item menu-items">
            <a class="nav-link" data-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
              <span class="menu-icon">
                <i class="mdi mdi-laptop"></i>
              </span>
              <span class="menu-title">Account Settings</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="ui-basic">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="pin_update.php">Change Pin</a></li>
                 <li class="nav-item"> <a class="nav-link" href="password_update.php">Change Password</a></li>
                <li class="nav-item"> <a class="nav-link" href="profile.php">Profile Setting</a></li>
            
              </ul>
            </div>
          </li>
      
          <li class="nav-item menu-items">
            <a class="nav-link" data-toggle="collapse" href="#auth" aria-expanded="false" aria-controls="auth">
              <span class="menu-icon">
                <i class="mdi mdi-security"></i>
              </span>
              <span class="menu-title">Transfer</span>
              <i class="menu-arrow"></i>
            </a>
            <div class="collapse" id="auth">
              <ul class="nav flex-column sub-menu">
                <li class="nav-item"> <a class="nav-link" href="local.php">Local </a></li>
                <li class="nav-item"> <a class="nav-link" href="international.php">International</a></li>
                 <li class="nav-item"> <a class="nav-link" href="direct.php">Direct</a></li>
               
             
              </ul>
            </div>
          </li>
          <li class="nav-item menu-items">
            <a class="nav-link" href="loan.php">
              <span class="menu-icon">
                <i class="mdi mdi-file-document-box"></i>
              </span>
              <span class="menu-title">Apply Loan</span>
            </a>
          </li>
            <li class="nav-item menu-items">
            <a class="nav-link" href="privacy.php">
              <span class="menu-icon">
                <i class="mdi mdi-file-document-box"></i>
              </span>
              <span class="menu-title">Privacy Policy</span>
            </a>
          </li>
            <li class="nav-item menu-items">
            <a class="nav-link" href="../contact.php">
              <span class="menu-icon">
                <i class="mdi mdi-file-document-box"></i>
              </span>
              <span class="menu-title">Contact Us</span>
            </a>
          </li>
           <li class="nav-item menu-items">
            <a class="nav-link" href="logout.php">
              <span class="menu-icon">
                <i class="mdi mdi-file-document-box"></i>
              </span>
              <span class="menu-title">Logout</span>
            </a>
          </li>
        </ul>
      </nav>
      <!-- partial -->
      <div class="container-fluid page-body-wrapper">
        <!-- partial:partials/_navbar.html -->
        <nav class="navbar p-0 fixed-top d-flex flex-row">
          <div class="navbar-brand-wrapper d-flex d-lg-none align-items-center justify-content-center">
            <a class="navbar-brand brand-logo-mini" href="index.php"><img style="width:380%;height:280%;" src="assets/images/bank_img.jpeg" alt="logo" /></a>
          </div>
          <div class="navbar-menu-wrapper flex-grow d-flex align-items-stretch">
            <button class="navbar-toggler navbar-toggler align-self-center" type="button" data-toggle="minimize">
              <span class="mdi mdi-menu"></span>
            </button>
            <ul class="navbar-nav w-100">
              <li class="nav-item w-100">
                <form class="nav-link mt-2 mt-md-0 d-none d-lg-flex search">
                  <input type="text" class="form-control" placeholder="Search ">
                </form>
              </li>
            </ul>
            <ul class="navbar-nav navbar-nav-right">
              <!--<li class="nav-item dropdown d-none d-lg-block">-->
              <!--  <a class="nav-link btn btn-success create-new-button" id="createbuttonDropdown" data-toggle="dropdown" aria-expanded="false" href="#">+ Create New Project</a>-->
              <!--  <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="createbuttonDropdown">-->
              <!--    <h6 class="p-3 mb-0">Projects</h6>-->
              <!--    <div class="dropdown-divider"></div>-->
              <!--    <a class="dropdown-item preview-item">-->
              <!--      <div class="preview-thumbnail">-->
              <!--        <div class="preview-icon bg-dark rounded-circle">-->
              <!--          <i class="mdi mdi-file-outline text-primary"></i>-->
              <!--        </div>-->
              <!--      </div>-->
              <!--      <div class="preview-item-content">-->
              <!--        <p class="preview-subject ellipsis mb-1">Software Development</p>-->
              <!--      </div>-->
              <!--    </a>-->
              <!--    <div class="dropdown-divider"></div>-->
              <!--    <a class="dropdown-item preview-item">-->
              <!--      <div class="preview-thumbnail">-->
              <!--        <div class="preview-icon bg-dark rounded-circle">-->
              <!--          <i class="mdi mdi-web text-info"></i>-->
              <!--        </div>-->
              <!--      </div>-->
              <!--      <div class="preview-item-content">-->
              <!--        <p class="preview-subject ellipsis mb-1">UI Development</p>-->
              <!--      </div>-->
              <!--    </a>-->
              <!--    <div class="dropdown-divider"></div>-->
              <!--    <a class="dropdown-item preview-item">-->
              <!--      <div class="preview-thumbnail">-->
              <!--        <div class="preview-icon bg-dark rounded-circle">-->
              <!--          <i class="mdi mdi-layers text-danger"></i>-->
              <!--        </div>-->
              <!--      </div>-->
              <!--      <div class="preview-item-content">-->
              <!--        <p class="preview-subject ellipsis mb-1">Software Testing</p>-->
              <!--      </div>-->
              <!--    </a>-->
              <!--    <div class="dropdown-divider"></div>-->
              <!--    <p class="p-3 mb-0 text-center">See all projects</p>-->
              <!--  </div>-->
              <!--</li>-->
              <li class="nav-item nav-settings d-none d-lg-block">
                <a class="nav-link" href="#">
                  <i class="mdi mdi-view-grid"></i>
                </a>
              </li>
              <li class="nav-item dropdown border-left">
                <a class="nav-link count-indicator dropdown-toggle" id="messageDropdown" href="#" data-toggle="dropdown" aria-expanded="false">
                  <i class="mdi mdi-email"></i>
                  <span class="count bg-success"></span>
                </a>
                <!--<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="messageDropdown">-->
                <!--  <h6 class="p-3 mb-0">Messages</h6>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <img src="assets/images/faces/face4.jpg" alt="image" class="rounded-circle profile-pic">-->
                <!--    </div>-->
                <!--    <div class="preview-item-content">-->
                <!--      <p class="preview-subject ellipsis mb-1">Mark send you a message</p>-->
                <!--      <p class="text-muted mb-0"> 1 Minutes ago </p>-->
                <!--    </div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <img src="assets/images/faces/face2.jpg" alt="image" class="rounded-circle profile-pic">-->
                <!--    </div>-->
                <!--    <div class="preview-item-content">-->
                <!--      <p class="preview-subject ellipsis mb-1">Cregh send you a message</p>-->
                <!--      <p class="text-muted mb-0"> 15 Minutes ago </p>-->
                <!--    </div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <img src="assets/images/faces/face3.jpg" alt="image" class="rounded-circle profile-pic">-->
                <!--    </div>-->
                <!--    <div class="preview-item-content">-->
                <!--      <p class="preview-subject ellipsis mb-1">Profile picture updated</p>-->
                <!--      <p class="text-muted mb-0"> 18 Minutes ago </p>-->
                <!--    </div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <p class="p-3 mb-0 text-center">4 new messages</p>-->
                <!--</div>-->
              </li>
              <li class="nav-item dropdown border-left">
                <a class="nav-link count-indicator dropdown-toggle" id="notificationDropdown" href="#" data-toggle="dropdown">
                  <i class="mdi mdi-bell"></i>
                  <span class="count bg-danger"></span>
                </a>
                <!--<div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="notificationDropdown">-->
                <!--  <h6 class="p-3 mb-0">Notifications</h6>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <div class="preview-icon bg-dark rounded-circle">-->
                <!--        <i class="mdi mdi-calendar text-success"></i>-->
                <!--      </div>-->
                <!--    </div>-->
                    <!--<div class="preview-item-content">-->
                    <!--  <p class="preview-subject mb-1">Event today</p>-->
                    <!--  <p class="text-muted ellipsis mb-0"> Just a reminder that you have an event today </p>-->
                    <!--</div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <div class="preview-icon bg-dark rounded-circle">-->
                <!--        <i class="mdi mdi-settings text-danger"></i>-->
                <!--      </div>-->
                <!--    </div>-->
                <!--    <div class="preview-item-content">-->
                <!--      <p class="preview-subject mb-1">Settings</p>-->
                <!--      <p class="text-muted ellipsis mb-0"> Update dashboard </p>-->
                <!--    </div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                <!--  <a class="dropdown-item preview-item">-->
                <!--    <div class="preview-thumbnail">-->
                <!--      <div class="preview-icon bg-dark rounded-circle">-->
                <!--        <i class="mdi mdi-link-variant text-warning"></i>-->
                <!--      </div>-->
                <!--    </div>-->
                <!--    <div class="preview-item-content">-->
                <!--      <p class="preview-subject mb-1">Launch Admin</p>-->
                <!--      <p class="text-muted ellipsis mb-0"> New admin wow! </p>-->
                <!--    </div>-->
                <!--  </a>-->
                <!--  <div class="dropdown-divider"></div>-->
                  <!--<p class="p-3 mb-0 text-center">See all notifications</p>-->
                <!--</div>-->
              </li>
              <li class="nav-item dropdown">
                <a class="nav-link" id="profileDropdown" href="#" data-toggle="dropdown">
                  <div class="navbar-profile">
                    <img class="img-xs rounded-circle" src="upload/<?php echo $avatar;?>" alt="">
                    <p class="mb-0 d-none d-sm-block navbar-profile-name"><?php echo $firstname.' '.$lastname; ?></p>
                    <i class="mdi mdi-menu-down d-none d-sm-block"></i>
                  </div>
                </a>
                <div class="dropdown-menu dropdown-menu-right navbar-dropdown preview-list" aria-labelledby="profileDropdown">
                  <h6 class="p-3 mb-0">Profile</h6>
                  <div class="dropdown-divider"></div>
                  <a href="password_update.php" class="dropdown-item preview-item">
                    <div class="preview-thumbnail">
                      <div class="preview-icon bg-dark rounded-circle">
                        <i class="mdi mdi-settings text-success"></i>
                      </div>
                    </div>
                    <div class="preview-item-content">
                      <p class="preview-subject mb-1">Settings</p>
                    </div>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a href="logout.php"class="dropdown-item preview-item">
                    <div class="preview-thumbnail">
                      <div class="preview-icon bg-dark rounded-circle">
                        <i class="mdi mdi-logout text-danger"></i>
                      </div>
                    </div>
                    <div class="preview-item-content">
                      <p class="preview-subject mb-1">Log out</p>
                    </div>
                  </a>
                  <div class="dropdown-divider"></div>
                </div>
              </li>
            </ul>
            <button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-toggle="offcanvas">
              <span class="mdi mdi-format-line-spacing"></span>
            </button>
          </div>
        </nav>