File Manager
Viewing File: app.php
<?php
session_start();
include_once ('session.php');
if(!isset($_SESSION['email'])){
header("Location: login.php");
exit();
}
require_once 'class.admin.php';
$reg_user = new USER();
if(isset($_GET['id'])){
$id=$_GET['id'];
$stmt = $reg_user->runQuery("SELECT * FROM account WHERE id='$id'");
$stmt->execute();
$row = $stmt->fetch(PDO::FETCH_ASSOC);
}
if(isset($_POST['update']))
{ $fname = trim($_POST['fname']);
$mname = trim($_POST['mname']);
$lname = trim($_POST['lname']);
$uname = trim($_POST['uname']);
$upass = $_POST['upass'];
$phone = trim($_POST['phone']);
$email = trim($_POST['email']);
$type = trim($_POST['type']);
$work = trim($_POST['work']);
$acc_no = trim($_POST['acc_no']);
$addr = trim($_POST['addr']);
$sex = trim($_POST['sex']);
$dob = trim($_POST['dob']);
$marry = trim($_POST['marry']);
$t_bal = trim($_POST['t_bal']);
$a_bal = trim($_POST['a_bal']);
if($reg_user->update($fname,$mname,$lname,$uname,$upass,$phone,$email,$type,$work,$acc_no,$addr,$sex,$dob,$marry,$t_bal,$a_bal,$tax.$cot,$pin_auth))
{
$fname = trim($_POST['fname']);
$mname = trim($_POST['mname']);
$lname = trim($_POST['lname']);
$uname = trim($_POST['uname']);
$upass = $_POST['upass'];
$upass = ($upass);
$phone = trim($_POST['phone']);
$email = trim($_POST['email']);
$type = trim($_POST['type']);
$work = trim($_POST['work']);
$acc_no = trim($_POST['acc_no']);
$addr = trim($_POST['addr']);
$sex = trim($_POST['sex']);
$dob = trim($_POST['dob']);
$marry = trim($_POST['marry']);
$t_bal = trim($_POST['t_bal']);
$a_bal = trim($_POST['a_bal']);
$cot = trim($_POST['cot']);
$tax = trim($_POST['tax']);
$imf = trim($_POST['imf']);
$currency = trim($_POST['currency']);
$pin_auth = $_POST['pin_auth'];
$pin = $_POST['pin'];
$status = $_POST['status'];
$verify = $_POST['verify'];
$phone_verify = $_POST['phone_verify'];
$editaccount = $reg_user->runQuery("UPDATE account SET fname = '$fname', mname = '$mname', lname = '$lname', uname = '$uname', upass = '$upass', phone = '$phone', email = '$email', type = '$type', work = '$work', acc_no = '$acc_no', addr = '$addr', sex = '$sex', dob = '$dob', marry = '$marry', t_bal = '$t_bal', a_bal = '$a_bal', cot = '$cot', tax = '$tax', imf = '$imf', currency = '$currency', pin_auth = '$pin_auth', pin = '$pin', status = '$status', verify = '$verify', phone_verify = '$phone_verify' WHERE id ='$id'");
$editaccount->execute();
$messag = "
<!DOCTYPE html>
<html lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:v='urn:schemas-microsoft-com:vml' xmlns:o='urn:schemas-microsoft-com:office:office'>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='x-apple-disable-message-reformatting'>
<title></title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,600' rel='stylesheet' type='text/css'>
<!-- Web Font / @font-face : BEGIN -->
<!--[if mso]>
<style>
* {
font-family: 'Roboto', sans-serif !important;
}
</style>
<![endif]-->
<!--[if !mso]>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,600' rel='stylesheet' type='text/css'>
<![endif]-->
<!-- Web Font / @font-face : END -->
<!-- CSS Reset : BEGIN -->
<style>
/* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html,
body {
margin: 0 auto !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;
font-family: 'Roboto', sans-serif !important;
font-size: 14px;
margin-bottom: 10px;
line-height: 24px;
color:#8094ae;
font-weight: 400;
}
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0;
padding: 0;
}
table,
td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;
}
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;
}
table table table {
table-layout: auto;
}
a {
text-decoration: none;
}
img {
-ms-interpolation-mode:bicubic;
}
@media only screen and (max-width:480px)
{
table[class='MainContainer'], td[class='cell']
{
width: 100% !important;
height:auto !important;
}
td[class='specbundle']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
}
td[class='specbundle1']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
padding-bottom:20px !important;
}
td[class='specbundle2']
{
width:90% !important;
float:left !important;
font-size:14px !important;
line-height:18px !important;
display:block !important;
padding-left:5% !important;
padding-right:5% !important;
}
td[class='specbundle3']
{
width:90% !important;
float:left !important;
font-size:14px !important;
line-height:18px !important;
display:block !important;
padding-left:5% !important;
padding-right:5% !important;
padding-bottom:20px !important;
}
td[class='specbundle4']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
padding-bottom:20px !important;
text-align:center !important;
}
td[class='spechide']
{
display:none !important;
}
img[class='banner']
{
width: 100% !important;
height: auto !important;
}
td[class='left_pad']
{
padding-left:15px !important;
padding-right:15px !important;
}
}
@media only screen and (max-width:540px)
{
table[class='MainContainer'], td[class='cell']
{
width: 100% !important;
height:auto !important;
}
td[class='specbundle']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
}
td[class='specbundle1']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
padding-bottom:20px !important;
}
td[class='specbundle2']
{
width:90% !important;
float:left !important;
font-size:14px !important;
line-height:18px !important;
display:block !important;
padding-left:5% !important;
padding-right:5% !important;
}
td[class='specbundle3']
{
width:90% !important;
float:left !important;
font-size:14px !important;
line-height:18px !important;
display:block !important;
padding-left:5% !important;
padding-right:5% !important;
padding-bottom:20px !important;
}
td[class='specbundle4']
{
width: 100% !important;
float:left !important;
font-size:13px !important;
line-height:17px !important;
display:block !important;
padding-bottom:20px !important;
text-align:center !important;
}
td[class='spechide']
{
display:none !important;
}
img[class='banner']
{
width: 100% !important;
height: auto !important;
}
td[class='left_pad']
{
padding-left:15px !important;
padding-right:15px !important;
}
.font{
font-size:15px !important;
line-height:19px !important;
}
}
</style>
</head>
<body width='100%' style='margin: 0; padding: 0 !important; mso-line-height-rule: exactly; background-color: #f5f6fa;'>
<center style='width: 100%; background-color: #f5f6fa;'>
<table width='100%' border='0' cellpadding='0' cellspacing='0' bgcolor='#f5f6fa'>
<tr>
<td style='padding: 40px 0;'>
<table style='width:100%;max-width:620px;margin:0 auto;'>
<tbody>
<tr>
<td style='text-align: center; padding-bottom:25px'>
<a href='#'><img style='height: 40px' src='$site_url/logoblue.png' alt='logo'></a>
<p style='font-size: 14px; color: #6576ff; padding-top: 12px;'>--***--</p>
</td>
</tr>
</tbody>
</table>
<table style='width:100%;max-width:620px;margin:0 auto;background-color:#ffffff;'>
<tbody>
<tr>
<td style='padding: 30px 30px 20px'>
<p style='margin-bottom: 10px;'>Hi $fname,</p>
<center>
<p style='font-size:18px;font-weight:normal;color:green;'>Congratulations,Your Account have been approved<br>
successfully <br>
</p>
<h3>Account Details</h3>
<table style='border:1px solid black;padding:2px;' width='400'>
<tr>
<th style='text-align:left;'>Account Number</th>
<td>$acc_no</td>
</tr>
<tr>
<th style='text-align:left;'>Account Password</th>
<td>$upass</td>
</tr>
<tr>
<th style='text-align:left;'>Balance</th>
<td>$currency $t_bal</td>
</tr>
<tr>
<th style='text-align:left;'>Account Login Pin</th>
<td>$pin_auth</td>
</tr>
<tr>
<th style='text-align:left;'>Pending Credit</th>
<td>$currency 0.00</td>
</tr>
<tr style='background-color:#AA2E33;'>
<th style='text-align:left; color:#fff;'>Available Balance</th>
<td style='color:#fff;'>$currency $a_bal</td>
</tr>
</table>
</center>
<br>
<p style='margin-bottom: 15px;'>Hope you'll enjoy the experience, we're here if you have any questions, drop us a line at <a style='color: #6576ff; text-decoration:none;' href='mailto:$site_email'>$site_email</a> anytime. </p>
</td>
</tr>
</tbody>
</table>
<table style='width:100%;max-width:620px;margin:0 auto;'>
<tbody>
<tr>
<td style='text-align: center; padding:25px 20px 0;'>
<p style='font-size: 13px;'>Copyright © $site_title. All rights reserved.</p>
<ul style='margin: 10px -4px 0;padding: 0;'>
<li style='display: inline-block; list-style: none; padding: 4px;'><a style='display: inline-block; height: 30px; width:30px;border-radius: 50%; background-color: #ffffff' href='#'><img style='width: 30px' src='$site_url/images/brand-b.png' alt='brand'></a></li>
<li style='display: inline-block; list-style: none; padding: 4px;'><a style='display: inline-block; height: 30px; width:30px;border-radius: 50%; background-color: #ffffff' href='#'><img style='width: 30px' src='$site_url/images/brand-e.png' alt='brand'></a></li>
<li style='display: inline-block; list-style: none; padding: 4px;'><a style='display: inline-block; height: 30px; width:30px;border-radius: 50%; background-color: #ffffff' href='#'><img style='width: 30px' src='$site_url/images/brand-d.png' alt='brand'></a></li>
<li style='display: inline-block; list-style: none; padding: 4px;'><a style='display: inline-block; height: 30px; width:30px;border-radius: 50%; background-color: #ffffff' href='#'><img style='width: 30px' src='$site_url/images/brand-c.png' alt='brand'></a></li>
</ul>
<p style='padding-top: 15px; font-size: 12px;'>This email was sent to you as a registered user of <a style='color: #6576ff; text-decoration:none;' href='$site_url'>$site_title</a>. To update your emails preferences <a style='color: #6576ff; text-decoration:none;' href='$site_url/login.php'>click here</a>.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
";
$subject = "Welcome $fname - Your Account Application Has Been Approved!";
$send_otp_mobile = preg_replace('/[^0-9]/', '', $_POST['phone']);
$reg_user->send_mail($email, $messag, $subject);
$phonee = preg_replace('/[^0-9]/', '', $row['phone']);
$mobile_msg = "Dear $fname, Your Account Application Has Been Approved! Acct No: ".$acc_no.", Password: ".$upass." Avail Bal: ".$$t_bal." Acc Pin: ".$pin_auth;
$reg_user->otp($phonee, $mobile_msg);
//$reg_user->otp($send_otp_mobile, $subject);
$msg1 = "
<div class='alert alert-info'>
<button class='close' data-dismiss='alert'>×</button>
<strong>Success!</strong> Account Has Been Successfully Approved!
</div>
";
} else {
echo "Sorry , Query could no execute...";
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon icon -->
<link rel="icon" type="image/png" sizes="16x16" href="../../dist/assets/images/favicon.png">
<title>Approve- Super Admin</title>
<!-- Custom CSS -->
<link href="dist/css/style.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Bootstrap 3.3.4 -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet" type="text/css" />
<!-- FontAwesome 4.3.0 -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>.table-bordered {
border: 1px solid #c11818;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 9px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}</style>
<link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="horizontal-nav skin-megna fixed-layout">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
<!-- ============================================================== -->
<!-- Topbar header - style you can find in pages.scss -->
<!-- ============================================================== -->
<header class="topbar">
<nav class="navbar top-navbar navbar-expand-md navbar-dark">
<!-- ============================================================== -->
<!-- Logo -->
<!-- ============================================================== -->
<div class="navbar-header">
<ul class="navbar-nav mr-auto">
<!-- This is -->
<li class="nav-item"> <a class="nav-link nav-toggler d-block d-sm-none waves-effect waves-dark" href="javascript:void(0)"><i class="ti-menu"></i>MENU</a> </li>
<li class="nav-item"> <a class="nav-link sidebartoggler d-none waves-effect waves-dark" href="javascript:void(0)"><i class="icon-menu"></i></a> </li>
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
</ul>
</div>
<!-- ============================================================== -->
<!-- End Logo -->
<!-- ============================================================== -->
<div class="navbar-collapse">
<!-- ============================================================== -->
<!-- toggle and nav items -->
<!-- ============================================================== -->
<ul class="navbar-nav mr-auto">
<!-- This is -->
<li class="nav-item"> <b> ADMIN PANEL</b> </li>
<!-- ============================================================== -->
<!-- Search -->
<!-- ============================================================== -->
</ul>
<!-- ============================================================== -->
<!-- User profile and search -->
<!-- ============================================================== -->
<ul class="navbar-nav my-lg-0">
<!-- ============================================================== -->
<!-- Comment -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End Messages -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- mega menu -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- End mega menu -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- User Profile -->
<!-- ============================================================== -->
<li class="nav-item dropdown u-pro">
<a class="nav-link dropdown-toggle waves-effect waves-dark profile-pic" href="" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="icons/admin.png" alt="user" class=""> <span class="hidden-md-down"><?php echo $row['uname']; ?> <i class="fa fa-angle-down"></i></span> </a>
</li>
<!-- ============================================================== -->
<!-- End User Profile -->
<!-- ============================================================== -->
</ul>
</div>
</nav>
</header>
<!-- ============================================================== -->
<!-- End Topbar header -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<?php include 'menu.php';?>
<!-- ============================================================== -->
<!-- End Left Sidebar - style you can find in sidebar.scss -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Page wrapper -->
<!-- ============================================================== -->
<div class="page-wrapper">
<!-- ============================================================== -->
<!-- Container fluid -->
<!-- ============================================================== -->
<div class="container-fluid">
<!-- ============================================================== -->
<!-- Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<div class="row page-titles">
<div class="col-md-5 align-self-center">
<h4 class="text-themecolor">Approve Accounts</h4>
</div>
<div class="col-md-7 align-self-center text-right">
<div class="d-flex justify-content-end align-items-center">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Approve</a></li>
</ol>
<a href="index.php"><button type="button" class="btn btn-info d-none d-lg-block m-l-15"><i class="fa fa-plus-circle"></i>DASH</button></a></div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Bread crumb and right sidebar toggle -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Start Page Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="col-md-5 align-self-center">
<section id="content" class="container">
<h4 class="page-title block-title">Approve Account</h4>
<!-- Required Feilds -->
<div class="block-area" id="required">
<?php if(isset($msg)) echo $msg; ?>
<?php if(isset($msg1)) echo $msg1; ?>
<h4 class="">Set the value for each field</h4>
<form role="form" class="form-validation-1" method="POST" enctype="multipart/form-data">
<div class="row">
<div class="col-md-3 form-group">
<label>first Name</label>
<input type="text" name="fname" class="input-sm validate[required] form-control" value="<?php echo $row['fname']; ?>">
</div>
<div class="col-md-3 form-group">
<label>Middle Name (Optional)</label>
<input type="text" name="mname" class="input-sm form-control" value="<?php echo $row['mname']; ?>">
</div>
<div class="col-md-3 form-group">
<label>Last Name</label>
<input type="text" name="lname" class="input-sm validate[required] form-control" value="<?php echo $row['lname']; ?>">
</div>
<div class="col-md-3 form-group">
<label>Username</label>
<input type="text" name="uname" class="input-sm validate[required] form-control" value="<?php echo $row['uname']; ?>">
</div>
</div>
<div class="row">
<div class="col-md-4 form-group">
<label>Password</label>
<input type="text" name="upass" class="input-sm validate[required] form-control" value="<?php echo $row['upass']; ?>">
</div>
<div class="col-md-4 form-group">
<label>Phone</label>
<input type="text" name="phone" class="input-sm validate[required] form-control" value="<?php echo $row['phone']; ?>">
</div>
<div class="col-md-4 form-group">
<label>Email</label>
<input type="email" name="email" class="input-sm validate[required] form-control" value="<?php echo $row['email']; ?>">
</div>
</div>
<div class="row">
<div class="col-md-3 form-group">
<label>Occupation</label>
<input type="text" name="work" class="input-sm validate[required] form-control" value="<?php echo $row['work']; ?>">
</div>
<div class="col-md-2 form-group" id="date-time">
<label>Date of Birth</label>
<div class="input-icon datetime-pick date-only">
<input data-format="dd/MM/yyyy" name="dob" type="text" value="<?php echo $row['dob']; ?>" class="form-control input-sm" />
<span class="add-on">
<i class="sa-plus"></i>
</span>
</div>
</div>
<div class="col-md-2 form-group">
<label>Marital Status</label>
<select name="marry" class="form-control input-sm validate[required]">
<option value="Single">Single</option>
<option value="Married">Married</option>
<option value="Widowed">Widowed</option>
<option value="Divorced">Divorced</option>
</select>
</div>
<div class="col-md-2 form-group">
<label>Gender</label>
<select name="sex" class="form-control input-sm validate[required]">
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</div>
<div class="form-group col-md-3">
<label>Address</label>
<textarea name="addr" class="input-sm validate[required] form-control" value="<?php echo $row['addr']; ?>" placeholder="<?php echo $row['addr']; ?>"></textarea>
</div>
</div>
<div class="row">
<div class="col-md-3 form-group">
<label>Account Type</label>
<select name="type" class="form-control input-sm validate[required]">
<option value="Checking">Checking</option>
<option value="Savings">Savings</option>
<option value="Current">Current</option>
</select>
</div>
<div class="col-md-3 form-group" id="date-time">
<label>Registration Date</label>
<div class="input-icon datetime-pick date-only">
<input data-format="dd/MM/yyyy" type="text" value="<?php echo $row['reg_date']; ?>" class="form-control input-sm" />
<span class="add-on">
<i class="sa-plus"></i>
</span>
</div>
</div>
<div class="col-md-3 form-group">
<label>Total Balance</label>
<input type="number" name="t_bal" class="input-sm validate[required] form-control" value="<?php echo $row['t_bal']; ?>">
</div>
<div class="col-md-3 form-group">
<label>Available Balance</label>
<input type="number" name="a_bal" class="input-sm validate[required] form-control" value="<?php echo $row['a_bal']; ?>">
</div>
</div>
<div class="row">
<div class="col-md-3 form-group">
<label>Account Number</label>
<input type="number" name="acc_no" class="input-sm validate[required] form-control" value="<?php echo $row['acc_no']; ?>">
</div>
<div class="col-md-2 form-group">
<label>COT</label>
<input type="text" name="cot" class="input-sm validate[required] form-control" value="<?php echo $row['cot']; ?>">
</div>
<div class="col-md-2 form-group">
<label>IMF</label>
<input type="text" name="tax" class="input-sm validate[required] form-control" value="<?php echo $row['tax']; ?>">
</div>
<input type="text" name="imf" class="input-sm validate[required] form-control" value="<?php echo $row['imf']; ?>"hidden>
<div class="col-md-3 form-group">
<label>Currency</label>
<input type="text" name="currency" class="input-sm validate[required] form-control" value="<?php echo $row['currency']; ?>">
</div>
<div class="col-md-2 form-group">
<label>pin auth</label>
<input type="text" name="pin_auth" class="input-sm validate[required] form-control" value="<?php echo $row['pin_auth']; ?>">
</div>
<input type="text" name="pin" class="input-sm validate[required] form-control" value="<?php echo $row['pin']; ?>" hidden>
<div class="col-md-2 form-group">
<input type="text" name="status" class="input-sm validate[required] form-control" value="NOT VERIFIED" hidden>
</div>
<input type="text" name="verify" class="input-sm validate[required] form-control" value="Y" Hidden>
<input type="text" name="phone_verify" class="input-sm validate[required] form-control" value="1" Hidden>
</div>
</div>
<input class="btn btn-info " type="submit" name="update" value="Update Account">
</form>
</div>
<hr class="whiter m-t-20" />
</section>
<!-- ============================================================== -->
<!-- End PAge Content -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- Right sidebar -->
<!-- ============================================================== -->
<!-- .right-sidebar -->
<div class="right-sidebar">
<div class="slimscrollright">
<div class="rpanel-title"> Service Panel <span><i class="ti-close right-side-toggle"></i></span> </div>
<div class="r-panel-body">
<ul id="themecolors" class="m-t-20">
<li><b>With Light sidebar</b></li>
<li><a href="javascript:void(0)" data-skin="skin-default" class="default-theme">1</a></li>
<li><a href="javascript:void(0)" data-skin="skin-green" class="green-theme">2</a></li>
<li><a href="javascript:void(0)" data-skin="skin-red" class="red-theme">3</a></li>
<li><a href="javascript:void(0)" data-skin="skin-blue" class="blue-theme">4</a></li>
<li><a href="javascript:void(0)" data-skin="skin-purple" class="purple-theme">5</a></li>
<li><a href="javascript:void(0)" data-skin="skin-megna" class="megna-theme working">6</a></li>
<li class="d-block m-t-30"><b>With Dark sidebar</b></li>
<li><a href="javascript:void(0)" data-skin="skin-default-dark" class="default-dark-theme ">7</a></li>
<li><a href="javascript:void(0)" data-skin="skin-green-dark" class="green-dark-theme">8</a></li>
<li><a href="javascript:void(0)" data-skin="skin-red-dark" class="red-dark-theme">9</a></li>
<li><a href="javascript:void(0)" data-skin="skin-blue-dark" class="blue-dark-theme">10</a></li>
<li><a href="javascript:void(0)" data-skin="skin-purple-dark" class="purple-dark-theme">11</a></li>
<li><a href="javascript:void(0)" data-skin="skin-megna-dark" class="megna-dark-theme ">12</a></li>
</ul>
<ul class="m-t-20 chatonline">
<li><b>NEED HELP?</b></li>
<li><b>TALK TO MR SAM</b></li>
<li><b><a href="https://wa.me/2348188730307">SMS/WHATSAPP ME</a></b></li>
</ul>
</div>
</div>
</div>
<!-- ============================================================== -->
<!-- End Right sidebar -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Container fluid -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Page wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- footer -->
<!-- ============================================================== -->
<footer class="footer">
© 2019
</footer>
<!-- ============================================================== -->
<!-- End footer -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="../../dist/assets/node_modules/jquery/jquery-3.2.1.min.js"></script>
<!-- Bootstrap popper Core JavaScript -->
<script src="../../dist/assets/node_modules/popper/popper.min.js"></script>
<script src="../../dist/assets/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- slimscrollbar scrollbar JavaScript -->
<script src="dist/js/perfect-scrollbar.jquery.min.js"></script>
<!--Wave Effects -->
<script src="dist/js/waves.js"></script>
<!--Menu sidebar -->
<script src="dist/js/sidebarmenu.js"></script>
<!--Custom JavaScript -->
<script src="dist/js/custom.min.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<!--morris JavaScript -->
<script src="../../dist/assets/node_modules/raphael/raphael-min.js"></script>
<script src="../../dist/assets/node_modules/morrisjs/morris.min.js"></script>
<script src="../../dist/assets/node_modules/jquery-sparkline/jquery.sparkline.min.js"></script>
<!-- Popup message jquery -->
<script src="../../dist/assets/node_modules/toast-master/js/jquery.toast.js"></script>
<!-- Chart JS -->
<script src="dist/js/dashboard1.js"></script>
<script src="../../dist/assets/node_modules/toast-master/js/jquery.toast.js"></script>
<!-- This is data table -->
<script src="../../dist/assets/node_modules/datatables/jquery.dataTables.min.js"></script>
<!-- start - This is for export functionality only -->
<script src="https://cdn.datatables.net/buttons/1.2.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.2.2/js/buttons.print.min.js"></script>
<!-- end - This is for export functionality only -->
<script>
$(document).ready(function() {
$('#myTable').DataTable();
$(document).ready(function() {
var table = $('#example').DataTable({
"columnDefs": [{
"visible": false,
"targets": 2
}],
"order": [
[2, 'asc']
],
"displayLength": 25,
"drawCallback": function(settings) {
var api = this.api();
var rows = api.rows({
page: 'current'
}).nodes();
var last = null;
api.column(2, {
page: 'current'
}).data().each(function(group, i) {
if (last !== group) {
$(rows).eq(i).before('<tr class="group"><td colspan="5">' + group + '</td></tr>');
last = group;
}
});
}
});
// Order by the grouping
$('#example tbody').on('click', 'tr.group', function() {
var currentOrder = table.order()[0];
if (currentOrder[0] === 2 && currentOrder[1] === 'asc') {
table.order([2, 'desc']).draw();
} else {
table.order([2, 'asc']).draw();
}
});
});
});
$('#example23').DataTable({
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
});
</script>
</body>
</html>