@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">
        <h1>師資列表</h1>
    </div>
</section>
<!-- about-home end -->
<!-- search start -->
<section id="search-block" class="search-main-block instructors-block">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="instructor-tag d-flex flex-wrap">
                    <a href="{{ asset('/instructors') }}" class="btn btn-secondary instructor-btn">全部</a>
                    @foreach ($categories as $titleAndInstructor)
                        <a href="{{ asset('/instructors?id=') }}{{ $titleAndInstructor->id }}" class="btn btn-secondary instructor-btn">{{$titleAndInstructor->title}}</a>
                    @endforeach
                </div>
                <div class="prod grid-view">
                    @if ($instructors->isNotEmpty())
                    @foreach($instructors as $user)
                    @php
                        $fullname = isset($user['fname']);
                        $fullname = preg_replace('/\s+/', '', $fullname);
                    @endphp

                    <div class="item first">
                        <div class="course-bought-section protip view-block" data-pt-placement="outside"
                            data-pt-interactive="false" data-pt-title="#prime-next-item-description-block{{$user->id}}">

                            <div class="view-img position-relative">
                                @if(Auth::check())
                                <button class="enroll-collect wishlisht-btn position-absolute right-0" title="{{ in_array( $user->id, $my_follow_instructors ) ? '取消追蹤' : '加入追蹤' }}" type="button" data-item-type="instructor" data-item-id="{{ $user->id }}">
                                    <i class="fa fa-bell{{ in_array( $user->id, $my_follow_instructors ) ? '' : '-o' }} rgt-10"></i></button>
                                @else
                                <a href="{{ route('login') }}" class="enroll-collect wishlisht-btn position-absolute right-0" title="加入追蹤" type="button">
                                    <i class="fa fa-bell-o rgt-10"></i></a>
                                @endif

                                @if($user['level_tags'] == !NULL)
                                <div class="best-seller best-seller-one">{{ $user['level_tags'] }}</div>
                                @endif

                                @if($user['preview_image'] !== NULL && $user['preview_image'] !== '')

                                <a href="{{ route('instructor.profile', ['id' => $user->id]) }}"
                                    title="instructor">
                                    @if ($user['user_img'])
                                        <img src="{{ gc_asset('images/user_img/' . $user['user_img']) }}" class="img-fluid" alt="instructor">
                                    @else
                                        <img src="{{ $user->jht_introuctor_img ? $user->jht_introuctor_img : gc_asset('images/default/user.jpg') }}" class="img-fluid" alt="instructor">
                                    @endif
                                </a>
                                @else

                                <a href="{{ route('instructor.profile', ['id' => $user->id]) }}"
                                    title="instructor">
                                    @if ($user['user_img'])
                                        <img src="{{ gc_asset('images/user_img/' . $user['user_img']) }}" class="img-fluid" alt="instructor">
                                    @else
                                        <img src="{{ $user->jht_introuctor_img ? $user->jht_introuctor_img : gc_asset('images/default/user.jpg') }}" class="img-fluid" alt="instructor">
                                    @endif
                                </a>
                                @endif
                            </div>

                            <div class="view-dlt">
                                <div class="view-heading"><a href="{{ route('instructor.profile', ['id' => $user->id]) }}">{{ $user->fname }}</a></div>
                                    <div class="categories-popularity-dtl instructor-detail">{!! $user['detail'] !!}</div>
                                    <div class="instructor-tag  unset-hover-white-text">
                                        @foreach( $user_categories[ $user->id ] as $item )
                                            @if ( $item->category_id )
                                            <a href="{{ route('category.page',['id' => $item->category_id ]) }}" class="tag" style="color:#10121861">{{ $item->cat_name }}</a>
                                            @endif
                                        @endforeach
                                    </div>
                            </div>
                        </div>

                    </div>


                    @endforeach

                    @else
                        <h1 class="py-5 my-5">目前還沒有任何教練</h1>
                    @endif

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

<!-- search end -->

@endsection


@section('custom-script')
<script type="text/javascript">
    $('.item i').on('click', function(){
      $(this).toggleClass('fa-plus fa-minus').next().slideToggle()
    })
    /* list or grid item*/
    $(".view i").click(function(){

      $('.prod').removeClass('grid-view list-view').addClass($(this).data('view'));

    })
    $(".view i").click(function(){

      $(this).addClass('selected').siblings().removeClass('selected');

    })
</script>

@endsection