@extends('front.layouts.layout')
@section('content')

    <!-- =====================================
        ==== Start slide -->

        <header class="header valign bg-img page" data-overlay-dark="7" data-background="{{asset('site/images/bg.jpg')}}">
        <div class="full-width">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-9 cont">
                        @if($category->parent_id != null)
                        <h2>{{@$category->parent->translations->where('lang_id',$active_lang->id)->first()->name}}</h2>                        
                        @endif
                        <div class="path">
                            <a href="{{ url(LaravelLocalization::getCurrentLocale()) }}">@lang('home.home')</a>
                        <span>/</span>
                        <a href="#0">{{@$category->translations->where('lang_id',$active_lang->id)->first()->name}}</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    
    

    <!-- =====================================
        ==== Start courses  -->

        <section class="courses section-padding">
        <div class="container">

            <div class="head text-center">
                <h4>@lang('home.courses')</h4>
                <span class="bar"></span>
            </div>

            <div class="row">
          @if($courses->count() > 0)
            @foreach($courses as $course_key => $course)
                <div class="col-lg-4 col-md-6  wow fadeInUp" data-wow-delay=".3s">
                    <div class="item">
                        <div class="img">
                            <a href="{{url(LaravelLocalization::getCurrentLocale().'/course'.'/'.$course->id.'/'.str_replace(' ',
                                '_',
                                $course->translations->where('lang_id',$active_lang->id)->first()->title
                                ))}}">
                                     <img src="{{@$course->image}}" >
                            </a>
                            <span class="tag">
                                <a href="{{url(LaravelLocalization::getCurrentLocale().'/courses'.'/'.$course->category->id.'/'.str_replace(' ',
                                '_',
                                $course->category->translations->where('lang_id',$active_lang->id)->first()->name
                                ))}}">{{$course->category->translations->where('lang_id',$active_lang->id)->first()->name}}</a></span>
                        </div>
                        <div class="cont">
                            <span class="author"><a href="#0"><i class="flaticon-employee"></i> {{@$course->auther->fname.' '.$course->auther->lname}}</a></span>
                            <h5>
                                <a href="{{url(LaravelLocalization::getCurrentLocale().'/course'.'/'.$course->id.'/'.str_replace(' ',
                                '_',
                                $course->translations->where('lang_id',$active_lang->id)->first()->title
                                ))}}">
                                {{@$course->translations->where('lang_id',$active_lang->id)->first()->title}}
                                
                                +</a>
                                </h5>
                          
                            <div class="rate">
                              
                                @php 
                                $rates = App\CourseRate::where('course_id',$course->id)->get();
                                if($rates->count() > 0){
                                 
                                    $avg_rate = $rates->avg('rate');
                                    $total = $rates->sum('rate');     
                                    
                                }else{
                                    $avg_rate = 0;
                                    $fiv_persintage = 0;
                                    $four_persintage = 0;
                                    $three_persintage = 0;
                                    $tow_persintage = 0;
                                    $one_persintage = 0;

                                }
                                
                                @endphp 
                                
                                @if($avg_rate == '1')
                                <i class="fas fa-star"></i>
                                @elseif($avg_rate >= '2')
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif($avg_rate >= '3')
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif($avg_rate >= '4')
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @elseif($avg_rate >= '5')
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                @else
                                <i class="fas fa-star"></i>
                                @endif
                               
                            </div>
                            <div class="info">
                                <span class="lesson"><i class="fas fa-layer-group"></i>{{@$course->lessons->count()}} @lang('home.lectures')</span>
                                <span class="time"><i class="fas fa-clock"></i>{{@$course->hours}} @lang('home.hours')</span>
                            </div>
                        </div>
                    </div>

                </div>
                @endforeach
                @else
                    <div class="col-lg-12 col-md-12 items">@lang('home.empty')</div>
                @endif

            </div>

           
        </div>
    </section>

    <!-- End courses  ====
        ======================================= -->


@stop