@extends('layouts.app')

@section('content')
<section class="padding_btm" >
    <!--已报名-->
    <nav class="nav cn_nav" data-display="" data-selector="span" data-show-single="true" data-active-class="active" data-animate="false" style="margin-bottom: 0">
        <span data-href="{{ route('cart.index') }}">待报名</span>
        <span data-href="{{ route('lessons.index',['type'=>'unoverdue']) }}" @if($type == 'unoverdue')class="active" @endif>已报名</span>
        <span data-href="{{ route('lessons.index',['type'=>'overdue']) }}" @if($type == 'overdue')class="active" @endif>已过期</span>
    </nav>
    <div class="beer-order-list">
        <div class="in display" id="tab0" data-display-name="display1213" style="z-index: 1214;">
            @if($lists->isEmpty())
            <!--无报名-->
            <div class="empty">
                <img src="assets/home/img/k_null.jpg">
                <p>暂时没有记录</p>
            </div>
            <!--end 无报名-->
            @else
            <ul  class="cn_enroll">
                @foreach($lists as $log)

                <li @if($type == 'overdue') class="cn_enroll_over" @endif  data-href="{{ route('lessons.show',$log->lesson) }}">
                    <div class="cn_enroll_block">
                        <div class="cn_enroll_num text-nowrap">{{ $log->lesson->chapter }}节课</div>
                        <div class="cn_enroll_name text-nowrap">
                            {{ $log->lesson->title }}
                            <span>《</span>
                            <span>》</span>
                        </div>
                        <div class="cn_enroll_time text-nowrap">到期时间：{{ $log->lesson->end_at }}</div>
                        <div class="cn_enroll_btm">
                            <div class="cn_enroll_price text-nowrap">价值：<span>￥{{ $log->lesson->price }}</span></div>
                            <div class="cn_enroll_more text-nowrap">查看详情&nbsp;<i class="icon-angle-right"></i></div>
                        </div>
                    </div>
                    <div class="cn_shadow">
                        <img src="/assets/home/img/cn_08.jpg">
                    </div>
                </li>

                @endforeach
            </ul>
            @endif
        </div>
    </div>
    <!--end 已报名-->
</section>
<div class="white_fixed"></div>
@endsection