@extends('layouts.app')

@section('content')

<section class="padding_btm" >
    <!--我的订单-->
    <nav class="nav beer-order" data-display="" data-selector="span" data-show-single="true" data-active-class="active" data-animate="false">
        <span data-href="{{ route('orders.index') }}" @if(url()->current() == route('orders.index'))class="active" @endif>全部</span>
        <span data-href="{{ route('orders.unpay') }}" @if(url()->current() == route('orders.unpay'))class="active" @endif>待付款</span>
        <span data-href="{{ route('orders.paid') }}" @if(url()->current() == route('orders.paid'))class="active" @endif>待使用</span>
        <span data-href="{{ route('orders.used') }}" @if(url()->current() == route('orders.used'))class="active" @endif>已使用</span>
    </nav>
    <div class="beer-order-list">
        <div class="in display" id="tab1" data-display-name="display1213" style="z-index: 1214;">
            @include('orders.item', ['orders' => $orders])
        </div>
    </div>
    <!--end 我的订单-->

    <div class="shop_wechet_show">
        <div class="shop_wechet_container">
            <img src="{{ $baby_service->storage->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>
</section>


@endsection
@section('script')
<script type="text/javascript">
    $('.order_qrcode').on('click',function(){
        var orderid = $(this).data('order');
        $('.shop_wechet_img').attr('src',"{{ route('activities.qrcode') }}?orderid="+orderid);
        $(".shop_wechet_show").show();
    });

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

    function orderDelete (url) {
        layer.open({
            content: '确定要取消订单吗?'
            ,btn: ['确认', '不取消']
            ,skin: 'footer'
            ,yes: function(index){
                $.post(url + '?_token={{ csrf_token() }}', function(data){
                    if (data.status == 'SUCCESS') {
                        updateAlert(data.message, 'success');
                        setTimeout(function(){
                            location.reload();
                        },500);
                    }else{
                        updateAlert(data.message, 'error');
                    }
                });
            }
        });
    }
</script>
@endsection