Your IP : 18.222.98.91
<?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>Manage Audio Training Information</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();
$sn = $_GET['sn']??0 ?>
<!--/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 Modules</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Admin Setup</li>
</ol>
</div>
<button type="button" class="btn btn-primary" data-toggle="modal" onclick="$('.modal-title').text('<?=sqLx('audio','sn',$sn,'title') ?>'); document.getElementById('vid').value=<?=$sn?>" data-target="#update">Create Module</button>
</div>
</div>
<?php $vid = ''; if(isset($_GET['sn'])){ $vid = $_SESSION['vid'] = $_GET['sn']; }
elseif(isset($_SESSION['vid'])){$vid = $_SESSION['vid'];} ?>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header"><h4><?=sqLx('audio','sn',$vid,'title') ?></h4></div>
<div class="card-body">
<?=sqLx('audio','sn',$vid,'description') ?><hr>
Access Plan: <?=$pro->typeTitle(sqLx('audio','sn',$vid,'plan'))?> | Stage: <?=sqLx('audio','sn',$vid,'stage')?>
</div>
</div>
</div>
<?php
$i=1; $sql = $db->query("SELECT * FROM audiolink WHERE vid='$vid' ");
while($rows = mysqli_fetch_assoc($sql)){ $e=$i++; ?>
<div class="col-md-4">
<div class="card">
<div class="card-body p-0">
<!-- <iframe width="100%" height="auto" src="https://www.youtube.com/embed/<?= $rows['url'] ?>" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
<iframe width="100%" height="auto" src="https://player.vimeo.com/video/<?= $rows['url'] ?>" title="" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="card-footer">
<h4><?=$rows['title'] ?></h4>
<?=$rows['description'] ?>
</div><form method="POST" class="row" >
<div class="card-footer">
<button type="button" onclick="document.getElementById('<?=$e?>').style.display='block'" class="btn btn-primary">Update Audio Training</button>
<button type="submit" class="btn btn-danger" onclick="return confirm('Are you sure?')" name="DeleteAudioLink" value="<?=$rows['sn'] ?>">Delete Audio Training</button>
</form>
<div id="<?=$e?>" style="display: none;">
<hr>
<form method="POST" class="row" >
<input type="hidden" id="vid" name="vid">
<div class="col-md-12 form-group">
<label>Title</label>
<input type="text" name="title" class="form-control" value="<?=$rows['title'] ?>" placeholder="Title" >
</div>
<div class="col-md-12 form-group">
<label>Description</label>
<textarea name="description" class="form-control" placeholder="Description" ><?=$rows['description'] ?></textarea>
</div>
<div class="col-md-12 form-group">
<label>Audio File</label>
<input type="file" name="url" class="form-control" value="<?=$rows['url'] ?>">
</div>
<button type="submit" class="btn btn-primary" value="<?=$rows['sn'] ?>" name="UpdateAudioLink">Update Audio Module</button>
</form>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Update Audio Training</h3>
</div>
<div class="card-body">
<form method="post">
<input type="hidden" name="sn" value="<?=$vid?>">
<div class="row">
<div class="col-lg-6 pb-3">
<label>Title</label>
<input type="text" name="title" class="form-control"placeholder="Title" value="<?=sqLx('audio','sn',$vid,'title')?>" required>
</div>
<div class="col-lg-6 pb-3">
<label>Description</label>
<textarea input type="text" name="description" class="form-control" placeholder="Decription"><?=sqLx('audio','sn',$vid,'description')?></textarea>
</div>
<div class="col-lg-6 pb-3">
<label>Plan</label>
<select class="form-control" name="plan" required >
<option value="<?=sqLx('audio','sn',$vid,'plan')?>"><?=$pro->typeTitle(sqLx('audio','sn',$vid,'plan'))?></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="<?=sqLx('audio','sn',$vid,'stage')?>"><?=sqLx('audio','sn',$vid,'stage')?></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="UpdateAudio" class="btn btn-primary btn-block">Update Training Information</button>
</div>
</form>
<hr>
<h4>Update Cover Image</h4>
<img src="<?=sqLx('audio','sn',$vid,'url')?>" width="400"><br><br>
<form method="post" enctype="multipart/form-data">
<input type="hidden" name="sn" value="<?=$vid?>">
<input type="file" name="photo" class="form-control" required><br>
<button type="submit" name="UpdateVideoImage" class="btn btn-primary btn-block">Update Video Cover Image</button>
</form>
</div>
<!-- CONTAINER END -->
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="update">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Modal Title</h5>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body">
<form method="POST" class="row" >
<input type="hidden" id="vid" name="vid">
<div class="col-md-12 form-group">
<label>Title</label>
<input type="text" name="title" class="form-control" placeholder="Title" >
</div>
<div class="col-md-12 form-group">
<label>Description</label>
<textarea name="description" class="form-control" placeholder="Description" ></textarea>
</div>
<div class="col-md-12 form-group">
<label>Video Code</label>
<input type="text" name="url" class="form-control" placeholder="Vimeo Video Code" >
<strike>https://vimeo.com/</strike>863336181
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" name="UploadVideoLink">Creat Audio Module</button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php include('footer.php'); ?>
<!-- FOOTER END -->
<!-- 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>
</body>
</html>