@extends('layouts.app')

@section('content')
<section class="padding_btm" >
    <!-- 列表 Start -->
    <div class="">
        @if(!$lists->isEmpty())
        <ul class="cn_recommend_list" style="background-color: #fff;padding: .75rem;">
            @foreach($lists as $lesson)
            <li >
                <div class="cn_recommend_list_img img-bg" data-href="{{ route('lessons.show',$lesson) }}">
                    <span style="background-image:url({{ $lesson->storage->path  }})"></span>
                    @if($lesson->end_at->timestamp < time())
                    <div class="lesson_overdue" style="background-image:url(/assets/home/img/overdue.png)"></div><!-- 说明：课程已过期时显示 -->
                    @endif
                </div>
                <div class="cn_recommend_btm">
                    <div class="cn_recommend_left" data-href="{{ route('lessons.show',$lesson) }}">
                        <div class="cn_recommend_left_block" style="padding-top: .5rem;">
                            <div class="cn_recommend_name text-nowrap">{{ $lesson->title }}</div>
                            <div class="cn_recommend_price text-nowrap">价值：￥{{ $lesson->price }}</div>
                        </div>
                        <div class="cn_recommend_left_block">
                            <div class="cn_recommend_company text-nowrap ">{{ $lesson->organ->name }}</div>
                            <div class="cn_recommend_distance text-nowrap">{{ $lesson->organ->distance }}km</div>
                        </div>
                    </div>
                    @if(!$lesson->canCart())
                    <div class="cn_recommend_btn ajax-get refresh" data-href="{{ route('cart.store',$lesson) }}">立即报名</div>
                    @else
                    <div class="cn_recommend_btn" style="background-color: #ccc;color: #fff">已报名</div>
                    @endif
                </div>
            </li>
            @endforeach
        </ul>

        @else
        <!-- 暂无课程信息 Start-->
        <div class="classify_null" style="padding-top:6rem;background:none">
            <img src="/assets/home/img/k_null2.jpg" alt="" class="lesson_null_img">
            <div class="lesson_null_text">没有找到课程~</div>
        </div>
        <!-- 暂无课程信息 End -->
        @endif
        <!-- 列表 End -->
    </div>
</section>
@endsection



@section('script')
<script type="text/javascript" src="/assets/home/js/iscroll.js"></script>
<script type="text/javascript" src="/assets/home/js/navbarscroll.js"></script>
<script type="text/javascript" src="/assets/home/js/swiper.min.js"></script>
<script type="text/javascript">
    /*导航*/
    $(function(){
        $('.wrapper').navbarscroll();
    });
</script>
@endsection