@extends('front.layouts.layout')
@section('meta_tags')
@include('panel.layouts.meta_tags_social')
@stop
@section('content')

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

     <header id="home" class="header valign" data-overlay-dark="7" data-vide-bg="{{asset('/site')}}/images/bg-vid.mp4">
        <div class="full-width">
            <div class="container">

                <div class="row justify-content-center">
                    <div class="col-lg-7 col-md-9">
                        <div class="caption">
                            <h1>@lang('home.Digital_training_platform')</h1> 
                            <h5>@lang('home.The_platform_is_under_the_supervision_of_the_educational_supervisor') <span>@lang('home.mis_salha_hagad_elghamdy')</span></h5>
                            <div class="search">
                                <form action="{{url(LaravelLocalization::getCurrentLocale().'/search')}}">
                                    <div class="form-group">
                                        <input type="text"  name="search"  placeholder="@lang('home.search')">
                                        <button type="submit"><i class="fas fa-search"></i></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-9 col-md-11">
                        <div class="numbers">
                        
                        <div class="row">

                            <div class="col-lg-3 col-md-6">

                                <div class="item text-center valign one">

                                    <div class="full-width">

                                        <span class="icon"><i class="fas fa-layer-group"></i></span>

                                        <h4 class="count">{{App\Course::count()}}</h4>

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

                                    </div>

                                </div>

                            </div>



                            <div class="col-lg-3 col-md-6">

                                <div class="item text-center valign two">

                                    <div class="full-width">

                                        <span class="icon"><i class="fas fa-user-graduate"></i></span>

                                        <h4 class="count">{{App\User::where('type_user','user')->count()}}</h4>

                                        <p>@lang('home.users')</p>

                                    </div>

                                </div>

                            </div>



                            <div class="col-lg-3 col-md-6">

                                <div class="item text-center valign three">

                                    <div class="full-width">

                                        <span class="icon"><i class="fas fa-book"></i></span>

                                        <h4 class="count">{{App\CourseSectionsLecture::count()}}</h4>

                                        <p>@lang('home.lectures')</p>

                                    </div>

                                </div>

                            </div>



                            <div class="col-lg-3 col-md-6">

                                <div class="item text-center valign four">

                                    <div class="full-width">

                                        <span class="icon"><i class="fas fa-clock"></i></span>

                                        <h4 class="count"> {{App\Course::sum('hours')}}</h4>

                                        <p>@lang('home.hourse')</p>

                                    </div>

                                </div>

                            </div>

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

            <span class="icon-one"><img src="{{asset('/site')}}/images/icons/pencil.png" alt=""></span>
            <span class="icon-two"><img src="{{asset('/site')}}/images/icons/book.png" alt=""></span>
        </div>
    </header> 

    <!-- End slide ====
        ======================================= -->

 <!-- =====================================
        ==== Start process  -->

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

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

            <div class="row">
                <div class="col-lg-3 col-md-6 item">
                    <span class="numb">1</span>
                    <div class="cont">
                        <i class="fas fa-user-edit"></i>
                        <h5>@lang('home.create_your_account')</h5>
                    </div>
                    <span class="right"></span>
                    <span class="left"></span>
                </div>
                <div class="col-lg-3 col-md-6 item">
                    <span class="numb">2</span>
                    <div class="cont">
                        <i class="fas fa-check-circle"></i>
                        <h5>@lang('home.select_course')</h5>
                    </div>
                    <span class="right"></span>
                    <span class="left"></span>
                </div>
                <div class="col-lg-3 col-md-6 item">
                    <span class="numb">3</span>
                    <div class="cont">
                        <i class="fas fa-paper-plane"></i>
                        <h5>@lang('home.enroll_course')</h5>
                    </div>
                    <span class="right"></span>
                    <span class="left"></span>
                </div>
                <div class="col-lg-3 col-md-6 item">
                    <span class="numb">4</span>
                    <div class="cont">
                        <i class="fas fa-thumbs-up"></i>
                        <h5>@lang('home.print_certificates')</h5>
                    </div>
                    <span class="right"></span>
                    <span class="left"></span>
                </div>
            </div>
        </div>
    </section>

    <!-- End process  ====
        ======================================= -->





    <!-- =====================================
        ==== Start features -->

      {{--   <section class="features section-padding bg-img" data-background="{{asset('/site')}}/images/pat-bg.png">
        <div class="container">

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

            <div class="row">
                @foreach($categories as $category)
                <div class="col-lg-3 col-md-6 item">
                    <a href="{{url(LaravelLocalization::getCurrentLocale().'/category'.'/'.$category->id.'/'.str_replace(' ',
                        '_',
                        $category->translations->where('lang_id',$active_lang->id)->first()->name
                        ))}}">
                        <span class="icon">
                            <!-- <i class="flaticon-programmer"></i> -->
                            <img src="{{$category->icon}}" alt="">
                        </span>
                        <h6>{{@$category->translations->where('lang_id',$active_lang->id)->first()->name}}</h6>
                    </a>
                    <div class="back"></div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
 --}}
    <!-- End features ====
        ======================================= -->



    <!-- =====================================
        ==== 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="owl-carousel owl-theme content">
            @foreach($courses as $course_key => $course)
                    <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}}" alt="">                
                        </a>
                            <span class="tag"><a href="{{url(LaravelLocalization::getCurrentLocale().'/course/'.@$course->id.'/'.@str_replace(' ',
                                            '_',
                                            $course->translations->where('lang_id',$active_lang->id)->first()->title
                                            ))}}">{{$course->category->translations->where('lang_id',$active_lang->id)->first()->name}}</a></span>
                                            @if($course->priority == 1)
                                             <span class="tag last">@lang('home.Special')</span>
                                             @endif
                        </div>
                        <div class="cont">
                            <span class="author"><i class="flaticon-employee"></i> {{@$course->auther->fname.' '.$course->auther->lname}}</span>
                            <h5>{{@$course->translations->where('lang_id',$active_lang->id)->first()->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>
                                    @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>
                @endforeach

            </div>

            <!-- <div class="text-center">
                <a href="#0" class="butn butn-bg"><span>@lang('home.more')</span></a>
            </div> -->

        </div>
    </section>

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

    <!-- =====================================
        ==== Start call-action -->

       {{--  <section class="call-action dark" data-overlay-dark="0">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <div class="cont">
                            <h4><span> </span>@lang('home.Digital_training_platform')</h4>
                            <a href="{{url(LaravelLocalization::getCurrentLocale().'/register')}}" class="butn butn-1"><i class="flaticon-boy-1"></i>@lang('home.signup')</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
 --}}
    <!-- End call-action ====
        ======================================= -->




    <!-- =====================================
        ==== Start how-it-works  -->
    <section class="how-it-works">
        <div class="how-it-works">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10 col-md-11">
                        <div class="box">
                            <div class="row">
                                <div class="col-md-7 img bg-img" data-background="{{asset('/site')}}/images/bg.jpg">
                                    <a class="vid" href="{{@$info->vedio_enroll}}">
                                        <i class="fas fa-play"></i>
                                    </a>
                                </div>

                                <div class="col-md-5">
                                    <div class="cont">
                                        <h4>@lang('home.how_enroll')</h4>
                                        <div class="text">
                                           {{@$info->translations->where('lang_id',$active_lang->id)->first()->how_enroll}}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End how-it-works  ====
        ======================================= -->



   
    <!-- =====================================
        ==== Start call-action -->
{{-- 
    <section class="call-action section-padding bg-img" data-background="{{asset('/site')}}/images/bg1.jpg" data-overlay-dark="9">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="cont">
                        <h2> @lang('home.Digital_training_platform')</h2>
                        <a href="{{url(LaravelLocalization::getCurrentLocale().'/register')}}" class="butn butn-1"><i class="flaticon-boy-1"></i>  @lang('home.signup_student')</a>
                        <!-- <a href="#0" class="butn butn-2"><i class="flaticon-employee"></i>سجل كمتدرب</a> -->
                    </div>
                </div>
            </div>
        </div>
    </section>
 --}}
    <!-- End call-action ====
        ======================================= -->



    <!-- =====================================
        ==== Start intro-video -->

 {{--    <section class="intro-video section-padding bg-img bg-gray" data-background="{{asset('/site')}}/images/testimonials-pattern.png">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="video">
                        <div class="video-content wow fadeIn">
                            <img src="{{asset('/site')}}/images/video.jpg" alt="">
                            <a class="vid" href="{{@$info->vedio_url}}">
                                <i class="fas fa-play"></i>
                            </a>
                        </div>

                    </div>

                </div>
                <div class="col-lg-6 valign">
                    <div class="intro">
                        
                        <h4>{{@$info->translations->where('lang_id',$active_lang->id)->first()->title}}</h4>
                        <div class="text">
                        {{@$setting->translations->where('lang_id',$active_lang->id)->first()->content}}
                          
                        </div>
                      
                        <a href="{{url(LaravelLocalization::getCurrentLocale().'/about_us')}}" class="butn butn-bg"><span>@lang('home.about_us')</span></a>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}

    <!-- End intro-video ====
        ======================================= -->



    <!-- =====================================
        ==== Start blog -->

 {{--    <section class="blog section-padding">
        <div class="container">
            <div class="row">
                <div class="head text-center col-12">
                    <h4>@lang('home.latest_courses') </h4>
                    <span class="bar"></span>
                </div>
                <div class="col-lg-4">
                    <div class="twitter">
                        <div class="scroll">
                            <a class="twitter-timeline" href="https://twitter.com/Twitter?ref_src=twsrc%5Etfw"></a>
                        </div>
                    </div>
                </div>
                
                <div class="col-lg-8">
                    <div class="row">
                        @foreach($latest_courses as $lat_key => $latest)
                        <div class="col-lg-6">
                            <div class="item">
                                <div class="img">
                                    
                                        <img src="{{@$latest->image}}" alt="">
                                </div>
                                <div class="cont">
                                    @if(LaravelLocalization::getCurrentLocale() == 'en')
                                    <h5>{{@$latest->translations->where('lang_id',$active_lang->id)->first()->title}}</h5>
                                    <p>{{ @substr($latest->translations->where('lang_id',$active_lang->id)->first()->content,0,131) }}</p>
                                    @else
                                    <h5>{{@substr($latest->translations->where('lang_id',$active_lang->id)->first()->title,0,55)}}</h5>
                                    <p>{{ @substr($latest->translations->where('lang_id',$active_lang->id)->first()->content,0,115) }}</p>
                                    @endif    
                                    <a href="{{url(LaravelLocalization::getCurrentLocale().'/course/'.@$latest->id.'/'.@str_replace(' ',
                                                    '_',
                                         $latest->translations->where('lang_id',$active_lang->id)->first()->title))}}" class="butn butn-bg"><span>@lang('home.more')</span></a>
                                </div>
                            </div>
                        </div>
                        @endforeach 
                    </div>
                </div>
            </div>
        </div>
    </section>
 --}}
    <!-- End blog ====
        ======================================= -->



    <!-- =====================================
        ==== Start subscribe -->

    <section class="subscribe section-padding bg-img" data-background="{{asset('/site')}}/images/bg1.jpg" data-overlay-dark="9">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-8">
                    <div class="cont">
                        <h2>@lang('home.subscribe_to_get_latest_updates')</h2>
                        <form action="{{url('/subscribe')}}" method="POST">
                         @csrf
                            <input type="email" name="email" placeholder="@lang('home.email')">
                            <button type="submit"><i class="fas fa-paper-plane"></i> @lang('home.subscribe_now')</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End subscribe ====
        ======================================= -->



