@extends('layouts.app')

@section('content')

<section class="padding_btm" >
    <form>
        <!-- 课程信息  Start -->
        <div class="enroll_pay_title" style="margin-top: 0;border-top: 0;border-bottom: 0">课程信息</div>
        <ul class="enroll_pay_lesson">
            @foreach($order->details as $detail)
            <li>
                <div class="shop_lesson_img img-bg">
                    <span style="background-image:url({{ $detail->item->storage->path }})"></span>
                </div>
                <div class="shop_lesson_list">
                    <div class="shop_lesson_name text-nowrap">{{ $detail->item->title }}</div>
                    <div class="shop_lesson_price"><span class="price_span">￥</span>{{ $detail->item->price }}</div>
                </div>
            </li>
            @endforeach
        </ul>
        <div class="enroll_pay_more"><span class="more_text">展开全部课程</span>&nbsp;<i class="icon-angle-down change_i"></i></div>
        <!-- 课程信息 End -->
        <!-- 填写宝宝信息  Start -->
        <div class="enroll_pay_title" style="border-bottom: 0">报课信息</div>
        <div class="enroll_baby">
            <div class="enroll_input">
                <div class="enroll_input_name">宝宝姓名：</div>
                <input type="text" name="" value="{{ $order->lessonlogs()->first()->name }}" placeholder="请输入宝宝姓名" class="input" readonly="">
            </div>
            <div class="enroll_input">
                <div class="enroll_input_name">宝宝年龄：</div>
                <input type="text" name="" value="{{ $order->lessonlogs()->first()->age }}" placeholder="请输入宝宝年龄" class="input" readonly="">
            </div>
            <div class="enroll_input">
                <div class="enroll_input_name">联系电话：</div>
                <input type="text" name="" value="{{ $order->lessonlogs()->first()->mobile }}" placeholder="请输入联系电话" class="input" readonly="">
            </div>
        </div>
        <!-- 填写宝宝信息 End -->

        <!-- 支付方式  Start -->
        <div class="enroll_pay_title" style="border-bottom: 0">支付方式</div>
        <div class="enroll_pay_price" style="margin-top: 0;border-top: 0">
            <div class=" wechat_pay"><i class="icon-wechat"></i></div>
            微信支付
            <div class="radio wechat_pay_radio">
                <input type="radio" name="payment" value="WECHAT" checked>
                <label for="payment"></label>
            </div>

        </div>
        <!-- 支付方式 End -->
        <!-- 优惠活动  Start -->
        <div class="enroll_pay_title">优惠活动
            <span class="enroll_activity" data-href="{{ route('coupon.select',['orderid'=>$order->orderid]) }}">@if(!$coupon) 暂无 @endif&nbsp;<i class="icon-angle-right"></i></span><!--说明：无优惠可选择时显示“暂无”-->
            @if($coupon)
            <div class="enroll_activity_li"><img src="/assets/home/img/cn_06.png">&nbsp;{{ $coupon->info->title }}</div>
            @endif
        </div>

        <!-- 优惠活动 End -->
        <!-- 金额统计  Start -->
        <div class="enroll_pay_title">课程金额
            <span class="enroll_activity">￥{{ number_format($order->amount,2)  }}</span>
            @if($coupon)
            <div class="enroll_activity_li">
                <span class="enroll_activity_name">优惠立减</span>
                <span class="enroll_activity_name" style="text-align: right">-￥{{ $coupon->info->bouns }}</span>
            </div>
            @endif

        </div>

        <!-- 金额统计 End -->


        <div class="button_btm" style="background-color: #fff;">
            <div class="enroll_total">总价：<span style="font-size: .8rem;color: #f00">￥@if($coupon) {{ number_format($order->amount - $coupon->info->bouns,2) }} @else {{ $order->pay_total }}  @endif </span></div>
            <button type="button" id="paybtn"  class="btn enroll_total_btn">确认支付</button>
        </div>
    </form>
</section>


@endsection

@section('footer')

@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>
<script src="/assets/home/js/operation.js"></script>
@endsection


@section('script')
<script>
    var json='';
    var canGift ="{{ $order->canGift() }}";
    var coupon_id = "{{ $coupon->id??'' }}";
    $("#paybtn").click(function(){
        $.get("{{ route('pay.wechatnew', $order->orderid) }}", {coupon:coupon_id},function(data) {
         if (data.statusCode == 200) {
            json = JSON.parse(data.message);
            pay();
        }
    });
    })


    function pay() {
        if (typeof WeixinJSBridge == "undefined") {
            if (document.addEventListener) {
                document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
            } else if (document.attachEvent) {
                document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
                document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
            }
        }else{
            onBridgeReady();
        }
    }

    function onBridgeReady() {

        WeixinJSBridge.invoke('getBrandWCPayRequest', json, function(res) {
            if (res.err_msg == "get_brand_wcpay_request:ok") {
                setTimeout(function() {
                    location.href = "{{ route('lottery.index') }}";
                }, 1000);
            }else if(res.err_msg == "get_brand_wcpay_request:cancel"){
                updateAlert('取消支付');
            } else {
                // alert(JSON.stringify(res));
                updateAlert('支付失败');
            }
        });
    }



</script>

<script type="text/javascript">
    /*显示更多课程*/
    $(".enroll_pay_lesson").each(function (){
        var lis=$(this).children("li");
        var li_0=$(this).children("li:eq(0)");
        var lis_length=$(this).children("li").length;
        var more_btn=$(this).parent().find('.enroll_pay_more');
        if (lis_length>1) {
            more_btn.css('display','block');
        }else{
            more_btn.css('display','none');
        };
    });

    $(".enroll_pay_more").on("click",function(){
        var me = $(this),
        atr = me.attr("abc");
        var current_lis=$(this).parent().find("li");
        var more_text=$(this).parent().find(".more_text");
        if(atr == 1){
            $(".enroll_pay_lesson").removeClass("status_2");
            $(".enroll_pay_lesson").addClass("status_1");
            me.attr("abc", 0);
            $(".change_i").removeClass("icon-angle-up");
            $(".change_i").addClass("icon-angle-down");
            more_text.text('展开全部课程');
        }else{
            $(".enroll_pay_lesson").removeClass("status_1");
            $(".enroll_pay_lesson").addClass("status_2");
            me.attr("abc",1);
            $(".change_i").removeClass("icon-angle-down");
            $(".change_i").addClass("icon-angle-up");
            more_text.text('收起全部课程');
        }
    });

    $('#coupon').click(function(){
        var $this = $(this);
        var price = $this.data('price');
        var apply_lesson_price = "{{ $order->amount }}";
        var total;
        if ($this.data('check')==1) {
            total = apply_lesson_price;
            $('#coupon').data('check','2');
        }else {
            total = getMax('-',apply_lesson_price,price);
            $('#coupon').data('check','1');
        }

        $('.total').html('<span class="price_span">￥</span>'+total);
    });
</script>

@endsection