{{> layout/header}}
<div class="order-ensure-page yoho-page clearfix">
{{# orderEnsure}}
    <div class="order-edit">
        <div class="order-title">
            <ul>
                <li class="first">查看购物车</li>
                <li class="active">填写订单</li>
                <li class="end">付款，完成购买</li>
            </ul>
        </div>

        <div class="order-edit-main" id="order-edit-main" {{#isNewUser}}data-new="new"{{/isNewUser}} cartType="{{cartType}}">
            <h2 class="title">请填写并核对以下信息
                <a href="{{cartUrl}}" class="btn_backcart"></a>
            </h2>
            <div class="order-content">
                <div class="order-selection address-list">
                    <h2>收货地址：<span>[修改]</span></h2>
                    <div class="address-list-inner">
                    <ul class="exist-address-list">
                        {{#each hasAddress}}
                        <li class="has-exist-address">
                            <input class="radio" type="radio" name="exist-address" id="{{id}}" {{#if checked}}checked{{/if}}/>
                            <label for="{{id}}">
                                <strong>{{user}}</strong>
                                <span>{{address}}</span>
                                <b class="default-address">设为默认地址</b>
                                <div class="order-modify-btn">
                                    <span class="address-modify">[修改]</span>
                                    <span class="address-del">[删除]</span>
                                </div>
                            </label>
                        </li>
                        {{/each}}

                        <li class="use-new-address hide">
                            <input class="radio add-address" type="radio" name="address" id=""/>
                            <label for="">使用新地址</label>
                        </li>
                    </ul>

                    <div class="address-manage hide" cart-type="{{cartType}}">
                        <ul>
                            <li>
                                <span class="address-legend"><i>*</i>收货人姓名：</span>
                                <input type="text" name="name" class="name text-input"/>
                                <span>请填写您的真实姓名，最多5个汉字</span>
                            </li>
                            <li>
                                <span class="address-legend"><i>*</i>省市：</span>
                                <select name="province" id="" class="text-input">
                                </select>
                                <select name="city" id="" class="text-input">
                                </select>
                                <select name="county" id="" class="text-input">
                                </select>
                                <input type="text" name="address" class="text-input"/>
                                <span>标'*'的为支持加急送的地区，请输入收货的详细地址</span>
                            </li>
                            <li>
                                <span class="address-legend"><i>*</i>手机号码：</span>
                                <input type="text" name="phone" class="text-input"/>
                                <span>填写正确手机号便于接收发货和收货通知</span>
                            </li>
                            <li>
                                <span class="address-legend">固定电话：</span>
                                <div class="address-tel-input">
                                    <input type="text" name="tel-code" class="tel-lengend text-input"/>
                                    <input type="text" name="tel" class="text-input"/>
                                    —
                                </div>
                                <span>如：010-12345678，固话和手机号至少填一项</span>
                            </li>
                            <li>
                                <span class="address-legend">电子邮件：</span>
                                <input type="text" name="mail" class="text-input"/>
                                <span>用来接收订单提醒邮件，便于您及时了解订单状态</span>
                            </li>
                            <li>
                                <span class="address-legend">邮编：</span>
                                <input type="text" name="code" class="text-input"/>
                                <span>请填写准确的邮编，以确保商品尽快送达</span>
                            </li>
                        </ul>
                    </div>
                    <span class="save-btn hide">保存并送到这个地址</span>
                    </div>
                </div>

                <div class="order-selection pay-time">
                    <h2>支付及送货时间：<span class="switch-pay-modify">[修改]</span></h2>
                    <ul class="modity-pay-info">
                        <li>付款方式：<span>{{defaultPayWay}}</span></li>
                        {{#if isPreSell}}
                        <li class="prev-sell-item">发货时间：商品到货后立即发货</li>
                        {{/if}}
                        <li>送货时间：<span>{{defaultDelivery}}</span></li>
                        <li>送货前联系我：<span>否</span></li>
                    </ul>

                    <div class="pay-time-modify hide">
                        <h3 class="pay-time-title">支付方式</h3>
                        <ul>
                            <li class="pay-dashed-hr pay-recommend">
                                <div class="pay-type-legend">
                                    <input value="1" {{#if onlinePay.checked}} checked{{/if}} class="radio {{#if onlinePay.checked}}checked{{/if}}" name="pay-type" type="radio" id="" data-pay="{{onlinePay.paymentId}}"/>
                                    <label for="">在线支付（推荐）</label>
                                </div>
                                <span class="pay-type-legend">查看支持在线支付的银行和平台</span>
                                <div class="support-type hide">
                                    <h4>支持以下支付平台在线支付：</h4>
                                    <ul>
                                    {{#each supportLine}}
                                    <li><img src="{{src}}" alt=""/></li>
                                    {{/each}}
                                    </ul>
                                    <h4>支持以下银行在线支付：</h4>
                                    <ul>
                                    {{#each supportBank}}
                                    <li><img src="{{src}}" alt=""/></li>
                                    {{/each}}
                                    </ul>
                                </div>
                            </li>
                            
                            <li>
                              {{#if supportDeliveryPay}}
                                <input value="2" {{#if deliveryPay.checked}}checked{{/if}} class="radio {{#if deliveryPay.checked}}checked{{/if}}" name="pay-type" type="radio" id="" data-pay="{{deliveryPay.paymentId}}"/>
                              {{/if}}
                                <label for="">货到付款</label>
                                <span class="pay-type-tips">注：订单中有限量商品、预售商品、化妆品或者订单金额超过5000元不可以选择货到付款。</span>
                            </li>
                        </ul>

                        <h3>送货时间</h3>
                        <ul>
                            {{#each delivery}}
                            <li>
                                <input {{#if checked}}checked{{/if}} value={{id}} class="radio" name="pay-time-radio" type="radio" id="{{id}}"/>
                                <label for="">{{desc}}</label>
                            </li>
                            {{/each}}
                            
                            <li class="pay-dashed-hr pay-type-tips">声明：我们会努力按照您指定的时间配送，但因为天气、交通等各类因素影响，您的订单有可能会有延误现象，敬请谅解！</li>

                            <li>
                                <span>送货前是否联系：</span>
                                <input value="Y" class="radio" name="call-me" type="radio" id=""/>
                                <label for="">是</label>
                                <input value="N" checked class="radio" name="call-me" type="radio" id=""/>
                                <label for="">否</label>
                            </li>
                        </ul>

                        <span class="pay-btn">确定</span>
                    </div>
                </div>

                <div class="order-selection select-express">
                    <h2>选择快递：</h2>
                    {{#each carriageList}}
                    <div class="express-list">
                        <input {{# checked}}checked{{/ checked}} class="radio" type="radio" name="carriagegroup" id="common-{{id}}" value="{{id}}"/>
                        <label for="common-express">{{name}}：&nbsp;&nbsp;运费 ￥{{value}}  {{desc}}</label>
                    </div>
                    {{/each}}
                    <div class="express-list express-tips">注：配送会由于天气，交通等不可抗拒的客观因素造成您收货时间延迟，请您知悉。
                    </div>
                    <div class="express-list hide is-sup"><span class="sf">您所选择的区域暂不在顺风派送范围内,</span><a style="text-decoration: none;" target="_blank" href="{{sfUrl}}">点击查看详情</a></div>
                    <div class="express-list sf hide">如您购买的商品为航空禁运品顺丰会用陆运的方式给你派送，预计3-5天送达，请您见谅</div>
                </div>
            </div>
        </div>
    </div>
    <div class="order-pay">
        <div class="pay-wapper">
        <table>
            <thead>
                <tr>
                    <th style="width:40%;">
                        商品信息
                    </th>
                    <th style="width:10%;">单价（元）</th>
                    <th style="width:10%;">返YOHO币</th>
                    <th style="width:10%;">数量</th>
                    <th style="width:10%;">小计（元）</th>
                    <th style="width:20%;">商品金额（元）</th>
                </tr>
            </thead>
            <tbody>
                {{#each orderProducts}}
                <tr>
                    <td>
                        <div class="pay-pro">
                            <a class="pay-pro-icon" href="{{link}}">
                            <img src="{{imgCover}}" />
                                {{#isPriceGift}}
                                <span class="incentive">加价购</span>
                                {{/isPriceGift}}
                                {{#isGift}}
                                <span class="gift">赠品</span>
                                {{/isGift}}
                            </a>
                            <p class="pay-pro-info">
                                <a href="{{link}}" target="_blank">{{productTitle}}</a>
                                <span>颜色：{{productColor}} 尺码：{{productSize}}</span>
                            </p>
                        </div>
                    </td>
                    <td>
                        {{productPrice}}
                        {{#isVipPrice}}
                            <span class="vipPrice">(VIP)</span>
                        {{/isVipPrice}}
                    </td>
                    <td>{{yohoIcon}}</td>
                    <td>{{productNum}}</td>
                    <td class="cart-sub-total {{#xForOne}}xforone{{/xForOne}}">
                        {{#if xForOne}}
                            <del>{{productSubtotal}}</del>
                            <span class="free"></span>
                        {{^}}
                            {{productSubtotal}}
                        {{/if}}
                    </td>
                    <td class="cart-sub-total-all">{{productSubtotal}}</td>
                </tr>
                {{/each}}
            </tbody>
        </table>
        <!--YOHO-->
        <div class="play-content clearfix">
            <div class="play-left">
                <dl class="play-piao-pan pan">
                    <dt>索要发票</dt>
                    <dd>
                        <div class="play-pan">
                            <ul>
                                <li><label>发票抬头 :</label><input type="text" class="textbox" id="piaodesc" /></li>
                                <li><label>发票类型 :</label> <select class="dropdown" id="piaotype">
                                    <option value="0">请选择</option>
                                    {{#each piaoTypes}}
                                        <option value="{{id}}">{{name}}</option>
                                    {{/each}}
                                </select> </li>
                            </ul>
                        </div>
                    </dd>
                </dl>
                <dl class="play-remark-pan pan">
                    <dt>添加备注信息</dt>
                    <dd>
                        <div class="play-pan">
                            <textarea class="textbox" id="notedesc"></textarea>
                            <p class="note">声明：备注中有关收货人信息、支付方式、配送方式、发票信息等购买要求一律以上面的选择为准，备注无效。</p>
                            <p>是否打印价格：
                                <input name="isPP" id="isPPY" type="radio" value="Y" checked="">
                                <label for="isPPY">是</label>
                                <input name="isPP" id="isPPN" type="radio" value="N">
                                <label for="isPPN">否</label>
                                （如：送朋友的商品可不打印价格哦！) 
                            </p>
                        </div>
                    </dd>
                </dl>
            </div>
            <div class="play-right">
                <ul class="play-total">
                    {{#each promotionFormulaList}}
                    <li class="{{#if isExpress}}total-express-w{{/if}}">
                        <label>{{promotion}}</label><em>{{promotionAmount}}</em>
                    </li>
                    {{/each}}
                </ul>

                {{#if showCouponPay}}
                <dl class="play-juan-pan pan">
                    <dt>使用优惠券支付</dt>
                    <dd>
                        <div class="play-pan">
                            <p class="strong">请选择您要使用的优惠券： </p>
                            <p class="strong orange">(OUTLET商品除免邮券外不可使用优惠券)</p>
                            <p class="strong orange">(订单中使用优惠券将不赠送商品返还的YOHO币)</p>
                            <div class="play-juan">
                                <ul>
                                    <li>
                                        <input checked name="juangroup" type="radio" value="">
                                        <label>直接输入优惠码： </label>
                                        <input type="text" class="textbox" id="juancode" />
                                    </li>
                                </ul>
                            </div>

                            <p class="errtip red"></p>
                            <div class="btn-group clearfix">
                                <input type="button" class="ok" value="确定" id="juansubmit"/>
                                <input type="button" class="cancel cancel-code" value="取消"/>
                            </div>
                        </div>
                    </dd>
                </dl>
                {{/if}}
                <dl class="play-bi-pan pan">
                    <dt>使用YOHO币支付</dt>
                    <dd>
                        <div class="play-pan">
                            <div class="strong">
                                使用YOHO币：
                                <input type="text" class="textbox" id="biprice" data-bi="{{ownYohoCoin}}" value="0" /> 个
                            </div>
                            <p >
                                您目前有YOHO币 <em class="strong">{{ownYohoCoin}}</em> 个
                            </p>
                            <p class="errbitip red"></p>
                            <div class="btn-group clearfix">
                                <input type="button" class="ok" value="确定" id="bisubmit"/>
                                <input type="button" class="cancel cancel-bi" value="取消"/>
                            </div>
                        </div>
                    </dd>
                </dl>

                {{#if redEnvelopes}}
                <div class="red-envelopes active">
                    <div class="use-envelopes">
                        <input checked value="0" data-all="{{redEnvelopes}}" data-use="{{useRedEnvelopes}}" type="checkbox" />使用现金红包支付：<span>-￥{{useRedEnvelopes}}</span>
                    </div>
                    <div class="has-envelopes">您的现金红包余额：<span></span></div>
                </div>
                {{/if}}
            </div>
        </div>    
        </div>
        
        <div class="to-play">
            <p>您需要实际支付金额：<em>{{lastOrderAmount}}</em>元</p>
            <div class="btn-group clearfix">
                <input type="button" class="submit" value="去付款"/>
            </div>
        </div>
    </div>
{{/ orderEnsure}}
<div class="loading"><span></span>请稍后...</div>
</div>
{{> layout/footer}}