@extends('student.layouts.course')
@section('titlePage', $test_series->title)
@push('styles')
@endpush
@section('content')
<script>  
    document.getElementById("ktss-4").classList.add("active");
</script>
<!-- [ Layout wrapper ] Start -->
<div class="layout-wrapper layout-1 layout-without-sidenav">
    <div class="layout-inner">
        <!-- [ Layout sidenav ] Start -->
        <!-- [ Layout sidenav ] End -->
        <!-- [ Layout container ] Start -->
        <div class="layout-container">
            <!-- [ Layout navbar ( Header ) ] Start -->
            @include('student.courses.inc.nav', ['url' => _route('student.dashboard')])
            <!-- [ Layout navbar ( Header ) ] End -->
            <!-- [ Layout content ] Start -->
            <div class="layout-content">
                <!-- [ content ] Start -->
                <div class="container-fluid flex-grow-1 container-p-y">
					<h4 class="font-weight-bold py-1">
                        <span class="float-left">
                            <a href="{{ _route('student.test-series.index') }}" style="font-size: 15px"><i class="fas fa-arrow-left" style="font-size: 12px"></i> BACK</a>
                        </span>
                    </h4>
                    <hr class="title-bottom">
                   					<div class="row">
					<div class="col-lg-6 col-xl-4 col-md-12 col-sm-12 accordion" id="accordionCourse">
						                         
                                @foreach ($test_series->section_content as $section)
									@php
										$_content = json_decode($section->content, true);
										$_content = is_array($_content) ? $_content : [];
										$percent = \App\TestSeriesStatus::getPercent([
																'test_series_id' => $test_series->id,
																'test_series_content_id' => $section->id
															],$_content);

										$collapsed = "collapsed";
										if ($section->id == $sectionContentId 
											|| ($sectionContentId == false && $loop->first)
										) {
											$collapsed = "";
										}
									@endphp
									
									<div class="card mt-2" id="treeview{{$i}}">
                                    <div class="card-header collapsed" data-toggle="collapse" data-target="#collapse-{{$section->id}}">
                                        <a class="card-title" href="javascript:void(0);">
                                            <i class="fa" aria-hidden="true"></i> {{$section->section_title}}
                                        </a>
									<!-- <ul class="card-header collapsed" data-toggle="collapse" href="#collapse-{{$section->id}}"id="treeview{{$i}}" >
						
						<li><a href="javascript:void(0);">{{$section->section_title}} </a> -->
										<svg viewBox="0 0 36 36" class="circular-chart">
											<path class="circle-bg"
												d="M18 2.0845
												a 15.9155 15.9155 0 0 1 0 31.831
												a 15.9155 15.9155 0 0 1 0 -31.831"
											/>
											<path class="circle"
												stroke-dasharray="{{$percent}}, 100"
												d="M18 2.0845
												a 15.9155 15.9155 0 0 1 0 31.831
												a 15.9155 15.9155 0 0 1 0 -31.831"
											/>
											<text x="18" y="20.35" class="percentage">{{$percent}}%</text>
										</svg> 
									</div>
									<div id="collapse-{{$section->id}}" class="card-body collapse @empty($collapsed) show @endempty" data-parent="#accordionCourse" >
										<ul class="list-group">
											@if (is_array($_content) && count($_content) > 0)
												@foreach ($_content as $testId)
													@php
														$link = _route('student.test-series.detailType', [
															$test_series->id,
															$section->id,
															$testId,
														]);
														$status = \App\TestSeriesStatus::getStatus([
															'test_series_id' => $test_series->id,
															'test_series_content_id' => $section->id,
															'test_id' => $testId,
														]);

														$_test = \App\Tests::where('id', $testId)->first('title');
														$title = $_test->title ?? null;
														
														
														$text_class = "text-dark";
														if ($status == \App\TestSeriesStatus::STATUS_COMPLETED) {
															$text_class = "success";
														}else if($status == \App\TestSeriesStatus::STATUS_INPROGRESS){
															$text_class = "warning";
														}
													@endphp
													@if (!empty($title))
													<li class="list-group-item">
														<a href="{{$link}}">
															<!-- {{$title}} <span  style="float:right;" class="badge badge-sm rounded-pill badge-{{$text_class}}-transparent">{{$status}} </span> -->
															{{$title}} <span style="float:right;" class="badge badge-sm rounded-pill {{$text_class}}">{{$status}} </span>
														</a>
													</li>
													@endif
																									@endforeach
												</ul>
											</div>	
											@endif
									</div>
								@endforeach
                            </div>
                        
                        <div class="col-sm-8">
                            @isset($view)
                                @include($view)
                            @endisset

                          {{--  @if (is_student_master())
                                @if (is_null($test_series->payment))
                                    @include('frontend.test-series.detail')
                                @endif
                            @endif --}}
                        </div>
                    </div>
                </div>
				
                <!-- [ content ] End -->
                <!-- [ Layout footer ] Start -->
              {{--  <nav class="layout-footer footer bg-white">
                    <div class="container-fluid d-flex flex-wrap justify-content-between text-center container-p-x pb-3">
                        <div>
                            <span class="pt-4 d-none d-sm-inline-flex footer-text font-weight-semibold">Copyright 2021 
                                <a href="#!" class="footer-link">Knewton.com</a> | All Rights Reserved.
                            </span>
                        </div>
                    </div>
                </nav> --}}
                <!-- [ Layout footer ] End -->
            </div>
            <!-- [ Layout content ] Start -->
        </div>
        <!-- [ Layout container ] End -->
    </div>
 
</div>

@endsection
@push('script')
@include('student.courses.inc.script')

@endpush