@extends('web.layouts.container')

@section('content')

    <section class="course_header page_header">
        <div class="container">
            <div class="content">
                <ul class="links">
                    <li class="li_link">
                        <a href="{{LaravelLocalization::getLocalizedURL(getCurrentLocale(), url('/'), [], true)}}">{{__('main.home_page')}}</a>
                    </li>
                    <li class="li_link">
                        <span>{{$title}}</span>
                    </li>
                </ul>
                <div class="row">
                    <div class="col-lg-6 valign">
                        <div class="r_side w-100">
                            <h2>{{__('courses.search_course')}}</h2>
                            <form class="form">
                                <div class="form-group">
                                    <button class="butn color search_button"><span>بحث</span></button>
                                    <input name="name" type="text" class="" placeholder="...بحث عن دوره أو محتوي">
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="img">
                            <img src="{{asset('assets/web/images/course_view.png')}}" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- -------------- courses --------------- -->
    <section class="courses section-padding bg-gray pt-0" style="overflow: visible;">
        <div class="container">
            <div class="course_check swiper_check">
                <div class="swiper-wrapper">
                    @if(count($categories))
                        @foreach($categories as $category)
                            <div class="swiper-slide">
                                <div class="custom-control custom-checkbox">
                                    <input {{request()->query('category') == $category->id ? 'checked' : ''}} type="checkbox" class="custom-control-input" id="c_{{$category->id}}" value="{{$category->id}}" name="categories">
                                    <label class="custom-control-label" for="c_{{$category->id}}">{{$category->name}}</label>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
        <div class="container">
            <div class="section_head mb-0">
                <h5> فلتر البحث حسب </h5>
                <form class="filter mt-4">
                    <div class="form-group">
                        <select name="category_id" class="custom-select">
                            <option value="">القسم</option>
                            @if(count($categories))
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}">{{$category->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group">
                        <select name="instructor_id" class="custom-select">
                            <option value="">مقدم الدورة</option>
                            @if(count($instructors))
                                @foreach($instructors as $instructor)
                                    <option value="{{$instructor->id}}">{{$instructor->name}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="form-group">
                        <select name="course_type" class="custom-select">
                            <option value=''>نوع الدورة</option>
                            <option value="free">{{__('courses.free')}}</option>
                            {{--                            <option value="record_free">{{__('courses.record_free')}}</option>--}}
                            <option value="payed">{{__('courses.payed')}}</option>
                            <option value="record_payed">{{__('courses.record_payed')}}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select name="course_date" id="" class="custom-select">
                            <option value="">موعد الدورة</option>
                            <option value="now">{{__('courses.now')}}</option>
                            <option value="coming">{{__('courses.coming')}}</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select name="sort" class="custom-select">
                            <option value="">رتب بـ </option>
                            <option value="desc">{{__('courses.recent')}}</option>
                            <option value="asc">{{__('courses.oldest')}}</option>
                        </select>
                    </div>
                </form>
            </div>
            <div class="content small_prod">
                <div class="row courses_container">
                    @if(count($courses))
                        @foreach($courses as $course)
                            <div class="col-lg-3">
                                <div class="prod_item">
                                    <div class="img">
                                        <img src="{{asset($course->image)}}" alt="">
                                        <span class="sec">{{$course->category_name}}</span>
                                    </div>
                                    <div class="info">
                                        <div class="author">
                                            <div class="s_img">
                                                <img src="{{asset($course->instructor_image)}}" alt="">
                                            </div>
                                            <div class="inf">
                                                {{$course->instructor_name}}
                                            </div>
                                        </div>
                                        <h3><a href="{{route('course.show', $course->id)}}">{{$course->name}}</a></h3>
                                        <div class="prc">
                                            <div class="str">
                                                <small>
                                                    ( {{$course->evaluate_count}} تقييم )
                                                </small>
                                                <div class="stars">
                                                    <i class="{{abs(round($course->evaluate_average)) >=1 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($course->evaluate_average)) >=2 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($course->evaluate_average)) >=3 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($course->evaluate_average)) >=4 ? 'fas' : 'far'}} fa-star"></i>
                                                    <i class="{{abs(round($course->evaluate_average)) >=5 ? 'fas' : 'far'}} fa-star"></i>
                                                </div>
                                            </div>
                                            @if(in_array($course->course_type, ['payed', 'record_payed']))
                                                <h3> {{$course->price+(($course->price*$addedValue)/100)}} <small> SAR </small></h3>
                                            @endif
                                        </div>
                                        @if(in_array($course->course_type, ['payed', 'record_payed']))
                                            <a class="butn subb mb-3 w-100" href="{{ route('course.checkout', $course->id) }}">إلتحق الان </a>
                                        @else
                                        <!--<button class="butn subb mb-3 w-100"><span><a href="{{ route('joinCourse', $course->id) }}">إلتحق الان </a></span></button>-->
                                            <a class="butn subb mb-3 w-100" href="{{ route('joinCourse', $course->id) }}">إلتحق الان </a>
                                        @endif
                                        @if(in_array($course->course_type, ['payed']))
                                            <ul class="prod_fot">
                                                <li><i class="far fa-calendar"></i> يبدأ من <span>  {{date('d F', strtotime($course->start_date))}} </span> وينتهى <span>{{date('d F', strtotime($course->end_date))}}</span></li>
                                                <li><i class="far fa-calendar"></i> أيام الأسبوع <span>
                                                        @php
                                                            /** @var TYPE_NAME $course */
                                                            $allDays = explode(', ', $course->days);
                                                        @endphp

                                                        @foreach($allDays as $day)
                                                            {{ucfirst(__('courses.'.$day))}}
                                                        @endforeach
                                                        {{--({{str_replace(',', ' ', $course->days)}}) --}}
                                                    </span> </li>
                                            </ul>
                                        @endif
                                        @if(in_array($course->course_type, ['record_payed']))
                                            <ul class="prod_fot">
                                                <li><i class="far fa-calendar"></i><span>دورة مسجلة</span></li>
                                                <li><i class="far fa-calendar"></i> ساعات الدورة<span>{{$course->hours}}</span> </li>
                                            </ul>
                                        @endif
                                        @if(in_array($course->course_type, ['free']))
                                            <ul class="prod_fot">
                                                <li><i class="far fa-calendar"></i><span>دورة مجانية</span></li>
                                                <li><i class="far fa-calendar"></i> ساعات الدورة<span>{{$course->hours}}</span> </li>
                                            </ul>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')
    <script>
        let courseSearchRoute = "{{route('courseSearch')}}";
    </script>
    <script src="{{asset('assets/web/js/courses.index.js')}}"></script>

@endsection