@extends('layouts.app')

@section('content')

<section class="padding_btm" >
    <!-- banner  Start -->
    <div class="swiper-container banner_home">
        <div class="swiper-wrapper banner-img">
            @if($seller->storages->isEmpty())
            <a class="swiper-slide" href="javascript:void(0)">
                <div class="carousel-block img-bg">
                    <span style="background-image:url({{ $seller->storage->path  }})"></span>
                </div>
            </a>
            @else
            @foreach($seller->storages as $storage)
            <a class="swiper-slide" href="javascript:void(0)">
                <div class="carousel-block img-bg">
                    <span style="background-image:url({{ $storage->path  }})"></span>
                </div>
            </a>
            @endforeach
            @endif
        </div>
        <div class="banner-page"></div>
    </div>
    <!-- banner End -->
    <!-- 课程信息  Start -->
    <div class="lesson_name">
        {{ $seller->name }}
    </div>
    <div class="lesson_contact">
        <div class="lesson_navigation" id="mapOpen" data-message="机构坐标设置出错" data-lat="{{ $seller->lat }}" data-lng="{{ $seller->lng }}" data-title="{{ $seller->name }}" data-address="{{ $seller->all_address }}">{{ $seller->all_address }}</div><!-- 说明：跳转至导航 -->
        <i class="icon-map-marker lesson_icon01"></i>
        <div class="lesson_icon02">
            <span class="shop_contact_wechet">
                <i class="icon-wechat"></i>
            </span>
            <span>
                <i class="icon-phone" data-href="tel:{{ $seller->mobile??'' }}"></i><!-- 说明：点击可拨打电话 -->
            </span>
        </div>
    </div>
    <div class="shop_wechet_show">
        <div class="shop_wechet_container">
            <img src="{{ $seller->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 -->
    <div class="shop_title">
        <img src="/assets/home/img/shop005.jpg" class="shop_title_icon">{{ $seller->type_text }}介绍
    </div>
    <div class="lesson_introduce">
        {!! $seller->content !!}
    </div>
    <div class="see_more">展开&nbsp;<i class="meet-i icon-angle-down"></i></div>
    <!-- 图文介绍 End -->

    <!-- 商家服务  Start -->
    <div class="shop_title">
        <img src="/assets/home/img/shop00a.jpg" class="shop_title_icon">商家服务
    </div>
    <div class="lesson_introduce">
        {{ $seller->serve }}
    </div>
    <div class="see_more">展开&nbsp;<i class="meet-i icon-angle-down"></i></div>
    <!-- 商家服务 End -->

    <!-- 推荐课程  Start -->
    <div class="shop_title">
        <img src="/assets/home/img/shop004.jpg" class="shop_title_icon">推荐课程
    </div>
    <ul class="shop_lesson">
        @if($seller->lesson)
        @foreach($seller->lesson as $lesson)
        <li data-href="{{ route('lessons.show',$lesson) }}">
            <div class="shop_lesson_img img-bg">
                <span style="background-image:url({{ $lesson->storage->path  }})"></span>
            </div>
            <div class="shop_lesson_list">
                <div class="shop_lesson_name text-nowrap">{{ $lesson->title }}</div>
                <div class="shop_lesson_price"><span class="price_span">￥</span>{{ $lesson->price }}</div>
            </div>
        </li>
        @endforeach
        @endif

    </ul>
    <!-- 推荐课程 End -->
    <!-- 师资介绍  Start -->
    @if(!$lists->isEmpty())
    <div class="shop_title">
        <img src="/assets/home/img/shop004.jpg" class="shop_title_icon">师资介绍
    </div>
    <div class="teachers_container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                @foreach($lists as $key =>$teacher)
                @php
                $key++;
                @endphp
                <li>
                    <div class="teachers_img img-bg"><span style="background-image:url({{ $teacher->storage->path  }})"></span></div>
                    <div class="teachers_text text-nowrap">{{ $teacher->name }}{{ $teacher->rank }}</div>
                    <div class="teachers_text2 text-nowrap">{{ $teacher->school_age }}年教龄</div>
                </li>
                @if($key%3==0 &&  $lists->count()>$key)
            </div>
            <div class="swiper-slide">
                @endif

                @endforeach
            </div>
        </div>
        <div class="teachers_page"></div>
    </div>
    @endif
    <!-- 师资介绍 End -->

    @if($seller->cert_ids)

    <!-- 资质  Start -->
    <div class="shop_title">
        <img src="/assets/home/img/shop00q.jpg" class="shop_title_icon">资质/殊荣
    </div>
    <div class="teachers_container" style="padding-top: 53%">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            @foreach($seller->certs as $key =>$cert)
                @php
                $key++;
                @endphp
                <li>
                    <div class="teachers_img img-bg"><span style="background-image:url({{ $cert->path  }})"></span></div>
                </li>
                @if($key%3==0 &&  $lists->count()>$key)
            </div>
            <div class="swiper-slide">
                @endif

                @endforeach
            </div>
        </div>
        <div class="teachers_page"></div>
    </div>

    <!-- 资质 End -->
    @endif

</section>

@endsection

@section('footer')
<!-- 底部  Start -->
<footer class="lesson_menu">
    <div class="lesson_menu_service" data-href="tel:{{ $seller->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.seller',$seller) }}">
        <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.seller',$seller) }}">
        <i class="icon-star-empty lesson_menu_service_icon"></i>
        <div class="lesson_menu_service_text">收藏</div>
    </div>
    @endif
    <div class="lesson_menu_total" data-href="{{ route('cart.index') }}">查看已报名&nbsp;({{ Auth::user()->cart_num }}/{{ 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
    });
    /*师资*/
    var banner = new Swiper('.teachers_container', {
        pagination: '.teachers_page',
        paginationClickable: true,
        loop:true,
        autoplay:4000
    });
    var swiper = new Swiper('.teachers_container', {
        pagination: '.teachers_pagination',
        paginationClickable: true
    });
    /*荣誉*/
    var banner = new Swiper('.honor_container', {
        pagination: '.honor_page',
        paginationClickable: true,
        loop:true,
        autoplay:4000
    });
    var swiper = new Swiper('.honor_container', {
        pagination: '.honor_pagination',
        paginationClickable: true
    });
    /*显示微信二维码*/
    $(".shop_contact_wechet").click(function (e) {
        $(".shop_wechet_show").show();
    });

    $(".shop_wechet_close").click(function (e) {
        $(".shop_wechet_show").hide();
    });


    /*展开更多*/
    if ($('.lesson_introduce').height()>=180) {
        $('.see_more').css('display','block');
        $('.lesson_introduce').css('height','180px');
        $('.lesson_introduce').css('overflow','hidden');
    } else {
        $('.see_more').css('display','none');
    }

    $(".see_more").on("click",function(){
        $('.see_more').css('display','none');
        $('.lesson_introduce').css('height','auto');
    });
</script>
@endsection