@extends("layouts.app_new")
@section("title")
    Course view
@endsection
@section("content")
<style type="text/css">
    .courses-details-desc.order-details {
    min-height: 28vh;
}
</style>

            <!-- 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>
                        <li><a href="{{url('course-documents/'.$course->id)}}" class="active" ><i class='bx bxs-file-doc' ></i> Documents</a></li>
                        <li><a href="{{url('course-certificate/'.$course->id)}}"><i class='bx bx-certification'></i> Course Certificate</a></li>
                    </ul>
                </div>

                <div class="row">
                    <div class="col-lg-12">
                        <div class="courses-details-desc order-details">
                            <h3>Documents</h3>
                            <div class="row">           
                            @foreach($CourseContent as $key => $Document)
                             <div class="col-md-2">
                                <a href="{{url('').'/'.$Document->path}}"  class="default-btn" download><i class='bx bxs-download icon-arrow before'></i><span class="label">{{$Document->name}}</span><i class="bx bxs-download icon-arrow after"></i></a>
                            </div>
                            @endforeach
                            </div> 
                        </div>

                    </div>

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

@endsection
@section("script")
<script type="text/javascript">
    

$(".submitQuiz").on("click",function(){
    $('input:radio').each(function() {
      if($(this).is(':checked')) {
            checkedAnswerClass  = $(this).attr('class');
            checkedAnswerId  = $(this).attr('id');

            if(checkedAnswerClass == "trueAnswer"){
                $("label[for='"+checkedAnswerId+"']").addClass( "text-success" );
            }else if(checkedAnswerClass == "falseAnswer") {
                $("label[for='"+checkedAnswerId+"']").addClass( "text-danger" );

            }
            

      } 
      else {
        // Or an unchecked one here...
      }
    });

})
</script>
@endsection