@extends('front.layouts.layout')

@section('content')



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

                    <h2>{{@$course->translations->where('lang_id',$active_lang->id)->first()->title}}</h2>

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

                    @if($course->category->parent_id != null)

                    <a href="#0">{{@$course->category->parent->translations->where('lang_id',$active_lang->id)->first()->name}}</a>

                        @endif

                    <a href="">{{@$course->category->translations->where('lang_id',$active_lang->id)->first()->name}}</a>

                    </div>

                </div>

            </div>

        </div>

    </div>

</header>









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

        ==== Start features -->



        <main class="section-padding">



<div class="container">

    <div class="row">

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

            <div class="lessons">

                <div class="top">

                    <div class="author">

                        <div class="img">

                            <img src="{{asset($course->auther->image)}}" alt="">

                        </div>

                        <div class="info">

                            <h6>{{@$course->auther->fname.' '.$course->auther->lname}}</h6>

                        </div>

                        <div class="fav-button">

                            <a href="{{url(LaravelLocalization::getCurrentLocale().'/fav/'.@$course->id)}}">
                            <span>
                            @if(App\CourseFav::where('course_id',$course->id)->count() > 0 )
                            @lang('home.unfav') 
                            @else
                            @lang('home.add_to_fav') 
                            @endif
                            <i class="fas fa-heart"></i></span>
                            </a>

                        </div>

                    </div>

                    <div class="title">

                    @if ($errors->any())

                    @foreach ($errors->all() as $error)

                    <div class="alert alert-danger alert-dismissible" >

                        <a href="#" class="close" data-dismiss="alert" aria-label="close" style="right: 5px;">&times;</a>{{@$error }}

                    </div>

                    @endforeach

                    @endif

                    @if(Session::has('success'))

                    <div class="alert alert-success alert-dismissible">

                        <a href="#" class="close" data-dismiss="alert" aria-label="close" style="right: 5px;">&times;</a>{{ Session::get('success') }}

                    </div>

                    @endif

                    @if(Session::has('error'))

                    <div class="alert alert-danger alert-dismissible">

                        <a href="#" class="close" data-dismiss="alert" aria-label="close" style="right: 5px;">&times;</a>{{ Session::get('error') }}

                    </div>

                    @endif

                        <h3>{{@$course->translations->where('lang_id',$active_lang->id)->first()->title}}</h3>

                    </div>

                    <div class="stats">

                        <ul class="rate">

                           {{--  <li><i class="fas fa-star"></i></li>

                            <li><i class="fas fa-star"></i></li>

                            <li><i class="fas fa-star"></i></li>

                            <li><i class="fas fa-star"></i></li>

                            <li><i class="far fa-star"></i></li> --}}

                                @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')
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                @elseif($avg_rate >= '2')
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="fas fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                    <li><i class="far fa-star"></i></li>
                                @elseif($avg_rate >= '3')       
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>            
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                @elseif($avg_rate >= '4')
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                @elseif($avg_rate >= '5')
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                <li><i class="fas fa-star"></i></li>
                                @else
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                <li><i class="far fa-star"></i></li>
                                @endif

                            <li class="stars">(	{{$course->rates->avg('rate')}} @lang('home.rates'))</li>

                        </ul>

                        <span class="views"><i class="far fa-eye"></i>{{$course->visits}}</span>

                    </div>

                    <div class="title">

                        <h4>{{@$course->translations->where('lang_id',$active_lang->id)->first()->content}}</h4>

                    </div>

                </div>



                <div class="video">

                    <div class="vid-item">

                        <iframe src="{{@$lecture->vedio}}" frameborder="0"

                            allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"

                            allowfullscreen>

                        </iframe>

                    </div>

                </div>



                <div class="content">

                  @foreach($course->units as $unit) 

                    <div class="tit">

                        <h5>{{@$unit->translations->where('lang_id',$active_lang->id)->first()->title}}</h5>

                    </div>

                    @foreach(@$unit->lessons as $lesson_key => $lesson) 

                    <div class="item @if(@$lecture->id == @$lesson->id) active @endif">

                        @if(Auth::check())

                        <a href="{{url(LaravelLocalization::getCurrentLocale().'/lesson/'.@$lesson->id.'/'.str_replace(' ',

                        '_',

                        $lesson->translations->where('lang_id',$active_lang->id)->first()->title

                        ))}}" data-vedio="{{@$lesson->vedio}}" >

                        @if(@$lecture->id == @$lesson->id) 

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

                        @else 

                        <span class="icon"><i class="flaticon-play-button"></i></span>

                        @endif

                            <p>{{@$lesson->translations->where('lang_id',$active_lang->id)->first()->title}}</p>

                        </a>

                        @else 

                        <a href="#" >

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

                            <p>{{@$lesson->translations->where('lang_id',$active_lang->id)->first()->title}}</p>

                        </a>

                        @endif

                    </div>

                    @endforeach

                    @endforeach



                </div>

            </div>

        

            <div class="review">



                <div class="tit">

                    <h5>@lang('home.comments')</h5>

                    <a href="{{url(LaravelLocalization::getCurrentLocale().'/rates/'.@$course->id)}}">@lang('home.comments')</a>

                </div>



                @foreach($course->rates as $rate)

                <div class="item">

                    <div class="img">

                        <img src="{{asset($rate->user->image)}}" alt="">

                    </div>

                    <div class="cont">

                        <h6>{{@$rate->user->fname.' '.$rate->user->lname}}</h6>

                        <div class="stats">

                            <ul class="rate">

                            @if($rate->rate == '1')

                            <li><i class="fas fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            @elseif($rate->rate == '2')

                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            @elseif($rate->rate == '3')

                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            @elseif($rate->rate == '4')

                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            @elseif($rate->rate == '5')

                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            <li><i class="fas fa-star"></i></li>
                            @else
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            <li><i class="far fa-star"></i></li>
                            @endif

                            </ul>

                        </div>

                        <div class="text">

                          {{@$rate->comment}}

                        </div>

                    </div>

                </div>

                @endforeach



                <!-- <div class="item">

                    <div class="img">

                        <img src="{{asset('/site')}}/images/clients/3.jpg" alt="">

                    </div>

                    <div class="cont">

                        <h6>ابراهيم سامح</h6>

                        <div class="stats">

                            <ul class="rate">

                                <li><i class="fas fa-star"></i></li>

                                <li><i class="fas fa-star"></i></li>

                                <li><i class="fas fa-star"></i></li>

                                <li><i class="fas fa-star"></i></li>

                                <li><i class="far fa-star"></i></li>

                            </ul>

                        </div>

                    </div>

                </div>

                 -->

            </div>

        </div>

     

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

            <div class="side-info">

            <div class="get">

            @if(Auth::check() )
            @if($course->enroll_course== null )

                <a  data-toggle="modal" data-target="#enroll">
                    <i class="fas fa-paper-plane"></i>
                    <h5>@lang('home.enroll')</h5>
                </a>

                 <!-- The Modal -->

                 <div class="modal" id="enroll">
                <div class="modal-dialog">
                    <div class="modal-content">
                    <form action="{{url(LaravelLocalization::getCurrentLocale().'/pay/'.$course->id)}}" method="post" enctype= multipart/form-data>
                    @csrf
                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title">@lang('home.subscribe_to_the_course')</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- Modal body -->
                    <div class="modal-body">
                        <div class="contact">
                            <div class="form">
                                <div class="form-group">
                                <label for="">@lang('home.bank_name')</label>
                                <input  type="text" name="bank_name" value="{{Request::old('bank_name')}}" >
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.bank_name_reciver')</label>
                                <input  type="text" name="bank_name_reciver" value="{{Request::old('bank_name_reciver')}}" >
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.bank_acc_id')</label>
                                <input  type="text" name="bank_acc_id"  value="{{Request::old('bank_acc_id')}}">
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.payment_receipt')</label>
                                <input  type="file" name="file" >
                            </div>
                            </div>
                        </div>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">@lang('home.close')</button>
                        <button type="submit" class="btn btn-primary" >@lang('home.enroll')</button>
                    </div>
                    </form>
                    </div>
                </div>
                </div>
                <!-- end model -->
                @else 

                @if($course->enroll_course->status == 'none')

                <a  data-toggle="modal">

                    <i class="fas fa-paper-plane"></i>

                    <h5>@lang('home.enroll_pindding')</h5>

                   

                </a>

                @elseif($course->enroll_course->status == 'accept')
                    <a  data-toggle="modal">
                        <i class="fas fa-paper-plane"></i>
                        <h5>@lang('home.accepted')</h5>
                    </a>
                    <br>
                    
                    <a href="{{ @$course->test_url }}" target="_blank">
	                    <i class="fas fa-paper-plane"></i>
	                    <h5>@lang('home.test')</h5>
	                </a>
	               

                @elseif($course->enroll_course->status == 'reject')

                <a  data-toggle="modal">

                        <i class="fas fa-paper-plane"></i>

                        <h5>@lang('home.rejected')</h5>

                    

                    </a>
              

                @endif

                @endif

                @else
                 
                 <a  data-toggle="modal" data-target="#enroll">
                    <i class="fas fa-paper-plane"></i>
                    <h5>@lang('home.enroll')</h5>
                </a>

                   <!-- The Modal -->

                 <div class="modal" id="enroll">
                <div class="modal-dialog">
                    <div class="modal-content">
                    <form action="{{url(LaravelLocalization::getCurrentLocale().'/pay/'.$course->id)}}" method="post" enctype= multipart/form-data>
                    @csrf
                    <!-- Modal Header -->
                    <div class="modal-header">
                        <h4 class="modal-title">@lang('home.subscribe_to_the_course')</h4>
                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                    </div>
                    <!-- Modal body -->
                    <div class="modal-body">
                        <div class="contact">
                            <div class="form">
                                <div class="form-group">
                                <label for="">@lang('home.bank_name')</label>
                                <input  type="text" name="bank_name" value="{{Request::old('bank_name')}}" >
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.bank_name_reciver')</label>
                                <input  type="text" name="bank_name_reciver" value="{{Request::old('bank_name_reciver')}}" >
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.bank_acc_id')</label>
                                <input  type="text" name="bank_acc_id"  value="{{Request::old('bank_acc_id')}}">
                            </div>
                            <div class="form-group">
                                <label for="">@lang('home.payment_receipt')</label>
                                <input  type="file" name="file" >
                            </div>
                            </div>
                        </div>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer">
                        <button type="button" class="btn btn-danger" data-dismiss="modal">@lang('home.close')</button>
                        <button type="submit" class="btn btn-primary" >@lang('home.enroll')</button>
                    </div>
                    </form>
                    </div>
                </div>
                </div>
                <!-- end model -->
                @endif

                

            </div>

                <div class="item">

                    <div class="title">

                        <h5>@lang('home.course_info')</h5>

                    </div>

                    <ul>

                        <li> @lang('home.hourse') &nbsp; <span> {{@$course->hours}} </span></li>

                        <li>@lang('home.lectures') &nbsp;<span>{{@$course->lessons->count()}}</span></li>

                        <li>@lang('home.language') <span> {{LaravelLocalization::getCurrentLocaleName($course->language->local)}} </span></li>

                        <li>@lang('home.level') <span>{{@$course->translations->where('lang_id',$active_lang->id)->first()->level}}</span></li>

                    </ul>

                </div>



                <div class="item rate">

                    <div class="title">

                        <h5>اضافه تقييم</h5>

                    </div>

                    <form action="{{ url(LaravelLocalization::getCurrentLocale().'/rate/'.$course->id) }}" method="post">

                        @csrf

                    <div class="add-rate">

                        <input type="radio" id="star5" name="rate" value="5" />

                        <label for="star5" title="text">5 @lang('home.stars')</label>

                        <input type="radio" id="star4" name="rate" value="4" />

                        <label for="star4" title="text">4 @lang('home.stars')</label>

                        <input type="radio" id="star3" name="rate" value="3" />

                        <label for="star3" title="text">3 @lang('home.stars')</label>

                        <input type="radio" id="star2" name="rate" value="2" />

                        <label for="star2" title="text">2 @lang('home.stars')</label>

                        <input type="radio" id="star1" name="rate" value="1" />

                        <label for="star1" title="text">1 @lang('home.stars')</label>

                    </div>

                    <div class="form">

                            <textarea name="comment" placeholder="@lang('home.comment')">{{ Request::old('comment') }}</textarea>

                            <button type="submit" class="btn btn-primary">@lang('home.save')</button>

                    </div>

                    </form>

                </div>

                @if($other_courses->count() > 0)

                <div class="item pages">

                    <div class="title">

                        <h5>@lang('home.other')</h5>

                    </div>



                    @foreach($other_courses as $ocourse)

                    <div class="column">

                        <div class="img">

                            <img src="{{@$ocourse->image}}" alt="">

                        </div>

                        <div class="cont">

                            <p>{{@$ocourse->translations->where('lang_id',$active_lang->id)->first()->title}}</p>

                            <span><a href="{{url(LaravelLocalization::getCurrentLocale().'/course/'.$ocourse->id.'/'.str_replace(' ',

                                            '_',

                                            $ocourse->translations->where('lang_id',$active_lang->id)->first()->title

                                            ))}}">1/1/2019</a></span>

                        </div>

                    </div>

                    @endforeach

                    @endif

                  

                </div>

<!-- 

                <div class="item tags">

                    <div class="title">

                        <h5>كلمات دالة</h5>

                    </div>

                    <a href="#0">برمجة</a>

                    <a href="#0">js</a>

                    <a href="#0">React</a>

                    <a href="#0">API</a>

                </div>

                 -->

            </div>

        </div>

    </div>

</div>



</main>



<!-- End features ====

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









@stop