@extends('web.layouts.pay')
@section('content')

    <form id="FormPay" action="{{ route('web.order.orderPost') }}" method="post" target="_blank" name="FormPay">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" value="" name=pay_type id=channelID>


        <div class=tastesdk>

            <div class=tastesdk-box>
                <div class=main>
                    <input type=radio class="tab left" name=choosetypedemo>
                    <input type=radio checked=checked class="tab mid" name=choosetypedemo>
                    <label class="tab-btn mid">PC网页支付</label>
                    <div class=typedemo>
                        <div class=tit>提交支付订单</div>
                        <div class=demo-pc>

                            <div class="pay-jd" style="display:block">
                                <ul class=jdt>
                                    <li>提交支付订单</li>
                                    <li>选择支付方式</li>
                                    <li>在线付款</li>
                                </ul>
                                <div class=first-step>
                                    <div class=address>
                                        <h5>定制价格</h5>
                                        <p><input type="text" placeholder="自定义价格" value="{{ $good->money  ?? '' }}"
                                                  id="amount" name="money"
                                                  onkeyup="clearNumber(this)"/></p>
                                    </div>
                                    <div class=order-infor>
                                        <h5>订单信息</h5>
                                        <table border=0>
                                            <tr>
                                                <th></th>
                                                <th>金额</th>
                                                <th>总计</th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>
                                                        <span>在线充值</span>

                                                    </p>
                                                </td>
                                                <td id="amount_singel">￥{{ $good->money or 0 }}</td>
                                                <td id="amount_total">￥{{ $good->money or 0 }}</td>
                                            </tr>
                                        </table>
                                        <div class=pay-box>应付金额：<strong id="amount_order">{{ $good->money or 0 }}
                                                <span></span></strong>
                                            <button type="button" class="pcdemo-btn sbt-btn" ta=提交订单></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="two-step" style="display:none;">
                                    <p><strong>请您及时付款，以便订单尽快处理！</strong>请您在提交订单后<span>24小时</span>内完成支付，否则订单会自动取消。</p>
                                    <ul class=pay-infor>
                                        <li>支付金额：<strong id="pay_order">{{ $good->money or 0 }}<span>元</span></strong>
                                        </li>
                                        <li>收款方：{{ config_cache('config.sitename') }}</li>
                                        <li>商品名称：{{ $good->name }}</li>
                                    </ul>
                                    <h5>选择支付方式</h5>
                                    <ul class=pay-label>
                                        <li>
                                            <input type=radio value=alipay name=channel id=alipay>
                                            <label for=alipay style="width: 180px">
                                                <img src="{{ $style_path }}/static/AliPay.png">
                                                <span>直接支付</span>
                                            </label>
                                        </li>
                                        <li>
                                            <input type=radio value=alipayscan name=channel id=alipayscan>
                                            <label for=alipayscan style="width: 180px">
                                                <img src="{{ $style_path }}/static/AliPay.png">
                                                <span>扫码支付</span>
                                            </label>
                                        </li>
                                        {{--<li>--}}
                                        {{--<input type=radio value=weixin name=channel id=weixin>--}}
                                        {{--<label for=weixin>--}}
                                        {{--<img src="{{ $style_path }}/static/wx.png">--}}
                                        {{--</label>--}}
                                        {{--</li>--}}
                                        {{----}}

                                        {{--<li>--}}
                                        {{--<input type=radio value=QQbao name=channel id=QQbao>--}}
                                        {{--<label for=QQbao>--}}
                                        {{--<img src="{{ $style_path }}/static/tencent.png">--}}
                                        {{--</label>--}}
                                        {{--</li>--}}

                                        {{--<li>--}}
                                        {{--<input type=radio value=uniopnpay name=channel id=uniopnpay>--}}
                                        {{--<label for=uniopnpay>--}}
                                        {{--<img src="{{ $style_path }}/static/uniopnpay.png">--}}
                                        {{--</label>--}}
                                        {{--</li>--}}

                                    </ul>
                                    <input type="hidden" name="goods_id" value="{{ $good->id }}">
                                    <input type="hidden" name="title" value="{{ $good->name }}">


                                    <div class=btns>
                                        <button type="button" class="pcdemo-btn sbpay-btn" ta=立即支付></button>
                                    </div>
                                </div>
                            </div>
                            <div class="pay-res" id="pay-success" style="display:none;">
                                <h4>支付成功</h4>


                                <div class=suc-btns>
                                    <button type="button" class="pcdemo-btn back-demo-btn" ta=返回收银台首页></button>
                                    <a class="gocheckorderid" href=#nogo>查询订单</a>
                                </div>
                            </div>

                            <div class="pay-res" id="pay-error" style="display:none;">
                                <h4>支付失败</h4>


                                <div class=suc-btns>
                                    <button type="button" class="pcdemo-btn back-demo-btn" ta=返回首页></button>
                                    <a class="gocheckorderid" href=#nogo>查询订单</a>
                                </div>
                            </div>

                        </div>
                        <div class="confirm-pop" style="display:none;">
                            <div class=confirm>
                                <h4>确认支付</h4>
                                <p>请在新打开的页面进行支付！<span>支付完成前请不要关闭此窗口</span>
                                </p>
                                <div class=confirm-btns>
                                    <button type="button" class=finish-btn ta=已完成支付></button>
                                    <button type="button" class=change-pay ta=更换支付方式></button>
                                </div>

                            </div>
                        </div>
                    </div>
                    <input type=radio class="tab right" name=choosetypedemo>
                </div>
            </div>

        </div>


    </form>


@endsection
@section('foot_js')
    <script>
        function clearNumber(obj) {
            layui.use('jquery', function () {
                var $ = layui.jquery;

                obj.value = obj.value.replace(/[^\d.]/g, "");
                obj.value = obj.value.replace(/^\./g, "");
                obj.value = obj.value.replace(/\.{2,}/g, ".");
                obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");

                var total = parseFloat(obj.value);
                if (total > 0) {
                    $("#amount_singel,#amount_total,#amount_order").html("￥" + total);
                    $("#pay_order").html(total + "<span>元</span>");
                    $("#faceValue").val(total);
                    $(".res_amount").html(total);
                }
            });
        }
    </script>

@endsection