@extends('layouts.app')

@section('content')
<section class="padding_btm" >
    <!-- banner  Start -->
    <div class="swiper-container banner_home">
        <div class="swiper-wrapper banner-img">
            <a class="swiper-slide" href="javascript:void(0)">
                <div class="carousel-block img-bg">
                    <span style="background-image:url({{ $lesson->storage->path  }})"></span>
                </div>
            </a>
        </div>
        <div class="banner-page"></div>
    </div>
    <!-- banner End -->
    <!-- 课程信息  Start -->
    <div class="lesson_name">
        {{ $lesson->title }}
    </div>
    <div class="lesson_message">
        <div class="lesson_num">{{ $lesson->chapter }}节课</div>
        <div class="lesson_price">价值：<span class="lesson_price_num"><span>￥</span>{{ $lesson->price }}</span></div>
    </div>
    <div class="lesson_contact">
        <div class="lesson_ascription" data-href="{{ route('sellers.show',$lesson->organ) }}"><i class="icon-home lesson_icon01" style="left: 0;top: 0"></i>{{ $lesson->organ->name }}</div>
        <div class="lesson_navigation mapOpen" data-message="机构坐标设置出错" data-lat="{{ $lesson->organ->lat }}" data-lng="{{ $lesson->organ->lng }}" data-title="{{ $lesson->organ->name }}" data-address="{{ $lesson->organ->all_address }}" style="position: relative;color: #888"><i class="icon-map-marker lesson_icon01" style="left: .1rem;"></i>{{ $lesson->organ->all_address }}</div><!-- 说明：跳转至导航 -->

        <div class="lesson_icon02">
            <span class="shop_contact_wechet">
                <i class="icon-wechat"></i>
            </span>
            <span>
                <i class="icon-phone" data-href="tel:{{ $lesson->organ->mobile??'' }}"></i><!-- 说明：点击可拨打电话 -->
            </span>
        </div>
    </div>
    <div class="shop_wechet_show">
        <div class="shop_wechet_container">
            <img src="{{ $lesson->organ->wechat->path ??'' }}" alt="" class="shop_wechet_img">
            <div class="shop_wechet_describe">长按识别二维码</div>
            <div class="shop_wechet_close"><i class="icon-remove-sign"></i></div>
        </div>
    </div>
    <!-- 课程信息  End -->
    <!-- 适用条件  Start -->
    <ul class="condition">
        <li>
            <div class="condition_icon"><i class="icon-group"></i></div>
            <div class="condition_name text-nowrap">适用基础</div>
            <div class="condition_data text-nowrap">{{ $lesson->crowd }}</div>
        </li>
        <li>
            <div class="condition_icon"><i class="icon-edit"></i></div>
            <div class="condition_name text-nowrap">适用年龄</div>
            <div class="condition_data text-nowrap">{{ $lesson->crowd_age }}岁</div>
        </li>
        <li>
            <div class="condition_icon"><i class="icon-sitemap"></i></div>
            <div class="condition_name text-nowrap">上课人数</div>
            <div class="condition_data text-nowrap">{{ $lesson->maximum }}人</div>
        </li>
    </ul>
    <!-- 适用条件  End -->
    <!-- 购买须知  Start -->
    <div class="shop_title">
        购买须知
    </div>
    <div class="lesson_introduce">
        <div class="buy_notice_name">[有效期]</div>
        <div class="buy_notice_text">{{ $lesson->start_at }} 至 {{ $lesson->end_at }}</div>
        <div class="buy_notice_name">[温馨提示]</div>
        <div class="buy_notice_text">{{ $lesson->description }}</div>

    </div>
    <!-- 购买须知 End -->
    <!-- 图文介绍  Start -->
    <div class="shop_title">
        <img src="/assets/home/img/shop005.jpg" class="shop_title_icon">课程亮点
    </div>
    <div class="lesson_introduce">
        {!! $lesson->content !!}
    </div>
    <!-- 图文介绍 End -->

    @if($lesson->organ->cert_ids)
    <!-- 资质  Start -->
    <div class="shop_title">
        <img src="/assets/home/img/shop00q.jpg" class="shop_title_icon">资质/殊荣
    </div>
    <ul class="lesson_introduce">
        @foreach($lesson->organ->certs as $key =>$cert)
        <li><img src="{{ $cert->path }}"  ></li>
        @endforeach
    </ul>
    <!-- 资质 End -->
    @endif

</section>
<!-- 底部  Start -->
@endsection

@section('footer')
<!-- 底部  Start -->
<footer class="lesson_menu">
    <div class="lesson_menu_service" data-href="tel:{{ $lesson->organ->mobile??'' }}">
        <img src="/assets/home/img/service001.jpg" alt="" class="lesson_menu_service_icon">
        <div class="lesson_menu_service_text">联系客服</div><!-- 说明：拨打客服电话 -->
    </div>
    @if($favorite)
    <div class="lesson_menu_collection collection_active ajax-get refresh" data-href="{{ route('favorites.lesson',$lesson) }}">
        <i class="icon-star lesson_menu_service_icon"></i>
        <div class="lesson_menu_service_text">已收藏</div>
    </div>
    @else
    <div class="lesson_menu_collection ajax-get refresh" data-href="{{ route('favorites.lesson',$lesson) }}">
        <i class="icon-star-empty lesson_menu_service_icon"></i>
        <div class="lesson_menu_service_text">收藏</div>
    </div>
    @endif


    @if($lesson->end_at->timestamp < time())
        <button class="lesson_menu_btn btn " disabled="">已到期</button>
    @else
        @if($lesson->buy_text)
            <button class="lesson_menu_btn btn " disabled="">学习中</button>
        @elseif($cart)
            <button class="lesson_menu_btn btn " disabled="">已报名</button>
        @else
            <button class="lesson_menu_btn btn ajax-get refresh" data-href="{{ route('cart.store',$lesson) }}">为宝宝报名</button>
        @endif
    @endif

    <div class="lesson_menu_total" data-href="{{ route('cart.index') }}">待报名&nbsp;({{ Auth::user()->cart_num ??'0'}}/{{  Params::get('lesson_num') }})</div>
</footer>
<!-- 底部 End -->
@endsection
@section('css')
<link rel="stylesheet" href="/assets/home/css/swiper.min.css">
@endsection
@section('js')
<script src="/assets/home/js/swiper.min.js" type="text/javascript" ></script>
@endsection

@section('script')
<script type="text/javascript">
    /*轮播*/
    var banner = new Swiper('.banner_home', {
        pagination: '.banner-page',
        paginationClickable: true,
        loop:true,
        autoplay:4000
    });
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });

    /*显示微信二维码*/
    $(".shop_contact_wechet").click(function (e) {
        $(".shop_wechet_show").show();
    });
    $(".shop_wechet_close").click(function (e) {
        $(".shop_wechet_show").hide();
    });
</script>
@endsection