{{# exchange}}
{{> returns/returns-status}}

<div class="exchange-detail-page" data-id="{{id}}">
    <div class="exchange-detail">
        {{#if audit}}
        <p class="state"><span class="iconfont">&#xe618;</span>换货申请审核中</p>
        {{/if}}

        {{#if through}}
         <p class="state"><span class="iconfont">&#xe60f;</span>换货申请已通过</p>
        {{/if}}

        {{#if send}}
         <p class="state"><span class="iconfont">&#xe61a;</span>换货商品已发出</p>
        {{/if}}

        {{#if finish}}
         <p class="state"><span class="iconfont">&#xe60f;</span>换货完成</p>
        {{/if}}

        {{#if cancel}}
         <p class="state">您已取消申请</p>
        {{/if}}

        <div class="way">

            {{#if finish}}
            <p class="contact">如有疑问，请联系<span class="iconfont">&#xe61c;</span>在线客服</p>
            {{else}}
            <p class="way-title">您已选择{{deliveryTpyeName}}</p>
            <p>请将商品连同吊牌、包装、发货单（如无发货单，您可找张白纸上注明订单编号，收货人姓名及手机号码）、发票（如有）、赠品（如有）一并保存，
            如有遗漏将影响您的退换货进度，敬请谅解
            </p>
            {{/if}}

            {{#if audit}}
            <p class="cancel">如果您不想换货了，您可以<span class="cancel-btn">取消申请</span></p>
            {{/if}}

            
           {{#if through}}
            <div class="return-express">
                {{#if number}}
                    <div class="show-content" data-id="{{id}}">
                        <h4 class="third-title">寄回物流信息 <label class="reset-express btn white">修改</label></h4>
                        <p>请您耐心等待，我们会在收到货物后快速为您处理</p>
                        <p>物流公司：{{company}}</p>
                        <p>快递单号：{{number}}</p>
                    </div>
                {{/if}}

                <div class="edit-content{{#if number}} hide{{/if}}"{{# expressList}} data-{{id}}="{{name}}"{{/ expressList}}>
                    <h4 class="third-title">填写物流</h4>
                    <p>请您在<span class="blue">7月30日24:00</span>前将商品寄回并填写物流，逾期将自动取消申请</p>
                    <dl class="express-wrap">
                        <dd>
                            物流公司：
                            <select class="express-company">
                                {{# expressList}}
                                    <option value="{{id}}">{{name}}</option>
                                {{/ expressList}}
                            </select>
                        </dd>
                        <dd>
                            快递单号：
                            <input type="text" class="express-code" value="{{number}}">
                        </dd>
                        <dd>
                            <span class="submit-express btn">提交</span>
                            <span class="error-tip blue hide">请填写完整寄回物流信息</span>
                        </dd>
                    </dl>
                </div>
            </div>
        {{/if}}

            {{#if auditSuccess}}
            <div class="order">
                <span class="check">查看</span>
                <span class="exchange-order">换货订单</span>
            </div>
            {{/if}}
        </div>

        <div class="address">
            <p class="address-title">收货地址<span class="modify-btn">修改</span></p>
            <div class="address-detail">
               <p>所在区域：{{city}}{{county}}</p>
               <p>收 &nbsp货 &nbsp人：{{consigneeName}}</p> 
               <p>详细地址：{{address}}</p> 
               <p>联系电话：{{mobile}}</p> 
            </div>

            <div class="address-modify">
                
            </div>
        </div>
    </div>

    <span class="exchange-goods">换货商品</span>

    <div class="good-info">
        <div class="table">
            <ul class="header">
                <li class="info">商品信息</li>
                <li class="st">换货原因</li>
                <li class="op">换货信息</li>
            </ul>
        </div>

        <div class="table">
            {{# goodsList}}
            <div class="table-body">
                <div class="goods-info">
                    <img src="{{image goodsImage 70 90}}">
                    <div class="info">
                        <p class="good-name">{{productName}}</p>
                        <p>颜色：{{colorName}}&nbsp;尺码：{{sizeName}}</p>
                        <p>×{{num}}</p>
                    </div>
                </div>
                <div class="common-column special-border">
                    <p class="reason">{{reasonName}}</p>
                </div>
                <div class="common-column special-border operation">
                    <p class="subtext">color: {{newColorName}}<br>size: {{newSizeName}}</p>
                </div>
            </div>
            <div class="reason-info">
                <span>问题描述：{{reasonName}}</span>
                <div class="reason-img">照片凭证：
                    <div class="evidence">
                        <img src="{{image img 70 90}}">
                    </div>
                </div>
            </div>
            {{/ goodsList}}
        </div>
    </div>
</div>
{{/ exchange}}