@extends("layouts.app_new")
@section("title")
    Course view
@endsection
@section("content")
<style type="text/css">
    .order-details .payment-box
    {
        background-color: transparent !important;
            box-shadow: none;
    }
</style>
@if($tryAgain !=1)
            <!-- Start Courses Details Area -->
        <section class="courses-details-area ptb-70">
            <div class="container">
                  <div class="myAccount-navigation">
                    <ul>
                        <li><a href="{{url('course-view/'.$course->id)}}" ><i class='bx bx-edit' ></i> Course details</a></li>
                        @if($isCourseEnded)
                        <li><a href="{{url('course-certificate/'.$course->id)}}"><i class='bx bx-certification'></i> Course Certificate</a></li>
                        @endif
                    </ul>
                </div>
                <form action="{{url('courses-assignment/'.$courseQuiz->id)}}"  id="submitQuizAnswers" method="post">

                    <input type="hidden" name="_token" value="{{csrf_token()}}">
                    <input type="hidden" name="_method" value="post">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="courses-details-desc order-details">
                            <h3>{{$courseQuiz->name}}</h3> 
                            @foreach($CourseAssignmentQuestion as $key => $Question)
                            <p><strong> {{$key + 1}}. {{$Question->question_title}} </strong></p>
                           <div class="payment-box">
                                <div class="payment-method">
                                    <p>
                                        <input type="radio"  value="1" id="answer_{{$Question->id}}_1" name="answer[{{$Question->id}}]">
                                        <label for="answer_{{$Question->id}}_1">{{$Question->answer_1}}</label>
                                    </p>
                                    <p>
                                        <input type="radio" value="2" id="answer_{{$Question->id}}_2" name="answer[{{$Question->id}}]">
                                        <label for="answer_{{$Question->id}}_2">{{$Question->answer_2}}</label>
                                    </p>
                                    @if($Question->answer_3)
                                    <p>
                                        <input type="radio" value="3" id="answer_{{$Question->id}}_3" name="answer[{{$Question->id}}]" >
                                        <label for="answer_{{$Question->id}}_3">{{$Question->answer_3}}</label>
                                    </p>
                                    @endif
                                    @if($Question->answer_4)

                                    <p>
                                        <input type="radio" value="4" id="answer_{{$Question->id}}_4" name="answer[{{$Question->id}}]">
                                        <label for="answer_{{$Question->id}}_4">{{$Question->answer_4}}</label>
                                    </p>
                                    @endif
                                </div>
                            </div>
                            @endforeach    
                            <br>
                            <div class="text-center">
                                    <button type="submit" class="default-btn submitQuiz"><i class='bx bx-paper-plane icon-arrow before'></i><span class="label">Evaluate Assignment</span><i class='bx bx-paper-plane icon-arrow after'></i></button>
                                </div>
                        </div>

                    </div>

                </div>
                </form>
            </div>
        </section>
        <!-- End Courses Details Area -->

@else
        <div class="error-404-area assign-div">
            <div class="container">
                <div class="notfound bg-start">
                    <div class="row justify-content-center">
                    <h2>Try again after</h2>
                    </div>
                    <br>    
                    <h4 class="text-muted"> {{$time}}</h4>

                   

                </div>
            </div>
        </div>
@endif

@endsection
@section("script")

@if($tryAgain !=1)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js" integrity="sha512-YUkaLm+KJ5lQXDBdqBqk7EVhJAdxRnVdT2vtCzwPHSweCzyMgYV/tgGF4/dCyqtCC2eCphz0lRQgatGVdfR0ww==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js" integrity="sha512-AA1Bzp5Q0K1KanKKmvN/4d3IRKVlv9PYgwFPvm32nPO6QS8yH1HO7LbgB1pgiOxPtfeg5zEn2ba64MUcqJx6CA==" crossorigin="anonymous"></script>
<script type="text/javascript">
    

    $( "#submitQuizAnswers" ).submit(function( event ) {
      event.preventDefault();

          $.ajax({
            type: 'post',
            url: "{{url('courses-assignment/'.$courseQuiz->id)}}",
            data: $('#submitQuizAnswers').serialize(),
            success: function (data) {


                if(data.success==false){
                    swal("data.data")
                }else{
                            window.location.href = "{{url('course-view/'.$courseQuiz->course_id)}}";

                }

            }
          });    });

</script>

@endif
@endsection