@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">

                    

                    <h4> {{@$key}}</h4>

                       

                        <div class="path">

                            <a href="{{ url(LaravelLocalization::getCurrentLocale()) }}">@lang('home.home')</a>

                        <span>/</span>

                        <a href="#0">@lang('home.search')</a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </header>



    

    



    <!-- =====================================

        ==== Start courses  -->



        <section class="courses blocks section-padding">

        <div class="container">



            <div class="head text-center">

                <h4>@lang('home.courses')</h4>

                <span class="bar"></span>

            </div>



            <div class="row">

            <div class="col-lg-2">

                    <div class="tab-nav no-hidden">

                        <ul class="tabs">

                            <li class="tab-link current one arrow-1"> <a href="{{url(LaravelLocalization::getCurrentLocale().'/search_adv/'.@$key.'/DESC')}}">الأحدث</a></li>

                            <!-- <li class="tab-link current one arrow-1" data-tab="tab-1">الأحدث</li> -->

                            @php 

                            if(!isset($ky)){

                                $key ='ا';

                            }

                            

                            @endphp

                            <li class="tab-link two arrow-2" data-tab="tab-2"> <a href="{{url(LaravelLocalization::getCurrentLocale().'/search_adv/'.@$key.'/ASC')}}">الأقدم</a></li>

                            <li class="tab-link three arrow-3" data-tab="tab-3">الأعلى تقييماً</li>

                        </ul>

                    </div>

                </div>

            <div class="col-lg-10  row padding">
            @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->title
                                            ))}}">
                            <img src="{{@asset($course->image)}}" alt="">                    
                        </a>
                        </div>
                        <div class="cont">
                            <h5>{{@$course->title}}</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>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>

                                @elseif($avg_rate >= '2')
                                <i class="fas fa-star"></i>
                                <i class="fas fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far 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>
                                <i class="far fa-star"></i>
                                <i class="far 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>
                                <i class="far 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="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far 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
                </div>
            </div>
        </div>
    </section>



    <!-- End courses  ====

        ======================================= -->





@stop