<!-- =====================================
        ==== Start contact -->

    <section class="contact section-padding">
        <div class="container">
            <div class="row">
               
                <div class="col-12">
                    <div class="head">
                        <h4>@lang('home.contactus')</h4>
                        <span class="bar"></span>
                    </div>
                </div>
                <div class="col-lg-12">
                    <div class="form row">
                        <div class="col-lg-3">
                            <div class="contact-info">
                            
                                <div class="item">
                                    <span class="icon mcolor"><i class="fas fa-envelope"></i></span>
                                    <div class="cont">
                                    <h5>@lang('home.email')</h5>
                                    @foreach($setting->emails as $email)
                                        <p>{{ @$email->email  }}</p>
                                    @endforeach
                                    </div>
                                </div>
                                <div class="item">
                                    <span class="icon gcolor"><i class="fas fa-map-marked-alt"></i></span>
                                    <div class="cont">
                                        <h5>@lang('home.address')</h5>
                                        @foreach($setting->address as $address)
                                       <p>{{ @$address->address_ar }}</p>
                                      @endforeach
                                    </div>
                                </div>
                            </div>
                        </div> 
                        <div class="col-lg-9">
                        <form action="{{ url('/contactus') }}" method="post" class="form-row">
                             @csrf
                             @if ($errors->any())
                             @foreach ($errors->all() as $error)
                             <div class="alert alert-danger alert-dismissible">
                                {{ $error }}
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                            </div>
                            @endforeach
                            @endif
                            @if(Session::has('success'))
                            <div class="alert alert-success alert-dismissible">
                                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>{{ Session::get('success') }}
                            </div>
                            @endif
                            <div class="form-group col-6">
                                <input type="text" name="name"  class="form-control" value="{{ Request::old('name') }}" placeholder="@lang('home.name')">
                                <input type="email" name="email"  class="form-control" value="{{ Request::old('email') }}" id="" placeholder="@lang('home.email')">
                                <input type="text" name="subject"  class="form-control" value="{{ Request::old('subject') }}"  placeholder="@lang('home.title')">
                                <input type="text" name="phone"  class="form-control" value="{{ Request::old('phone') }}" placeholder="@lang('home.phone')">
                            </div>
                            
                            <div class="form-group col-6">
                                <textarea name="message"  class="form-control" id="" placeholder="@lang('home.message')">{{ Request::old('message') }}</textarea>
                            </div>
                            
                            <div class="form-group col-12 text-center">
                                <button type="submit" class="butn mt-2"><span>@lang('home.send')</span></button>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- End contact ====
        ======================================= -->




@stop