Sindbad~EG File Manager

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

<?php 

  $mcq_option_id = isset($mcq_user_answer)? $mcq_user_answer->mcq_option_id :0;
  $url = url('mcq/'.Helper::encrypt($course_id).'/'.Helper::encrypt($mcq->mcq_id));
  
 ?>
<div class="col-12">
  <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>
   <form id="reg" name="register" action="<?php echo $url; ?>?is_refresh=1" method="post">
      <input type="hidden" name="is_next" id="is_next" value="1">
      <input type="hidden" name="is_skip" id="is_skip" value="0">
      <input type="hidden" name="is_skips" id="is_skips" value="<?php echo $is_skips; ?>">
      <input type="hidden" name="opened_at" id="opened_at" value="<?php echo $opened_at; ?>">
      
      <!-- <input type="hidden" name="option_id" id="option_id" value="<?php echo $mcq_option_id; ?>"> -->
      <input type="hidden" id="user_option" name="user_option" value="<?php echo $mcq_option_id; ?>">
      <div class="row">
         <div class="col-12 text-center">
            <h1 class="d-inline"><?php echo $session->session_name; ?></h1>
         </div>
      </div>

      <!--</br></br>-->

      <h4 class="d-inline"><?php echo $mcq->order_no; ?></h4>
      <h4 class="d-inline">/<?php echo $mcq_count; ?></h4>
      &nbsp;&nbsp;
      <h4 class="mb-3 d-inline"><?php echo $mcq->question; ?></h4>

      <div class="row">
         <div class="col-12 mt-3">
            <?php if(isset($mcq->image_url)): ?>
            <img src="<?php echo $mcq->image_url; ?>" class="img-fluid mt-3 mb-3"  alt=""> 
            <?php endif; ?>    
         </div>
      </div>
      <div class="row <?php echo $mcq_option_id >0 ?'disabled':''; ?>">
         <?php foreach($mcq_options as $option): ?>  
         <div class="col-md-6 mb-3">
            <!-- selected-->
            <input type="hidden" name="answer_<?php echo $option->mcq_option_id; ?>" value="<?php echo $option->option_initial; ?>">
            <a href="#1"  class="option list-group-item  home-description  <?php echo $option->mcq_option_id==$mcq_option_id?'selected':''; ?> " data-option-id="<?php echo $option->mcq_option_id; ?>">
               <h5 class="list-group-item-heading "><?php echo $option->option_initial; ?>. <?php echo $option->option_name; ?></h5>
               <span style="clear: both;"></span>
            </a>
         </div>
         <?php endforeach; ?>
      </div>
      <!--<div class="row">-->
      <!--  <div class="col-md-6 mt-3">-->
      <!--  <button type="submit" id="btnPrevious" class="btn btn-primary float-left">PREVIOUS</button>-->
      <!--  </div>-->
      <!--  <div class="col-md-6 mt-3">-->
      <!--  <button type="submit" id="btnNext" class="btn btn-primary float-right">NEXT</button>-->
      <!--  </div>-->
      <!--</div>-->
      <div class="row">
         <div class="col-md-12 col-sm-12 mt-3">
           <button type="submit" id="btnPrevious" class="btn btn-primary float-left">PREVIOUS</button>
          <?php if(intval($mcq_option_id)>0): ?>
            <button type="submit" id="btnNext" class="btn btn-primary float-right">NEXT</button>
          <?php else: ?>
              <button type="submit" id="btnNext" class="btn btn-primary float-right">SAVE & NEXT</button>
              <button type="submit" id="btnSkip" class="btn btn-danger float-right">SKIP</button>
          <?php endif; ?>
           
            
         </div>
      </div>
   </form>
</div>


<script type="text/javascript">
  $( document ).ready(function() {
    var mcq_option_id = "<?php echo $mcq_option_id; ?>";
    if(mcq_option_id>0)
    {
    $("#btnNext").attr('disabled',false);  
    }
    else
    {
     $("#btnNext").attr('disabled',true);   
    }
    

    $(".option").click(function(e)
    {
      //e.preventdefault();
      $(".option").removeClass('selected');
      $(this).addClass('selected')
      var option_id =  $(this).attr('data-option-id');
      //alert(option_id);
     $("#user_option").val(option_id);
     $("#btnNext").attr('disabled',false);

    })

    $("#btnPrevious").click(function(e)
    {
      $("#is_next").val(0)
      // $("form[name='register']").attr('action',$(this).attr('data-url'))
      // $("form[name='register']").submit();

    })
     $("#btnNext").click(function(e)
    {
      $("#is_next").val(1)
      $("#is_skip").val(0)
      $(this).html('Please wait...');
      $(this).attr('disabled', 'true');
      $("form[name='register']").submit();
      // $("form[name='register']").attr('action',$(this).attr('data-url'))
      // $("form[name='register']").submit();
    })
    $("#btnSkip").click(function(e)
    {
      $("#is_next").val(1)
      $("#is_skip").val(1)
      $(this).html('Please wait...');
      $(this).attr('disabled', 'true');
      $("form[name='register']").submit();
      // $("form[name='register']").attr('action',$(this).attr('data-url'))
      // $("form[name='register']").submit();
    })
  });
</script>


<script type="text/javascript">
  // Set the date we're counting down to
 // var countDownDate = new Date("<?php echo date('Y-m-d H:i:s',strtotime($course->course_end_at)); ?>").getTime();
//  var countDownDate = Date.parse("<?php echo date('Y-m-d H:i:s',strtotime($course->course_end_at)); ?>");
var countDownDate = new Date(<?php echo date('Y,m,d,H,i,s,u',strtotime($course->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"
  document.getElementById("countdown").innerHTML =  hours + ":"
  + minutes + ":" + seconds;
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    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(); ?>