@extends('Front.dashboard.layouts.master')

@section('title')
  dashboard
@endsection

@section('css')
@endsection

@section('content')



<section class="Dashboard">
        <div class="conmona">
          <h1 class="overpasr">{{$course->title}}</h1>

        </div>
        <div class="row justify-content-center mb-5">
          <div class="col-md-12 col-sm-4 col-lg-4 px-1">
            <ul class="disable-scrollbars">
              @foreach($courses as $ncourse)
              <li>
                <a class="loveerrpo" href="{{route('front.dashboard.index',$ncourse->id)}}" style="background: {{$ncourse->background_color}};">
                  <h6>{{$ncourse->title}}</h6>
                  <img src="{{asset($ncourse->icon)}}">
                </a>
              </li>
              @endforeach


            </ul>
          </div><!-- col-md-12 col-sm-4 col-lg-4 px-1-->
          <div class="col-md-12 col-sm-8 col-lg-8 px-1">
          <div class="cacart25">
              <div class="steps kolbutton">
                <ul class="nav nav-tabs nav-tabs-bottom">
                  @foreach($course->levels as $nlevel)
                  <li>

                    <a href="#product_desc{{$nlevel->id}}" data-toggle="tab" >

                   @if( auth()->user()->studentLessonFinshed->where('level_id',$nlevel->id)->count() == $course->level->units->count())

                     <!--complete  -->
                     <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: #7DC99B;"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z"></path></svg>

                   @elseif(auth()->user()->studentLessons->where('level_id',$nlevel->id)->count() == $course->level->units->count())
                      <!-- half -->
                   <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="adjust" class="svg-inline--fa fa-adjust fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: #7DC99B;"><path fill="currentColor" d="M8 256c0 136.966 111.033 248 248 248s248-111.034 248-248S392.966 8 256 8 8 119.033 8 256zm248 184V72c101.705 0 184 82.311 184 184 0 101.705-82.311 184-184 184z"></path></svg>

                   @else
                   <!-- empty -->
                   <svg aria-hidden="true" focusable="false" data-prefix="far" data-icon="circle" class="svg-inline--fa fa-circle fa-w-16 " role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: #7DC99B;"><path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200z"></path></svg>
                   @endif
                   <h6>Level {{$nlevel->number}}</h6>
                    </a>
                  </li>

              @endforeach
                </ul>

                <div class="tab-content">
                @foreach($course->levels as $level)

              @if( (!empty($studentcourse->level_id) && $studentcourse->level_id == $level->id)  || $level->id == $course->levels->first()->id)
               <div class="tab-pane active" id="product_desc{{$level->id}}">
                @else
                <div class="tab-pane  " id="product_desc{{$level->id}}">
                  @endif



                    <div class="row justify-content-center mb-5">
                      @foreach($level->units as $unit)
                      <div class="col-md-12 col-sm-4 col-lg-4 px-1">
                        <div class="card LugrLyI">
                          <div class="card-body">
                            <div  class="deceader">
                              <img src="{{asset($unit->icon)}}">
                            </div>
                            <div class="staline">
                              <h3>Unit {{$unit->number}}  </h3>

                               @if(auth()->user()->studentLessonsUnFinshed->where('unit_id',$unit->id)->count() == $unit->lessons->count() )
                              <p> <a href="{{route('front.dashboard.unitLesson',$unit->id)}}">{{$unit->title}}</a></p>

                             <div class="wizard-progress">
                              <div class="progress">
                                <div class="progress-bar" style="width:70%;">
                                </div>
                              </div>
                            </div>

                             @elseif(auth()->user()->studentLessonFinshed->where('unit_id',$unit->id)->count() == $unit->lessons->count()  )

                             <p> <a href="{{route('front.dashboard.unitLesson',$unit->id)}}">{{$unit->title}}</a></p>
                            <span class="toer">Completed</span>

                          @elseif(auth()->user()->studentLessons->where('unit_id',$unit->id)->count() == $unit->lessons->count() )
                          <p> <a href="{{route('front.dashboard.unitLesson',$unit->id)}}">{{$unit->title}}</a></p>

<div class="wizard-progress">
 <div class="progress">
   <div class="progress-bar" style="width:70%;">
   </div>
 </div>
</div>@else
                             <p> <a href="{{route('front.dashboard.unitLesson',$unit->id)}}">{{$unit->title}}</a></p>
                             <div class="wizard-progress">
                              <div class="progress">
                                <div class="progress-bar" style="width:0%;">
                                </div>
                              </div>
                            </div>
                              @endif
                            </div>
                          </div>
                        </div>
                      </div>

                    @endforeach
                    </div>
                  </div>
                 @endforeach

                </div>
              </div>
            </div>
          </div><!-- col-md-12 col-sm-8 col-lg-8 px-1-->

        </div><!-- row -->
      </section><!-- postspagrt -->

@endsection

@section('js')

@endsection








