Your IP : 3.149.29.209


Current Path : /home/lentoinv/covisclubinternational.com/profile/
Upload File :
Current File : //home/lentoinv/covisclubinternational.com/profile/testimony.php

<?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>

?>