Your IP : 3.144.6.9
<?php
session_start(); ob_start();
?>
<!doctype html>
<html lang="en" dir="ltr">
<head>
<!-- META DATA -->
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Fination Global Services">
<meta name="author" content="Fination Global Services">
<meta name="keywords" content="">
<!-- FAVICON -->
<link rel="shortcut icon" type="image/x-icon" href="../assets/images/brand/favicon.ico"/>
<!-- TITLE -->
<title>Audio Course</title>
<!-- BOOTSTRAP CSS -->
<link id="style" href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<!-- STYLE CSS -->
<link href="../assets/css/style.css" rel="stylesheet" />
<link href="../assets/css/plugins.css" rel="stylesheet" />
<!--- FONT-ICONS CSS -->
<link href="../assets/css/icons.css" rel="stylesheet" />
</head>
<body class="app sidebar-mini ltr light-mode">
<!-- GLOBAL-LOADER
<div id="global-loader">
<img src="../assets/images/loader.svg" class="loader-img" alt="Loader">
</div>-->
<!-- /GLOBAL-LOADER -->
<!-- PAGE -->
<div class="page">
<div class="page-main">
<!-- app-Header -->
<?php include('header.php'); $pro->adminAccess(); ?>
<!--/APP-SIDEBAR-->
<!--app-content open-->
<div class="main-content app-content mt-0">
<div class="side-app">
<!-- CONTAINER -->
<div class="main-container container-fluid">
<!-- PAGE-HEADER -->
<div class="page-header">
<div>
<h1 class="page-title">Audio Course</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Audio Training</li>
</ol>
</div>
<?php include('pagebtn.php') ?>
</div>
<!-- PAGE-HEADER END -->
<!-- ROW -->
<!-- COL END -->
<!-- ROW-3 END -->
<div class="row">
<div class="col-xl-12 col-lg-12 col-md-12">
<div class="card">
<div class="card-header">
<h3 class="card-title">Create Audio Training</h3>
</div>
<div class="card-body">
<form method="post">
<div class="row">
<div class="col-lg-6 pb-3">
<label>Title</label>
<input type="text" name="title" class="form-control"placeholder="Title" required>
</div>
<div class="col-lg-6 pb-3">
<label>Description</label>
<textarea input type="text" name="description" class="form-control" placeholder="Decription"></textarea>
</div>
<div class="col-lg-6 pb-3">
<label>Plan</label>
<select class="form-control" name="plan" required >
<option value="">Select Option...</option>
<option value="0">In-Active</option>
<option value="5">Regular</option>
<option value="25">Pro</option>
<option value="50">VIP</option>
</select>
</div>
<div class="col-lg-6 pb-3">
<label>Stage</label>
<select class="form-control" name="stage" required >
<option value="">Select Option...</option>
<option value="0">In-Active</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</div>
<br>
<button type="submit" name="UploadAudio" class="btn btn-primary btn-block">Upload Audio Title</button>
</div>
</form>
</div>
<!-- CONTAINER END -->
</div>
</div>
<h4>Available Audio Courses</h4>
<?php
$i=1; $sql = $db->query("SELECT * FROM audio ");
while($rows = mysqli_fetch_assoc($sql)){ $vid = $rows['sn']; ?>
<div class="col-md-4">
<div class="card">
<div class="card-body p-0">
<img src="<?=$rows['url']?>" width="100%">
</div>
<div class="card-footer">
<h4><?=$rows['title'] ?></h4>
<?=$rows['description'] ?>
</div>
<div class="card-footer">
Access Plan: <?=$pro->typeTitle(sqLx('audio','sn',$vid,'plan'))?> | Stage: <?=sqLx('audio','sn',$vid,'stage')?>
</div>
<div class="card-footer">
<form method="post">
<?php if (sqLx('audio', 'sn',$vid,'status')==0) { ?>
<button type="submit" class="btn btn-success" name="ActivateAudio" value="<?= $vid ?>-1">Activate</button>
<?php } else { ?>
<button type="submit" class="btn btn-danger" name="ActivateAudio" value="<?= $vid ?>-0">De-activate</button>
<?php } ?>
<a href="audiodetails?sn=<?=$vid?>" class="btn btn-info">Course Profile</a>
</form>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<!-- ROW-5 END -->
<!-- FOOTER -->
<?php include('footer.php'); ?>
<!-- FOOTER END -->
</div>
<!-- BACK-TO-TOP -->
<a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- JQUERY JS -->
<script src="../assets/js/jquery.min.js"></script>
<!-- BOOTSTRAP JS -->
<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- SPARKLINE JS-->
<script src="../assets/js/jquery.sparkline.min.js"></script>
<!-- CHART-CIRCLE JS-->
<script src="../assets/js/circle-progress.min.js"></script>
<!-- CHARTJS CHART JS-->
<script src="../assets/plugins/chart/Chart.bundle.js"></script>
<script src="../assets/plugins/chart/utils.js"></script>
<!-- PIETY CHART JS-->
<script src="../assets/plugins/peitychart/jquery.peity.min.js"></script>
<script src="../assets/plugins/peitychart/peitychart.init.js"></script>
<!-- INTERNAL SELECT2 JS -->
<script src="../assets/plugins/select2/select2.full.min.js"></script>
<!-- INTERNAL Data tables js-->
<script src="../assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatable/js/dataTables.bootstrap5.js"></script>
<script src="../assets/plugins/datatable/dataTables.responsive.min.js"></script>
<!-- ECHART JS-->
<script src="../assets/plugins/echarts/echarts.js"></script>
<!-- SIDE-MENU JS-->
<script src="../assets/plugins/sidemenu/sidemenu.js"></script>
<!-- Sticky js -->
<script src="../assets/js/sticky.js"></script>
<!-- SIDEBAR JS -->
<script src="../assets/plugins/sidebar/sidebar.js"></script>
<!-- Perfect SCROLLBAR JS-->
<script src="../assets/plugins/p-scroll/perfect-scrollbar.js"></script>
<script src="../assets/plugins/p-scroll/pscroll.js"></script>
<script src="../assets/plugins/p-scroll/pscroll-1.js"></script>
<!-- APEXCHART JS -->
<script src="../assets/js/apexcharts.js"></script>
<!-- INDEX JS -->
<script src="../assets/js/index1.js"></script>
<!-- Color Theme js -->
<script src="../assets/js/themeColors.js"></script>
<!-- swither styles js -->
<script src="../assets/js/swither-styles.js"></script>
<!-- CUSTOM JS -->
<script src="../assets/js/custom.js"></script>
<!-- WYSIWYG Editor JS -->
<script src="../assets/plugins/wysiwyag/jquery.richtext.js"></script>
<script src="../assets/plugins/wysiwyag/wysiwyag.js"></script>
<!-- FORMEDITOR JS -->
<script src="../assets/plugins/quill/quill.min.js"></script>
<script src="../assets/js/form-editor2.js"></script>
<script>
function getSav(){
var v = document.getElementsByClassName('asav');
var a = v[1].value;
var b = v[2].value;
var c = v[3].value;
if(a=='' || b==''){return; }
var d = a/b;
$('#savRes').html('NGN'+com(d)+' Per Slots');
}
function getSav2(){
var v = document.getElementsByClassName('bsav');
var a = v[1].value;
var b = v[2].value;
var c = v[3].value;
if(a=='' || b==''){return; }
var d = a/b;
$('#savRes2').html('NGN'+com(d)+' Per Slots');
}
function com(v){
return (v).toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
}
</script>
</body>
</html>