{{include file="public/header" /}}

<!-- header top nav -->
{{include file="public/header_top_nav" /}}

<!-- search -->
{{include file="public/nav_search" /}}

<!-- header nav -->
{{include file="public/header_nav" /}}

<!-- goods category -->
{{include file="public/goods_category" /}}

<!-- content -->
<div class="am-container user-main">

    <!-- user menu start -->
    {{include file="public/user_menu" /}}
    <!-- user menu end -->

    <!-- content start -->
    <div class="user-content">
        <div class="user-content-body">
            <!-- 商品列表 -->
            {{if !empty($goods)}}
                <div class="am-panel am-panel-default order-base-panel">
                    <div class="am-panel-bd">
                        <table class="am-table">
                            <thead>
                                <tr>
                                    <th class="row-base">商品信息</th>
                                    <th class="row-price">单价</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <div class="goods-detail">
                                            <a href="{{$goods.goods_url}}" target="_blank">
                                                <img src="{{$goods.images}}">
                                            </a>
                                            <div class="goods-base">
                                                <a href="{{$goods.goods_url}}" target="_blank" class="goods-title">{{$goods.title}}</a>
                                                {{if !empty($goods.spec)}}
                                                    <ul class="goods-attr">
                                                        {{foreach $goods.spec as $spec}}
                                                            <li>{{$spec.type}}：{{$spec.value}}</li>
                                                        {{/foreach}}
                                                    </ul>
                                                {{/if}}
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        {{if $goods['original_price'] gt 0}}
                                            <p class="original-price">￥{{$goods.original_price}}</p>
                                        {{/if}}
                                        <p class="line-price">￥{{$goods.price}} x {{$goods.buy_number}}</p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <div class="am-alert am-alert-secondary">
                          {{if !empty($order.price)}}
                                <div class="items am-cf">
                                    <div class="items-title am-fl">商品总价：</div>
                                    <div class="items-detail am-fl">￥{{$order.price}}</div>
                                </div>
                            {{/if}}
                            {{if !empty($order.increase_price)}}
                                <div class="items am-cf">
                                    <div class="items-title am-fl">增加金额：</div>
                                    <div class="items-detail am-fl">+￥{{$order.increase_price}}</div>
                                </div>
                            {{/if}}
                            {{if !empty($order.preferential_price)}}
                                <div class="items am-cf">
                                    <div class="items-title am-fl">优惠金额：</div>
                                    <div class="items-detail am-fl">-￥{{$order.preferential_price}}</div>
                                </div>
                            {{/if}}
                            {{if !empty($order.total_price)}}
                                <div class="items am-cf">
                                    <div class="items-title am-fl">订单总价：</div>
                                    <div class="items-detail am-fl line-price">￥{{$order.total_price}}</div>
                                </div>
                            {{/if}}
                            {{if !empty($order.pay_price)}}
                                <div class="items am-cf">
                                    <div class="items-title am-fl">支付金额：</div>
                                    <div class="items-detail am-fl">
                                        <strong class="total-price-content">￥{{$order.pay_price}}</strong>
                                    </div>
                                </div>
                            {{/if}}
                        </div>
                    </div>
                </div>

                <!-- 是否存在进行中的数据 -->
                {{if empty($new_aftersale_data) or (isset($new_aftersale_data['status']) and in_array($new_aftersale_data['status'], [4,5]))}}
                    <!-- 拒绝/关闭 -->
                    {{if isset($new_aftersale_data['status']) and in_array($new_aftersale_data['status'], [3,4])}}
                        {{switch $new_aftersale_data.status}}
                            {{case 4}}
                                <div class="am-alert am-alert-danger">
                                    当前订单商品售后申请已被拒绝！<a href="#">详情查看</a>
                                </div>
                            {{/case}}

                            {{case 5}}
                                <div class="am-alert am-alert-warning">
                                    当前订单商品售后申请已关闭！<a href="#">详情查看</a>
                                </div>
                            {{/case}}
                        {{/switch}}
                    {{/if}}

                    <!-- 类型 -->
                    <div class="am-cf aftersale-type">
                        {{foreach $common_order_aftersale_type_list as $v}}
                            <div class="items-align {{$v.class}}" data-type="{{$v.value}}">
                                <div class="items-middle">
                                    <div class="am-fl icon">
                                        <i class="{{$v.icon}}"></i>
                                    </div>
                                    <p class="name">{{$v.name}}</p>
                                    <p class="desc">{{$v.desc}}</p>
                                </div>
                            </div>
                        {{/foreach}}
                    </div>

                    <!-- 步骤 -->
                    {{include file="orderaftersale/step" /}}

                    <!-- 表单 -->
                    <div class="am-panel am-panel-default aftersale-form-panel none">
                        <div class="am-panel-bd">
                            {{include file="orderaftersale/create" /}}
                        </div>
                    </div>
                {{else /}}
                    <!-- 步骤 -->
                    {{include file="orderaftersale/step" /}}

                    <!-- 状态环节 -->
                    {{switch $new_aftersale_data.status}}
                        {{case 0}}
                            <div class="am-alert">
                                当前订单商品售后已提交申请，等待管理员确认中！<a href="{{:MyUrl('index/orderaftersale/index', ['keywords'=>$new_aftersale_data['order_no']])}}">详情查看</a>
                            </div>
                        {{/case}}

                        {{case 1}}
                            {{if $new_aftersale_data['type'] eq 1}}
                                <div class="am-panel am-panel-default aftersale-form-panel">
                                    <div class="am-panel-bd">
                                        {{include file="orderaftersale/delivery" /}}
                                    </div>
                                </div>
                            {{else /}}
                                <div class="am-alert">
                                    当前订单商品售后已提交申请，等待管理员确认中！<a href="{{:MyUrl('index/orderaftersale/index', ['keywords'=>$new_aftersale_data['order_no']])}}">详情查看</a>
                                </div>
                            {{/if}}
                        {{/case}}

                        {{case 2}}
                            <div class="am-alert">
                                当前订单商品售后已退货，等待管理员审核中！<a href="{{:MyUrl('index/orderaftersale/index', ['keywords'=>$new_aftersale_data['order_no']])}}">详情查看</a>
                            </div>
                        {{/case}}

                        {{case 3}}
                            <div class="am-alert am-alert-success">
                                当前订单商品售后已处理结束！<a href="{{:MyUrl('index/orderaftersale/index', ['keywords'=>$new_aftersale_data['order_no']])}}">详情查看</a>
                            </div>
                        {{/case}}
                    {{/switch}}
                {{/if}}

                <!-- 详情 -->
                {{if !empty($new_aftersale_data)}}
                    <div class="detail">
                        <div class="am-u-md-6 apply-container">
                            <div class="am-panel am-panel-default">
                                <div class="am-panel-hd">申请信息</div>
                                <div class="am-panel-bd">
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退款类型：</span>
                                        <span>{{$new_aftersale_data.type_text}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>当前状态：</span>
                                        <span>{{$new_aftersale_data.status_text}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>申请原因：</span>
                                        <span>{{$new_aftersale_data.reason}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退货数量：</span>
                                        <span>{{$new_aftersale_data.number}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退款金额：</span>
                                        <span class="am-text-warning">￥{{$new_aftersale_data.price}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退款说明：</span>
                                        <span>{{$new_aftersale_data.msg}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退款方式：</span>
                                        <span>{{$new_aftersale_data.refundment_text}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>拒绝原因：</span>
                                        <span>{{$new_aftersale_data.refuse_reason}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>申请时间：</span>
                                        <span>{{$new_aftersale_data.apply_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>确认时间：</span>
                                        <span>{{$new_aftersale_data.confirm_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>退货时间：</span>
                                        <span>{{$new_aftersale_data.delivery_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>审核时间：</span>
                                        <span>{{$new_aftersale_data.audit_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>取消时间：</span>
                                        <span>{{$new_aftersale_data.cancel_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>添加时间：</span>
                                        <span>{{$new_aftersale_data.add_time_time}}</span>
                                    </div>
                                    <div class="am-cf am-padding-vertical-xs">
                                        <span>更新时间：</span>
                                        <span>{{$new_aftersale_data.upd_time_time}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="am-u-md-6 express-container">
                            <div class="am-panel am-panel-default">
                                <div class="am-panel-hd">快递信息</div>
                                <div class="am-panel-bd">
                                    {{if $new_aftersale_data['type'] eq 1 and in_array($new_aftersale_data['status'], [2,3])}}
                                        <div class="am-cf am-padding-vertical-xs">
                                            <span>快递：</span>
                                            <span>{{$new_aftersale_data.express_name}}</span>
                                        </div>
                                        <div class="am-cf am-padding-vertical-xs">
                                            <span>单号：</span>
                                            <span>{{$new_aftersale_data.express_number}}</span>
                                        </div>
                                        <div class="am-cf am-padding-vertical-xs">
                                            <span>时间：</span>
                                            <span>{{$new_aftersale_data.delivery_time_time}}</span>
                                        </div>
                                    {{else /}}
                                        <span>无数据</span>
                                    {{/if}}
                                </div>
                            </div>
                        </div>
                        <div class="am-u-md-6 voucher-container">
                            <div class="am-panel am-panel-default">
                                <div class="am-panel-hd">凭证</div>
                                <div class="am-panel-bd">
                                    {{if !empty($new_aftersale_data['images'])}}
                                        {{foreach $new_aftersale_data.images as $img}}
                                            <a href="{{$img}}" target="_blank">
                                                <img src="{{$img}}" class="am-img-thumbnail am-block" width="80" height="80" />
                                            </a>
                                        {{/foreach}}
                                    {{else /}}
                                        <span>无数据</span>
                                    {{/if}}
                                </div>
                            </div>
                        </div>
                    </div>
                {{/if}}
            {{/if}}
        </div>
    </div>
    <!-- content end -->
</div>

<!-- footer start -->
{{include file="public/footer" /}}
<!-- footer end -->