@extends('theme.master')
@section('title',  __('frontstaticword.MyRecommend') )
@section('content')

@include('admin.message')

<!-- about-home start -->
<section id="wishlist-home" class="wishlist-home-main-block">
    <div class="container">
        <h1 class="wishlist-home-heading text-white">{{ __('frontstaticword.MyRecommend') }}</h1>
    </div>
</section> 

<section id="learning-courses" class="learning-courses-main-block">
    <div class="container">
        <div class="row">
            <h3>依照您於會員中心填寫的健身經驗與訓練目標，推薦適合的課程供訓練參考。</h3>
        </div>
        <div class="row">
        	@if($courses->count() > 0) 
                @foreach($courses as $course)
                    @php
                        $url = $course->video_enable ? route('user.course.show',['id' => $course->id ]) : '#';
                    @endphp
                    <div class="col-lg-3 col-sm-6 col-md-4 wish-card {{ $course->video_enable ? '' : 'video_disable' }}">
                        <div class="course_lock"></div>
                        <div class="view-block">
                            <div class="view-img">
                                <button class="enroll-collect wishlisht-btn" title="加入收藏" type="button" data-item-type="course" data-item-id="{{ $course->id }}" style="position: absolute;right:0;">
                                    <i class="fa fa-bookmark{{ in_array( $course->id, $mycollect_courses ) ? '' : '-o' }} rgt-10"></i></button>
                                @if($course['preview_image'] !== NULL && $course['preview_image'] !== '')
                                    <a href="{{ $url }}"><img src="{{ gc_asset('images/course/'.$course->preview_image) }}" class="img-fluid" alt="course">
                                @else
                                    <a href="{{ $url }}"><img src="{{ $course->jht_course_img ? $course->jht_course_img : Avatar::create($course->title)->toBase64() }}" class="img-fluid" alt="course">
                                @endif
                                </a>
                            </div>
                            @if($course['tags'] == !NULL)
                                <div class="best-seller">{{ $course['tags'] }}</div>
                            @endif 
                            <div class="view-dtl">
                                <div class="view-heading btm-10 unset-hover-white-text"><a href="{{ $url }}">{{ str_limit($course->title, $limit = 35, $end = '...') }}</a></div>
                                <p class="btm-10 unset-hover-white-text"><a class="blacktext" href="{{ $url }}">{{ $course->user->fname }}</a></p>
                                @if($course->is_free == 1) 
                                <div class="rate text-right">
                                    <ul>
                                    <li><b>{{ __('frontstaticword.Free') }}</b></li>
                                    </ul>
                                </div>
                                @endif
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <h2>目前無適合您的推薦課程</h2>
            @endif
        </div>
    </div>
</section>
@endsection

@section( 'custom-script' )
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script>
    jQuery(document).ready(function($){
        $('#wishlist_tabs').tabs();

        $.ajaxSetup({
            url:'{{ URL::to('/') }}/process/follow',
            dataType:'json',
            type:'GET',
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).on('click','.inner-enroll-collect',function(){
            enroll = $(this);
            data = {
                id:$(this).data('item-id'),
                type:$(this).data('item-type')
            };
            $.ajax({
                data:data,
                success:function(resp){
                    if(resp.original.status==1){
                        if(resp.original.switch=='off'){
                            enroll.find('i').removeClass('fa-bookmark').addClass('fa-bookmark-o');
                            enroll.find('span').text('未收藏');
                        }else{
                            enroll.find('i').removeClass('fa-bookmark-o').addClass('fa-bookmark');
                            enroll.find('span').text('已收藏');

                        }
                    }
                }
            });
        });
    });
</script>
@endsection