Sindbad~EG File Manager

@extends('layout')

@section('content')

<?php 

  $mcq_option_id = isset($mcq)? $mcq->mcq_option_id :0;
  $url = url('mcq/'.Helper::encrypt($course_id).'/'.Helper::encrypt($mcq->mcq_id)).'?is_refresh=1&answer_status='.$answer_status;
  $index_url = url('user/question_index/'.Helper::encrypt($course_id)).'?status='.$answer_status;
  
 ?>
<div class="col-12">
  <!--<div class="row">-->
    <div class="col-12 text-left">
      <span class="h5 alert alert-warning" style="display: block;padding: 3px 3px;">Total Time Left : <span id="countdown"></span></span>
    <!--</div>-->
  </div>
   <form id="reg" name="register" action="{{ $url }}" method="post">
      <input type="hidden" name="is_next" id="is_next" value="1">
      <input type="hidden" name="prev_mcq_id" id="prev_mcq_id" value="{{ $prev_mcq_id }}">
      <input type="hidden" name="next_mcq_id" id="next_mcq_id" value="{{ $next_mcq_id }}">
      <input type="hidden" name="is_skip" id="is_skip" value="0">
      <input type="hidden" name="is_skips" id="is_skips" value="{{$is_skips}}">
      <input type="hidden" name="opened_at" id="opened_at" value="{{ $opened_at }}">
      <input type="hidden" name="answer_status" id="answer_status" value="{{ $answer_status }}">
      
      <!-- <input type="hidden" name="option_id" id="option_id" value="{{ $mcq_option_id }}"> -->
      <input type="hidden" id="user_option" name="user_option" value="{{ $mcq_option_id }}">
      <div class="row">
         <div class="col-12 text-center">
            <h1 class="d-inline">{{ $session->session_name }}</h1>
         </div>
      </div>

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

      <h4 class="d-inline">{{ $mcq->order_no }}</h4>
      <h4 class="d-inline">/{{ $mcq_count }}</h4>
      &nbsp;<h4 class="d-inline">:</h4>&nbsp;
      <h4 class="mb-3 d-inline">{{ $mcq->question }}</h4>

      <div class="row">
         <div class="col-12 mt-3">
            @if(isset($mcq->image_url))
            <img src="{{$mcq->image_url }}" class="img-fluid mt-3 mb-3"  alt=""> 
            @endif    
         </div>
      </div>
      <!--<div class="row {{ $mcq_option_id >0 ?'disabled':'' }}">-->
      <div class="row ">
         @foreach($mcq_options as $option)  
         <div class="col-md-6 mb-3">
            <!-- selected-->
            <input type="hidden" name="answer_{{ $option->mcq_option_id }}" value="{{$option->option_initial}}">
            <a href="#1"  class="option list-group-item  home-description  {{ $option->mcq_option_id==$mcq_option_id?'selected':''  }} " data-option-id="{{ $option->mcq_option_id }}">
               <h5 class="list-group-item-heading ">{{ $option->option_initial }}. {{ $option->option_name }}</h5>
               <span style="clear: both;"></span>
            </a>
         </div>
         @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-6 col-sm-12 mt-3 text-left">
                      @if(intval($prev_mcq_id)>0)
                       <button type="submit" id="btnPrevious" name="submit_btn" value="previous" class="btn btn-primary ">PREVIOUS</button>
                      @else
                      @endif
                      
                      <button type="submit" id="btnNext" name="submit_btn" value="save_next" class="btn btn-primary ">SAVE & NEXT</button>
                      
                        <!--<a href="{{$url}}" class="btn btn-warning ml-2">Index</a>-->
            </div>
            <div class="col-md-6 col-sm-12 mt-3 text-right">
                  @if(intval($mcq_option_id)>0)
                    <button type="submit" id="btnNext" name="submit_btn" value="next" class="btn btn-primary ">NEXT</button>
                  @else
                        <button type="submit" id="btnSkip" name="submit_btn"  class="btn btn-danger mr-2">SKIP</button>
                        
                        <!--<button type="submit" id="btnNext" class="btn btn-primary ">SAVE & NEXT</button>-->
                      
                  @endif
                  <a href="{{$index_url}}" class="btn btn-warning ml-2">Index</a>
             </div>
      </div>
   </form>
</div>


<script type="text/javascript">
  $( document ).ready(function() {
    var mcq_option_id = "{{ $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');
      
      var is_skip = $("#is_skip").val();
      $("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("{{ date('Y-m-d H:i:s',strtotime($course->course_end_at)) }}").getTime();
//  var countDownDate = Date.parse("{{ date('Y-m-d H:i:s',strtotime($course->course_end_at)) }}");
var countDownDate = new Date({{  date('Y,m,d,H,i,s,u',strtotime("-1 months",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>
@stop