Your IP : 18.119.119.191
<?php
session_start();
include("lib/connect.inc.php");
$uid = $covis->Uid();
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="treant/examples/tree/basic-example2.css">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<title>Testimony</title>
<link rel="shortcut icon" href="img/fav.png" />
<link rel="stylesheet" href="treant/Treant.css">
<link rel="stylesheet" href="treant/examples/tree/basic-example2.css">
<!-- Neptune CSS -->
<link rel="stylesheet" href="css/core.css">
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Vendor CSS -->
<link rel="stylesheet" href="../vendor/bootstrap4/css/bootstrap.min.css">
<link rel="stylesheet" href="../vendor/themify-icons/themify-icons.css">
<link rel="stylesheet" href="../vendor/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../vendor/animate.css/animate.min.css">
<link rel="stylesheet" href="../vendor/jscrollpane/jquery.jscrollpane.css">
<link rel="stylesheet" href="../vendor/waves/waves.min.css">
<link rel="stylesheet" href="../vendor/switchery/dist/switchery.min.css">
<link rel="stylesheet" href="../vendor/morris/morris.css">
<link rel="stylesheet" href="../vendor/jvectormap/jquery-jvectormap-2.0.3.css">
<!-- Font Awesome -->
<?php include('head.php'); ?>
</head>
<style>
.zoom:hover {
transform: scale(2.5);
position: relative;
top: 0px;
left: 0px;
z-index: 1;
}
</style>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
<?php include('nav.php'); ?>
<!-- Content Header (Page header) -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1> TESTIMONY</h1>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-right">
<li class="breadcrumb-item"><a href="index.php">Home</a></li>
<li class="breadcrumb-item active">Testimony</li>
</ol>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Content Header (Page header) -->
<div id="refresh"><?php if(isset($report)){$covis->Alert(); } ?></div>
<div class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<div class="card ">
<div class="card-header text-white bg-dark">
<h5>Manage My Testimonies</h5>
</div>
<br/>
<div class="card-body">
<em>NOTE:
<p>You are required to post a testimony each time you receive an offer from Covis Club. It's a way of showing your appreciation. You can post either video or snapshot signifying the benefit. </p>
</em>
<!-- <form class="form-group" method="post" enctype="multipart/form-data">-->
Testimony Type
<select name="type" required id="options" class="form-control">
<option value=""> Select Type...</option>
<option value="1"> Video</option>
<option value="2"> Snapshot</option>
</select>
<div id="video" style="display: none"> <br>
<form method="post">
<textarea class="form-control" name="link" placeholder="Enter Youtube video link"required></textarea>
<em><small>Hint: Upload the video to YouTube, play it and copy the url link </small></em><br>
<textarea class="form-control" name="note1" placeholder="Enter Additional Note"required></textarea><br>
<button class="btn btn-success btn-lg" type="submit"
style="width: 100%" name="TestimonyVideo">Post Testimony video</button>
</form>
</div>
<div id="photo" style="display: none"><br>
<form method="post" enctype="multipart/form-data">
<input type="file" name="image"
class="form-control" required><br>
<textarea class="form-control" name="note"
placeholder="Enter Additional Note" required></textarea><br>
<button class="btn btn-primary btn-lg" type="submit"
style="width: 100%" name="TestimonyPhoto">Post Testimony Snapshot</button>
</form>
</div>
<br/><br/>
<!-- </form>-->
</div>
</div>
</div>
<div class="col-md-8">
<div class="card ">
<div class="card-header text-white bg-dark">
<h5>Records of Testimony</h5>
</div>
<br/>
<table class="table table-hover">
<tr>
<th>S/N</th>
<th>Testimony</th>
<th>Note</th>
<th>Status</th>
</tr>
<?php $sql = $db->query("SELECT * FROM testimony WHERE id='$uid' ORDER BY created DESC"); $i = 0;
while($row = $sql->fetch_assoc()){
$i +=1;
$status = ($row['status']==0)?'Pending':'Approved';
$link = $row['type']==1 ? '<img class="avatar img img-rounded zoom" src="news/'.$row['link'].'" width="30%" height="150px" />' :
$row['link'] ;
?>
<tr>
<td><?php echo $i ?></td>
<td><?php echo $link ?></td>
<!-- <td><img src="" class="" alt=""></td>-->
<td><?php echo $row['note'] ?></td>
<td><?php echo $status ?></td>
</tr>
<?php } ?>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
<!-- /.card -->
<!-- right col -->
</div>
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include('foot.php'); ?>
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
</div>
<!-- ./wrapper -->
<!-- jQuery -->
<script src="../plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="../plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button)
</script>
<!-- Bootstrap 4 -->
<script src="../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="../plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="../plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="../plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="../plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="../plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="../plugins/moment/moment.min.js"></script>
<script src="../plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="../plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="../plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="../plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="../dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- DataTables -->
<script src="../plugins/datatables/jquery.dataTables.min.js"></script>
<script src="../plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="../plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="../plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script type="text/javascript" src="../vendor/chartist/chartist.min.js"></script>
<!-- Vendor JS -->
<script type="text/javascript" src="../vendor/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript">
$(function () {
$('#options').on('change', function (e) {
e.preventDefault();
$('#video').hide();
$('#photo').hide();
var val = $(this).val();
console.log(val);
if(val == 1) {
$('#video').show();
}else {
$('#photo').show()
}
})
})
</script>
<script type="text/javascript" src="../vendor/tether/js/tether.min.js"></script>
<script type="text/javascript" src="../vendor/bootstrap4/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../vendor/detectmobilebrowser/detectmobilebrowser.js"></script>
<script type="text/javascript" src="../vendor/jscrollpane/jquery.mousewheel.js"></script>
<script type="text/javascript" src="../vendor/jscrollpane/mwheelIntent.js"></script>
<script type="text/javascript" src="../vendor/jscrollpane/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="../vendor/jquery-fullscreen-plugin/jquery.fullscreen-min.js"></script>
<script type="text/javascript" src="../vendor/waves/waves.min.js"></script>
<script type="text/javascript" src="../vendor/switchery/dist/switchery.min.js"></script>
<script type="text/javascript" src="../vendor/flot/jquery.flot.min.js"></script>
<script type="text/javascript" src="../vendor/flot/jquery.flot.resize.min.js"></script>
<script type="text/javascript" src="../vendor/flot.tooltip/js/jquery.flot.tooltip.min.js"></script>
<script type="text/javascript" src="../vendor/CurvedLines/curvedLines.js"></script>
<script type="text/javascript" src="../vendor/TinyColor/tinycolor.js"></script>
<script type="text/javascript" src="../vendor/sparkline/jquery.sparkline.min.js"></script>
<script type="text/javascript" src="../vendor/raphael/raphael.min.js"></script>
<script type="text/javascript" src="../vendor/morris/morris.min.js"></script>
<script type="text/javascript" src="../vendor/jvectormap/jquery-jvectormap-2.0.3.min.js"></script>
<script type="text/javascript" src="../vendor/jvectormap/jquery-jvectormap-world-mill.js"></script>
<script type="text/javascript" src="../vendor/peity/jquery.peity.js"></script>
<script type="text/javascript" src="../vendor/chartist/chartist.min.js"></script>
<!-- Neptune JS -->
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!-- page script -->
<script type="text/javascript">
$(function(){
$("#username").keyup(function(){
var v = $(this).val();
$.ajax({
type: 'get',
url : 'js/username.php?val='+v
}).done(function(data){
if(data == 0){
$("#output").html('');
}
else if(data == 1){
$("#output").html('Username Does Not Exist');
}
else {
$("#output").html(data);
}
})
});
})
</script>
<script src="treant/vendor/raphael.js"></script>
<script src="treant/Treant.js"></script>
<script>
new Treant( chart_config );
</script>
<!--<script type="text/javascript">-->
<!--document.getElementById('options').onchange = function() {-->
<!-- var i = 1;-->
<!-- var myDiv = document.getElementById(i);-->
<!-- while(myDiv) {-->
<!-- myDiv.style.display = 'none';-->
<!-- myDiv = document.getElementById(++i);-->
<!-- }-->
<!-- document.getElementById(this.value).style.display = 'block';-->
<!--};-->
<!---->
<!---->
<!---->
<!---->
<!--document.getElementById('option1').onchange = function() {-->
<!-- var i = 4;-->
<!-- var myDiv = document.getElementById(i);-->
<!-- while(myDiv) {-->
<!-- myDiv.style.display = 'none';-->
<!-- myDiv = document.getElementById(++i);-->
<!-- }-->
<!-- document.getElementById(this.value).style.display = 'block';-->
<!--};-->
<!--</script>-->
</body>
</html>