@extends('module.layouts.company')
@push('meta')

@endpush

@push('css')
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/common.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_points.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{ theme_asset('app/css/company/company_ajax_dialog.css')}}"/>
@endpush
@push('js')
    <script type="text/javascript" src="{{ theme_asset('app/js/company/jquery.common.js') }}"></script>
@endpush
@section('content')
    <div class="user_main">
        <div class="mleft">
            @include('module.section.service_left')
        </div>
        <div class="mright">
            <form target="_blank" id="cash_pay_form" method="post" action="{{ route('service.points.save') }}" onkeypress="return event.keyCode != 13;">
                {{ csrf_field() }}
                <div class="user_pagetitle">
                    <div class="pat_l">会员服务</div>
                    <div class="clear"></div>
                </div>
                <div class="order_info_group first">
                    <div class="info_float_line1">
                        <div class="left_line">服务名称：</div>
                        <div class="right_line"><span class="service_title">购买积分</span></div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="left_line">购买数量：</div>
                        <div class="right_line">
                            <input type="text" value="" class="input_205_34" name="points" id="points" onkeyup="if(value.length==1){value = value.replace(/[^1-9]/g, '')}else{value = value.replace(/\D/g, '')}" onblur='value=value.replace(/\D/g,"")'  onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/(^[1-9]\d*$)/,''))">
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="order_info_group">
                    <div class="info_float_line1">
                        <div class="left_line">支付方式：</div>
                        <div class="right_line">
                            <div class="rights J_forpaycash">
                                <!--默认是不做任何选择 没有select -->
                                @foreach($payment as $key=>$vo)
                                    <div typename="{{ $vo->alias }}" class="pays J_hoverbut"><img src="{{ theme_asset("app/images/pay_$vo->alias.png") }}"   border="0"/><div class="hook"></div></div>
                                @endforeach
                                <div class="clear"></div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="forpay">
                    <div class="order_info_group">
                        <div class="info_float_line1">
                            <div class="left_line">订单价格：</div>
                            <div class="right_line link_blue">
                                <div><span class="service_title"><span class="orange" id="pay_cash">0.0</span></span> 元</div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="order_info_group">
                        <div class="info_float_line1">
                            <div class="btn_yellow J_hoverbut btn_115_38" id="submit">立即购买</div>
                        </div>
                    </div>
                </div>
                <!--支付方式名称-->
                <input type="hidden" name="payment_name" id="payment_name" value="">
            </form>
        </div>
        <div class="clear"></div>
    </div>
@endsection
@section('script')
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.listitem.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.dropdown.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.disappear.tooltip.js') }}"></script>
    <script type="text/javascript" src="{{ theme_asset('app/js/jquery.tooltip.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            //选择payment
            $(".pays").click(function(){
                $(this).siblings().removeClass('select');
                $(this).addClass('select');
                $("#payment_name").val($(this).attr("typename"));
            });
            //现金支付提交
            $("#submit").click(function(){
                if(!$("#payment_name").val()){
                    disapperTooltip("remind","请选择支付方式！");
                    return false;
                }
                if(parseInt($("#points").val())==0){
                    disapperTooltip("remind","请输入要购买的积分数量！");
                    return false;
                }
                if(parseInt($("#points").val())<parseInt("{{ config('aix.companyset.points.points_set.com_buy_points_min') }}")){
                    disapperTooltip("remind","最小充值积分数为{{ config('aix.companyset.points.points_set.com_buy_points_min') }}！");
                    return false;
                }
                if($("#payment_name").val()=='wechat'){
                    var qsDialog = $(this).dialog({
                        title: '微信支付',
                        loading: true,
                        showFooter: false
                    });
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        cache: true,
                        type: "POST",
                        url: "{{ route('service.points.save') }}",
                        data: $('#cash_pay_form').serialize(),
                        async: false,
                        dataType: "json",
                        success: function (result) {
                            if (result.status == 1) {
                                qsDialog.setContent(result.tradeCode);
                                setInterval(function () {
                                    $.ajax({
                                        url: "{{ route('service.setmeal.check.order.status') }}",
                                        type: 'post',
                                        dataType: 'json',
                                        data: {
                                            tradeNo:result.tradeNo,
                                            _token:"{{csrf_token()}}"
                                        },
                                        success: function (res) {
                                            if(res.status==1){
                                                window.location.href="{{ route('service.order.index') }}";
                                            }
                                        }
                                    })

                                }, 5000);
                            } else {
                                qsDialog.setContent('<div class="confirm">' + result.msg + '</div>');
                                return false;
                            }
                        }
                    });
                }else{
                    if($("#payment_name").val()=='offline'){
                        $.ajax({
                            headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                            cache: true,
                            type: "POST",
                            url: "{{ route('service.points.save') }}",
                            data: $('#cash_pay_form').serialize(),
                            async: false,
                            dataType: "json",
                            success: function (result) {
                                    var qsDialog = $(this).dialog({
                                        title: '线下支付',
                                        loading: false,
                                        btns:["确定","关闭"],
                                        yes:function(){
                                            location.href=result.url
                                        }

                                    });
                                    if (result.status == 1) {
                                        qsDialog.setContent("您的订单ID：<b style='color:red'>【"+result.tradeNo+'】</b>，请通过{!! config('aix.system.pay.offline.service_tel') !!}联系网站客服！');
                                    } else {
                                        qsDialog.setContent('<div class="confirm">' + result.msg + '</div>');
                                        return false;
                                    }
                                }
                        });
                    }else{
                        var url = "{{route('service.setmeal.pay.setmeal.status')}}";
                        var qsDialog=$(this).dialog({
                            title: '确认支付',
                            loading: true,
                            border: false,
                            yes: function() {
                                window.location.href="{{ route('service.order.index',['type'=>'points']) }}";
                            },
                            cancel:function(){
                                window.location.href="{{ route('service.order.index',['type'=>'points']) }}";
                            }
                        });
                        $.getJSON(url,function(result){
                            if(result.status == 1){
                                qsDialog.setContent(result.html);
                                qsDialog.setBtns(['支付完成', '遇到问题']);
                            }else{
                                disapperTooltip('remind',result.msg);
                            }
                        });
                        $("#cash_pay_form").submit();
                    }

                }
            });
            $('#points').keyup(function() {
                $("#pay_cash").text(($('#points').val()/parseInt("{{ $payment_rate }}")).toFixed(2));
            });
        });
    </script>
@endsection