@extends('theme.master')
@section('title', '我的收藏')
@section('content')

@section('meta_tags')

<meta name="title" content="{{ $gsetting['collect_title'] }}">
<meta name="description" content="{{ $gsetting['collect_meta_data_desc'] }} ">
<meta property="og:title" content="{{ $gsetting['collect_title'] }} ">
<meta property="og:url" content="{{ url()->full() }}">
<meta property="og:description" content="{{ $gsetting['collect_meta_data_desc'] }}">
<meta property="og:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta itemprop="image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="{{ gc_asset($gsetting['og_image']) }}">
<meta property="twitter:title" content="{{ $gsetting['collect_title'] }} ">
<meta property="twitter:description" content="{{ $gsetting['collect_meta_data_desc'] }}">
<meta name="twitter:site" content="{{ url()->full() }}" />

@endsection

@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.MyCollectCourse') }}</h1>
    </div>
</section> 

@if(count($collects) > 0)
<section id="learning-courses" class="learning-courses-main-block">
    <div class="container">
        <div class="row">
        	@foreach($collects as $collect)
                @php
                    if( ! $collect->courses ){
                        continue;
                    }
                    $url = $collect->courses->video_enable ? route('user.course.show',['id' => $collect->courses->id ]) : '#';
                @endphp
            @if($collect->courses->status == '1')
        	@if($collect->user_id == Auth::User()->id)
                <div class="col-lg-3 col-sm-6 col-md-4 wish-card collect_item {{ $collect->courses->video_enable ? '' : 'video_disable' }}">
                    <div class="course_lock"></div>
                    <div class="view-block">
                        <div class="view-img">
                            <button class="inner-enroll-collect" title="加入收藏" type="button" data-item-type="course" data-item-id="{{ $collect->courses->id }}" style="z-index:1000;">
                                <i class="fa fa-bookmark rgt-10"></i></button>
                            @if($collect->courses['preview_image'] !== NULL && $collect->courses['preview_image'] !== '')
                                <a href="{{ $url }}"><img src="{{ gc_asset('images/course/'.$collect->courses->preview_image) }}" class="img-fluid" alt="course">
                            @else
                                <a href="{{ $url }}"><img src="{{ $collect->courses->jht_course_img ? $collect->courses->jht_course_img : Avatar::create($collect->courses->title)->toBase64() }}" class="img-fluid" alt="course">
                            @endif
                            </a>
                        </div>
                        @if($collect->courses['tags'] == !NULL)
                            <div class="best-seller">{{ $collect->courses['tags'] }}</div>
                        @endif
                        <div class="view-dtl">
                            <div class="view-heading btm-10 unset-hover-white-text"><a href="{{ $url }}">{{ str_limit($collect->courses->title, $limit = 35, $end = '...') }}</a></div>
                            <p class="btm-10 unset-hover-white-text"><a class="blacktext" href="{{ route('instructor.profile',['id' => $collect->courses->user->id  ]) }}">{{ $collect->courses->user->fname }}</a></p>
                            @if($collect->courses->type == 1)
                            {{--<div class="rate text-right">
                                <ul>
                                    @if($collect->courses->discount_price == !NULL)
                                        @if($gsetting['currency_swipe'] == 1)
                                            <li><a><b><i class="{{ $currency->icon }}"></i>{{ $collect->courses->discount_price }}</b></a></li>&nbsp;
                                            <li><a><b><strike><i class="{{ $currency->icon }}"></i>{{ $collect->courses->price }}</strike></b></a></li>
                                        @else
                                            <li><a><b>{{ $collect->courses->discount_price }}<i class="{{ $currency->icon }}"></i></b></a></li>&nbsp;
                                            <li><a><b><strike>{{ $collect->courses->price }}<i class="{{ $currency->icon }}"></i></strike></b></a></li>
                                        @endif
                                        
                                    @else
                                        @if($gsetting['currency_swipe'] == 1)
                                            <li><a><b><i class="{{ $currency->icon }}"></i>{{ $recent_course->price }}</b></a></li>
                                        @else
                                            <li><a><b>{{ $collect->courses->price }}<i class="{{ $currency->icon }}"></i></b></a></li>
                                        @endif
                                    @endif
                                </ul>
                            </div>--}}
                            @else
                            <div class="rate text-right">
                                <ul>
                                  <li><b>{{ __('frontstaticword.Free') }}</b></li>
                                </ul>
                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            @endif
            @endif
            @endforeach
        </div>
    </div>
</section>
@else
    <section id="search-block" class="search-main-block search-block-no-result text-center">
        <div class="container">
            <h2>{{ __('frontstaticword.emptyWishList') }}</h2>
        </div>
    </section>
@endif

@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).parent().parent().parent().remove();
                        }
                    }
                }
            });
        });
    });
</script>
@endsection