{{> layout/header}}
<div class="shopping-pay-page yoho-page clearfix">
    {{# shoppingpay}}
    <div class="pay-page">

        <div class="pay-title">
            <div class="step4"></div>
            <ul>
                <li><span>查看购物车</span></li>
                <li><span>填写订单</span></li>
                <li class="end"><span>付款，完成购买</span></li>
            </ul>
        </div>

        <div class="cart-pay">
            <h2>您的订单已成功，现在就去付款吧～</h2>
            <h3>您的订单号：<strong class="order-num">{{orderNum}}</strong> 应付金额：<strong>{{count}}</strong>元 &nbsp; &nbsp;
                支付方式：{{paymentType}} &nbsp; &nbsp; &nbsp; 送货时间：{{deliveryType}}</h3>
            <h4>{{userName}},如果2小时内您无法完成付款，系统会将您的订单取消。</h4>
        </div>

        <div class="wrapper">
            <div class="pay-way">
                <span class="word">使用：</span>
                <img src="" class="pay-type-img" id="show-pay-img">
            </div>

            <div id="tab-box">
                <ul class="tabs" id="tabs">
                    <li class="thistab"><a href="#" tab="tab1">支付宝等平台</a></li>
                    <li><a href="#" tab="tab2">使用银行卡</a></li>
                </ul>

                <ul class="tab-conbox">
                    <li id="tab1" class="tab-con">
                        <div class="count">
                            {{#each list}}
                                <div class="mode" data-id="{{dataId}}" data-value="{{dataVal}}">
                                    <div id="{{idNum}}"></div>
                                    <img src="{{ico}}" alt="{{name}}" id="{{imgId}}">
                                </div>
                            {{/each}}
                        </div>
                    </li>

                    <li id="tab2" class="tab-con" style="display:none;">
                        <div class="count">
                            {{# each entry}}
                                <div class="mode" data-id="{{dataId}}" data-value="{{dataVal}}">
                                    <div id="{{idNum}}"></div>
                                    <img src="{{ico}}" alt="{{name}}" id="{{imgId}}">
                                </div>
                            {{/each}}
                        </div>
                    </li>
                </ul>
            </div>

            <div class="btn-wrapper">
                <input type="hidden" id="payUrl" value="{{payUrl}}">
                <input type="hidden" id="choosePay" value="{{payRecord}}">
                <input type="submit" value="" class="btnby" id="btnby">
            </div>
        </div>
        <div class="light-box">
            <div class="opacity" id="fade"></div>
            <div class="content" id="light">
                <h2>请您在新打开的页面上完成付款</h2>
                <div class="notice">
                    <p>付款完成前请不要关闭此窗口</p>
                    <p>完成付款后请根据您的情况点击下面的按钮</p>
                </div>
                <div class="btns">
                    <a href="{{ordersUrl}}" class="over">已完成付款</a>
                    <a href="#" class="change">更换支付方式</a>
                </div>
                <a href="#" class="close">x</a>
            </div>
        </div>

        {{/ shoppingpay}}

    </div>

    {{# shoppingpay}}
    <!-- Google Code for &#19979;&#21333;&#25104;&#21151; Conversion Page -->
    <script type="text/javascript">
        /* <![CDATA[ */
        var google_conversion_id = 959290965;
        var google_conversion_language = "zh_CN";
        var google_conversion_format = "2";
        var google_conversion_color = "ff0000";
        var google_conversion_label = "n6GICNu3-AIQ1by2yQM";
        var google_conversion_value = 0;
        if (100) {
            google_conversion_value = 100;
        }
        /* ]]> */
    </script>
    <script type="text/javascript"
            src="http://www.googleadservices.com/pagead/conversion.js">
    </script>
    <noscript>
        <div style="display: inline;">
            <img height="1" width="1" style="border-style: none;" alt=""
                 src="http://www.googleadservices.com/pagead/conversion/959290965/?value=100&amp;label=n6GICNu3-AIQ1by2yQM&amp;guid=ON&amp;script=0"/>
        </div>
    </noscript>

    <iframe name="StatPage" src="http://www.yohobuy.com/shopping/cart/stat?step=end&order_code={{orderNum}}" width=0
            height=0 style="display:none"></iframe>

    <!-- Google Code for &#35746;&#21333;&#23436;&#25104;&#39029;-&#25628;&#32034; Conversion Page -->
    <script type="text/javascript">
        /* <![CDATA[ */
        var google_conversion_id = 991392201;
        var google_conversion_language = "en";
        var google_conversion_format = "2";
        var google_conversion_color = "ffffff";
        var google_conversion_label = "asUdCK_i0AQQyePd2AM";
        var google_conversion_value = 0;
        /* ]]> */
    </script>
    <script type="text/javascript"
            src="http://www.googleadservices.com/pagead/conversion.js">
    </script>
    <script type="text/javascript">
        _ozprm = "orderid={{orderNum}}";
    </script>
    <noscript>
        <div style="display:inline;">
            <img height="1" width="1" style="border-style:none;" alt=""
                 src="http://www.googleadservices.com/pagead/conversion/991392201/?value=0&amp;label=asUdCK_i0AQQyePd2AM&amp;guid=ON&amp;script=0"/>
        </div>
    </noscript>

    <script type="text/javascript">
        <!--
        (function (d) {
            window.bd_cpro_rtid = "P1fsP10";
            var s = d.createElement("script");
            s.type = "text/javascript";
            s.async = true;
            s.src = location.protocol + "//cpro.baidu.com/cpro/ui/rt.js";
            var s0 = d.getElementsByTagName("script")[0];
            s0.parentNode.insertBefore(s, s0);
        })(document);
        //-->
    </script>

    {{> shopping/box-analysis}}
    {{> shopping/box-buy-analysis}}
    {{/ shoppingpay}}

    {{> layout/footer}}