@extends('admin.layout.master')

@section('content')
<div class="app-content  my-3 my-md-5">
	<div class="side-app">
		<div class="page-header">
			<ol class="breadcrumb">
        <li class="breadcrumb-item" aria-current="page"><a href="javascript:void()">Package Review</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.package-review.ongoing.list')}}">Ongoing</a></li>
        <li class="breadcrumb-item" aria-current="page"><a href="{{route('admin.package-review.ongoing.chapter_list', base64_encode($reviewDetails->package_review_id))}}">Chapter</a></li>
				<li class="breadcrumb-item active" aria-current="page">Review Now</li>
			</ol>
		</div>
      <h1>
      View Details
      </h1>
      <!-- Table -->
      <div class="card">
        <div class="card-header pt-5">
          <h2>Chapter Details</h2>
          <div class="filter-group flex-nowrap minWidth">
            <p>Percentage</p>
            <div id="myProgress" class="custmProgress" style="width: 100%">
              <div id="myBar" style="width: {{$reviewDetails->completion_percent}}%"><span class="loader-text">{{$reviewDetails->completion_percent}}%</span></div>
            </div>
            @if($reviewDetails->completion_status == 1)
              <a href="javascript:void(0)" class="btn btn-outline-primary btn-pill fs-14">Chapter Completed</a>
            @else
              <a href="javascript:void(0)" class="btn btn-outline-primary btn-pill fs-14 complete" data-detailid="{{base64_encode($reviewDetails->id)}}" data-count="{{($reviewDetails->question_completion_status  + $reviewDetails->section_completion_status + 1)}}" data-type="Chapter">Mark Chapter As Complete</a>
            @endif
          </div>
        </div>
        <div class="card-body pt-3">
          <div class="details-box mb-7">
            <div class="row">
              <div class="card-header col-lg-12">
                <h2></h2>
                <div class="filter-group minWidth">
                  @if($details->internal_coaching == 1)
                  <a href="{{route('admin.practice_set.chapter.edit', base64_encode($reviewDetails->practice_set_chapter_id))}}" target="_blank"><button class="btn edit-btn fs-14"><i class="fa fa-pencil"></i> Edit</button></a>
                  @endif
                  <div class="button-group">
                    <button type="button" class="dropdown-toggle btn btn-outline-primary btn-pill fs-14" data-toggle="dropdown"><i class="fa fa-file"></i> Report</button>
                    <ul class="dropdown-menu sections_report_btn" data-id="{{base64_encode($reviewDetails->package_review_id)}}" data-detailid="{{base64_encode($reviewDetails->id)}}">
                      @if($reportTags)
                        @foreach($reportTags as $tags)
                          <li>
                            <a href="#" class="small" data-value="{{$tags->id}}" tabIndex="-1">
                              <label class="custom-control custom-checkbox">
                              <input type="checkbox" name="section_9[]" class="custom-control-input" value="{{$tags->id}}" @if(isset($sections['section_9'])) @if(in_array($tags->id,$sections['section_9'])){{'checked'}}@endif @endif>&nbsp;&nbsp;
                               <span class="custom-control-label">{{$tags->tag_name}}</span>
                              </label>
                            </a>
                          </li>
                        @endforeach
                      @endif
                    </ul>
                  </div>
                </div>
              </div>
              <div class="col-lg-6">
                <ul class="details-list">
                  <li>
                    <label>Subject</label>
                    <span>
                        @if(isset($details->subjectByPracticeSetChapter[0]))
                            {{$details->subjectByPracticeSetChapter[0]->subject}}
                        @endif
                    </span>
                  </li>
                  <li>
                    <label>Chapter Name</label>
                    <span>
                        @if(isset($details->chapterByPracticeSetChapter[0]))
                            {{$details->chapterByPracticeSetChapter[0]->chapter}}
                        @endif
                    </span>
                  </li>
                  <li>
                    <label>Faculty Name</label> 
                                            @if(isset($details->facultyByPracticeSetChapter))
                          @foreach($details->facultyByPracticeSetChapter as $faculty)
                            @if(isset($faculty->facultyByPracticeSetChapterFaculty))
                                 
                            @endif
                          @endforeach
                        @endif
                   <span>{{trim($test_faculty, ' & ')}}</span>
                  </li>
                  <li><label>Languages</label>
                    <span> 
                    @if($details->language_id == 1)
                    {{'English'}}
                    @else
                    {{'Hindi'}}
                    @endif
                  </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="text-center">
            @if($reviewDetails->section_completion_status == 1)
              @php $class=''; @endphp
              <img class="modal-icon mb-0 mr-1" src="{{asset('admin/images/check_circle.svg')}}" alt="" width="15">
            @else
              @php $class='mark_chapter'; @endphp
            @endif
            <a class="text-warning text-underline font-medium {{$class}}" href="javascript:void(0)" data-id="{{base64_encode($reviewDetails->id)}}" data-count="1">Mark This Section Complete</a>
          </div>
          <div class="test-footer">
            <a href="{{route('admin.package-review.ongoing.chapter_list', base64_encode($reviewDetails->package_review_id))}}"><button class="btn btn-outline-primary btn-pill btn-streach font-book  mt-6 fs-14"> Cancel </button></a>
            <a href="{{route('admin.package-review.ongoing.question_list', [base64_encode($reviewDetails->id), 1])}}" class="btn btn-primary btn-pill btn-streach font-book  mt-6 fs-14 @if(!$reviewDetails->section_completion_status == 1){{'disable-btn'}}@endif go_to_next"> Go To Question</a>
          </div>
          <!--// Price Details -->
        </div>
      <!--// MAIN BODY CONTENT -->
  </div>
</div>

<!-- Modal Exam Final Submit Success-->
<div class="modal fade" id="markTestCompletSuccesModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
         </button>          
      </div>
      <div class="modal-body text-center pt-0 px-9">
                <img class="modal-icon" src="{{asset('admin/images/check_circle.svg')}}" alt="">
          <h5 class="modal-title" id="exampleModalLongTitle">Your Have Successfully Reviewed The "Chapter".</h5>
        <div class="import_success_table"></div>
        <div class="modal-footer text-center pb-7">
          <a href="{{route('admin.package-review.ongoing.chapter_list', base64_encode($reviewDetails->package_review_id))}}" class="btn btn-primary btn-streach-md">Continue</a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--// Modal Exam Final Submit Success-->
@endsection
@section('scripts')
<script type="text/javascript" src="{{asset('js/package_review_ongoing.js')}}"></script>
@endsection