@extends('theme.master')
@section('title', 'Online Courses')
@section('content')

@include('admin.message')

<!-- about-home start -->
<section id="wishlist-home" class="wishlist-home-main-block">
    <div class="container">
        <h4 class="wishlist-home-heading text-white"><i class="fa fa-home"></i>&nbsp;/&nbsp;{{ __('frontstaticword.Courses') }}</h4>
    </div>
   
</section> 
<!-- about-home end -->

<!-- search start -->

    <section id="search-block" class="search-main-block">
        <div class="container">
            <div id="search-filter" class="card" action="">
                <div class="card-header" id="headingOne">
                    <div class="card-header p-0 border-0" id="headingOne">
                      <h3 class="mb-0 d-flex">
                        <button class="btn btn-link btn-block text-left border-0 px-0" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" style="color: white;">
                            篩選條件
                        </button>
                        <i class="fa fa-angle-down" aria-hidden="true"></i>
                      </h3>
                    </div>
                </div>
                      
                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionExample">
                    <div class="card-body">
                        <div class="filter-box row">
                            <div class="filter-box-search-term col-12 d-flex">
                                <label class="input-group-text" for="searchTerm"><i class="fa fa-search" aria-hidden="true"></i></label>
                                <form id="make_search_submit_on_mobile">
                                    <input type="text" class="form-control" name="searchTerm" id="searchTerm" value="{{ $_GET['searchTerm'] ?? '' }}">
                                </form>        
                            </div>
                            <div class="filter-box-course-type col-12 d-flex">
                                <label class="input-group-text" for="course_type"><i class="fa fa-list-ul" aria-hidden="true"></i></label>
                                <select name="course_type" id="course_type" class="form-control border-1 rounded-0 create-date">
                                    <option value="1">課程</option>
                                    <option value="3">訓練計畫</option>
                                    <option value="4">直播影片</option>
                                </select>
                            </div>
                            <div class="filter-box-live-time col-12 d-none filter-field filter_live_course" >
                                <h5 class="w-20 m-0 mt-1">直播時間</h5>
                                <div class="w-100">
                                    <input type="text" name="start_date" class="datepicker" id="start_date" value="{{ \Carbon\Carbon::now()->startOfWeek()->format('Y/m/d') }}">
                                    <span>～</span>
                                    <input type="text" name="end_date" class="datepicker" id="end_date" value="{{ \Carbon\Carbon::now()->endOfWeek()->format('Y/m/d') }}">
                                </div>
                            </div>
                            <div class="filter-box-bundle-category col-12 d-none filter-field filter_bundle_course" >
                                <h5 class="w-20 m-0 mt-1">篩選分類</h5>
                                <div class="w-100">
                                    @foreach ($bundle_categories as $bundle_category)
                                        <button id="filter-btn" class="btn  btn-secondary hot-link mt-1 filter_btn filter-bundle_category" data-field="bundle_category" data-value="{{ $bundle_category->id }}">{{$bundle_category->name}}</button>
                                    @endforeach
                                </div>
                            </div>
                            <div class="filter-box-create-date col-12 d-flex filter-field filter_course">
                                <h5 class="w-20 m-0">上傳時間</h5>
                                <select name="updateDate" id="updateDate" class="form-control border-1 rounded-0 create-date">
                                    <option value="0">不限</option>
                                    <option value="1">今天</option>
                                    <option value="2">本週</option>
                                    <option value="3">本月</option>
                                </select>
                            </div>
                            <div class="filter-box-strength col-12 d-flex filter-field filter_course">
                                <h5 class="w-20 m-0 mt-1">強度</h5>
                                <div class="w-100">
                                    @foreach ($courseLevels as $courseLevel)
                                        <button id="filter-btn" class="btn btn-secondary hot-link mt-1 filter-level" data-field="level" data-value="{{ $courseLevel->id }}">{{$courseLevel->name}}</button>
                                    @endforeach
                                </div>
                            </div>
                            <div class="filter-box-instructor col-12 d-flex filter-field filter_course">
                                <h5 class="w-20 m-0 mt-1">教練</h5>
                                <div class="w-100">
                                    @foreach ($instructors as $instructor)
                                        <button id="filter-btn" class="btn btn-secondary hot-link mt-1 filter-instructor" data-field="instructor" data-value="{{$instructor->id}}">{{$instructor->fname}}</button>
                                    @endforeach
                                </div>
                            </div>
                            <div class="filter-box-accessory col-12 d-flex filter-field filter_course">
                                <h5 class="w-20 m-0 mt-1">配件</h5>
                                <div class="w-100">
                                    @foreach ($accessories as $accessory)
                                        <button id="filter-btn" class="btn btn-secondary hot-link mt-1 filter-accessory" data-field="accessory" data-value="{{$accessory->id}}">{{$accessory->name}}</button>
                                    @endforeach
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                
                <div class="col-lg-12">
                    <div class ="prod grid-view">
                    {{-- 隱藏
                     <div class ="view">
                      <i class= "fa fa-list " data-view ="list-view"></i>
                      <i class="selected fa fa-th" data-view ="grid-view"></i>
                     </div>
                     --}}
                    @if ($search_data->count())
                        @foreach($search_data as $course)

                        @if($course->status == 1)
                            @php
                            $accessories = [];
                            foreach ($course->accessories as $key => $value) {
                                $accessories[] = $value->id;
                            }
                            $accessories = json_encode($accessories);
                            $url = $course->video_enable ? route('user.course.show',['id' => $course->id ]) : '#';
                            @endphp
                            <div class="item first {{ $course->video_enable ? '' : 'video_disable' }}" data-course="{{ $course->id }}">
                                <div class="course_lock"></div>
                                <div class="course-bought-section protip view-block" data-pt-placement="outside" data-pt-interactive="false" data-pt-title="#prime-next-item-description-block{{$course->id}}">
                                    <div class="view-img">
                                        
                                        {{-- @if($course['level_tags'] == !NULL)
                                            <div class="best-seller best-seller-one">{{ $course['level_tags'] }}</div>
                                        @endif --}}
                                        
                                        @if($course->preview_image !== NULL && $course->preview_image !== '')
                                        <a target="_blank" href="{{ $url }}" rel="noreferrer noopenner"><img src="{{$course->preview_image}}" alt="" class="img-fluid"></a>
                                        @else
                                        <a target="_blank" href="{{ $url }}" rel="noreferrer noopenner"><img src="@if($course->preview_image){{$course->preview_image}}@else{{ Avatar::create($course->title)->toBase64() }}@endif" alt="course" class="img-fluid"></a>
                                        @endif
                                    </div>
                                
                                    <div class="view-dlt">
                                        <div class="row">
                                            <div class="col-5">
                                                <img class="card-pic"
                                                    src="{{ $course->user_img }}" alt="">
                                            </div>
                                            <div class="col no-gutters">
                                                <p class="btm-10 m-0 unset-hover-white-text">
                                                    <a herf="#">
                                                        @if(isset($course->user)) {{ $course->user['fname'] }} @endif
                                                    </a>
                                                </p>
                                                <p class="m-0 unset-hover-white-text">
                                                    <a herf="#">{{ date('Y m/d', strtotime($course['created_at'])) }}</a>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="view-heading mt-3"><a target="_blank" href="{{ $url }}" rel="noreferrer noopenner">{{ str_limit($course->title), $limit = 30, $end = '...' }}</a></div>
                                        
                                        <div class="categories-popularity-dtl">
                                            <ul>
                                                {{-- 隱藏有多少課
                                                <li>
                                                    @php
                                                        $data = App\CourseClass::where('course_id', $course->id)->get();
                                                        if(count($data)>0){
                
                                                            echo count($data);
                                                        }
                                                        else{
                
                                                            echo "0";
                                                        }
                                                    @endphp {{ __('frontstaticword.Classes') }} 
                                                </li>
                                                --}}
                                            </ul>
                                            <p class="mt-2">{{  str_limit($course->short_detail, $limit = 70, $end = '..') }}</p>
                                        </div>
                                        <div class="rate-grid ">
                                            <ul>
                                                @php
                                                    $currency = App\Currency::first();
                                                @endphp 
                                                {{-- @if($course->type == 1)
                                                    @if($course->discount_price == !NULL)
                                                        <li class="rate-r"><s><i class="{{ $currency->icon }}"></i>{{ $course->price }}</s>&nbsp;<i class="{{ $currency->icon }}"></i>{{ $course->discount_price }}</li>
                                                    @else
                
                                                        <li class="rate-r"><i class="{{ $currency->icon }}"></i>{{ $course->price }}</li>
                                                    @endif
                
                                                @else
                                                    <li class="rate-r">{{ __('frontstaticword.Free') }}</li>
                                                @endif --}}
                                            </ul>
                                            {{-- 隱藏評分
                                            <div class="rating">
                                                <ul>
                                                <li>