Sindbad~EG File Manager

<?php $__env->startSection('content'); ?>

<?php
  $session = Sessions::getSession();
?>

<!--<div class="row">-->
<!--    <div class="col-12 text-left">-->
<!--      <span class="h5 alert alert-warning" style="display: block;">Total Time Left : <span id="countdown"></span></span>-->
<!--    </div>-->
<!--  </div>-->

<div class="container justify-content-center mt-50 mb-50">
    <div class="row">
        <div class="col-md-12 text-right">
            <a href="" class="btn btn-sm btn-warning"><i class="fa fa-refresh mr-2"></i>Refresh</a>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
          <?php foreach($courses as $course): ?>
            <div class="card  mt-3  blog-horizontal">
                <div class="card-body">
                    <div class="mb-3">
                        <!--<div class="row">-->
                        <!--    <div class="col-lg-4 col-sm-12 col-md-12 text-left">-->
                        <!--      <span class="h5  alert alert-warning pt-0 pb-0" style="display: block;">Total Time Left : <span id="countdown"></span></span>-->

                        <!--    </div>-->
                               
                            
                                <!--<div class="col-lg-4 col-sm-3 col-md-3 text-right">-->
                                <!--   <a href="" class="btn btn-sm btn-warning"><i class="fa fa-refresh mr-2"></i>Refresh</a>-->
                                <!--</div>-->
                        <!--  </div>-->
                        <div class="row" >
                            <div class="col-md-6 col-sm-12">
                                <h5 class="d-flex font-weight-semibold flex-nowrap my-1"> <span class="text-default mr-2" data-abc="true"><?php echo $course->course_name; ?></span> </h5>
                            </div>
                            <div class="col-md-6 col-sm-12">
                                <h5 class="d-flex font-weight-semibold flex-nowrap my-1"> <span class="text-danger-400 ml-md-auto"><span class="h6">Completed </span><?php echo $course->completed_count; ?> / <?php echo $course->course_question_limit; ?></span> </h5>
                            </div>
                            
                        </div>
                        
                      <!--   <ul class="list-inline list-inline-dotted text-muted mb-0">
                            <li class="list-inline-item">By <a href="#" class="text-muted" data-abc="true">Timona Shai</a></li>
                            <li class="list-inline-item"> Nov 3rd, 2019</li>
                        </ul> -->
                    </div>
                    
                    <div class="row">
                        <div class="col-lg-8 col-sm-12 col-md-12 text-left">
                            <p ><?php echo $course->course_description; ?></p>
                        </div>  
                        <?php if(Helper::checkBetweenDatetimesFromCurrentDateTime($course->course_start_at,$course->course_end_at)): ?>
                        <div class="col-lg-4 col-sm-12 col-md-12 text-center">
                            <span class="h5  alert alert-warning" style="display: block;padding: 5px 5px;">Total Time Left : <span  class ="countdown"></span></span>
                        </div>
                        <?php endif; ?>
                    </div>
                    
                </div>
                <div class="card-footer d-sm-flex justify-content-sm-between align-items-sm-center">
                    <ul class="list-inline list-inline-dotted mb-0">
                        <li class="list-inline-item text-primary"><i class="fa fa-calendar-check-o mr-1"></i> <?php echo date('d-m-Y',strtotime($course->course_start_at)); ?> </li>
                        <li class="list-inline-item text-primary"><i class="fa fa-clock-o mr-1"></i> <?php echo date('H:i ',strtotime($course->course_start_at)); ?>  to  <?php echo date('H:i',strtotime($course->course_end_at)); ?> </li>
                    </ul>
                    <?php if(Helper::checkBetweenDatetimesFromCurrentDateTime($course->course_start_at,$course->course_end_at)): ?>
                        <?php if($course->course_question_limit==$course->completed_count): ?>
                                
                            <div class="mt-2 mt-sm-0 text-right"><a href="<?php echo url('user/question_index/'.Helper::encrypt($course->course_id)); ?>" data-abc="true" class="btn btn-sm btn-warning"><i class="fa fa-check font-size-base mr-1"></i>Index</a> <a href="<?php echo url('mcq/'.Helper::encrypt($course->course_id)); ?>" data-abc="true" class="btn btn-sm btn-success"><i class="fa fa-check font-size-base mr-1"></i> Completed</a> </div>
                        <?php elseif($course->completed_count == 0): ?>
                        
                          <div class="mt-2 mt-sm-0 text-right"> <a href="<?php echo url('mcq/'.Helper::encrypt($course->course_id)); ?>" data-abc="true" class="btn btn-sm btn-primary"><i class="fa fa-check fa-arrow-right mr-1"></i> Click here to Start</a> </div>
                        <?php else: ?>  
                            
                          <div class="mt-2 mt-sm-0 text-right"><a href="<?php echo url('user/question_index/'.Helper::encrypt($course->course_id)); ?>" data-abc="true" class="btn btn-sm btn-warning"><i class="fa fa-check font-size-base mr-1"></i>Index</a> <a href="<?php echo url('mcq/'.Helper::encrypt($course->course_id)); ?>?is_skips=1" data-abc="true" class="btn btn-sm btn-primary"><i class="fa fa-check fa-arrow-right mr-1"></i> Partially completed.  Click here to complete.</a> </div>  
                        <?php endif; ?>
                    <?php else: ?>
                        <?php if(!Helper::checkFromDatetimeGreaterThanCurrentDateTime($course->course_start_at)): ?>
                            <div class="mt-2 mt-sm-0 text-right"><span class="text-info"> <i class="fa fa-times font-size-base mr-1"></i> Session not Started </span></div>
                        <?php else: ?>
                            <div class="mt-2 mt-sm-0 text-right"><span class="text-danger"> <i class="fa fa-times font-size-base mr-1"></i> Session Closed </span></div>
                        <!-- <div class="mt-2 mt-sm-0 text-right"> <a href="<?php echo url('mcq/'.Helper::encrypt($course->course_id)); ?>" data-abc="true" class="btn btn-primary"><i class="fa fa-times font-size-base mr-1"></i> Click here to Start</a> </div> -->
                        <?php endif; ?>
                    <?php endif; ?>    
                </div>
            </div>
          <?php endforeach; ?>  
    </div>
</div>






<script type="text/javascript">

var countDownDate = new Date(<?php echo date('Y,m,d,H,i,s,u',strtotime($courses[0]->course_end_at)); ?>).getTime();

 // Update the count down every 1 second
 var x = setInterval(function() {

  // Get today's date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
    
  hours = hours>9? hours:"0"+hours;
  minutes = minutes>9? minutes:"0"+minutes;
  seconds = seconds>9? seconds:"0"+seconds;
  // Output the result in an element with id="demo"
  $(".countdown").html(hours + ":" + minutes + ":" + seconds);
//   document.getElementById("countdown").innerHTML =  hours + ":" + minutes + ":" + seconds;
  
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    $(".countdown").html("00:00:00");
    // document.getElementById("countdown").innerHTML = "00:00:00";
    location.reload();
  }
}, 1000);
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>