{extend name="$member_base" /}
{block name="right_main"}
<link type="text/css" rel="stylesheet" href="WEB_CSS/member_refund_detail.css" />
{php}
	$refund_detail = api("System.Order.refundDetail", ["order_goods_id"=>$order_goods_id]);
	$detail = $refund_detail['data']['refund_detail'];
	$refund_money = $refund_detail['data']['total_refund_money'];
	$freight = $refund_detail['data']['freight'];
	$shop_info = api("System.Shop.shopOrderReturnSet");
	$shop_info = $shop_info['data'];
{/php}
<div class="nc-main-right">
	<div class="refund-top">
		<div class="refund-step">
			<div class="step-spot">
				<i class="fa fa-building fa-2x ns-text-color"></i>
				<ul class="ns-text-color">
					<li>{:lang('member_buyers_apply_for_refund')}</li>
				</ul>
			</div>
			<div class="step">
				<div class="step-line">
					<div class="step-line-dotted ns-border-color step-line-dotted-left"></div>
					<div class="step-line-center ns-border-color"></div>
					<div class="step-line-dotted ns-border-color step-line-dotted-right"></div>
				</div>
			</div>
			<div class="step-spot">
				<i class="fa fa-credit-card-alt fa-2x {if $detail.refund_status >= 1 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-text-color{else/}ns-text-color-gray{/if}"></i>
				<ul class="{if $detail.refund_status >= 1 || $detail.refund_status == -1 || $DETAIL.REFUND_STATUS == -2}ns-text-color{else/}ns-text-color-gray{/if}">
					<li>{:lang('member_merchant_processing_refund_request')}</li>
				</ul>
			</div>
			<div class="step">
				<div class="step-line">
					<div class="step-line-dotted {if $detail.refund_status == 5 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-border-color{else/}ns-border-color-gray-shade-20{/if} step-line-dotted-left"></div>
					<div class="step-line-center {if $detail.refund_status == 5 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-border-color{else/}ns-border-color-gray-shade-20{/if}"></div>
					<div class="step-line-dotted {if $detail.refund_status == 5 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-border-color{else/}ns-border-color-gray-shade-20{/if} step-line-dotted-right"></div>
				</div>
			</div>
			<div class="step-spot">
				<i class="fa fa-credit-card-alt fa-2x {if $detail.refund_status == 5 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-text-color{else/}ns-text-color-gray{/if}"></i>
				<ul class="{if $detail.refund_status == 5 || $detail.refund_status == -1 || $detail.refund_status == -2}ns-text-color{else/}ns-text-color-gray{/if}">
					<li>{:lang('member_refund_completed')}</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="alert ns-bg-color-fadeout-90 ns-text-color">
		<p>{:lang('member_operation_prompt')}：</p>
		<p>1. {:lang('member_cancel_and_agree')}<em>“{:lang('member_order_refund')}”</em>{:lang('member_content_and_submit')}。</p>
		<p>2. {:lang('member_successful_and_refund')}<em>“{:lang('member_pre_deposit')}”</em>{:lang('return_balance_account')}。</p>
	</div>
	
	<!-- 提交退款申请 -->
	{if $detail.refund_status eq 0}
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{:lang('member_apply_or_complain')}。</strong>
			</div>
			<div class="panel-body">
				<form class="form-horizontal">
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_treatment_mode')}</label>
						<div class="col-sm-3">
							<select class="form-control" id="refund_require">
								<option value="1">{:lang('member_refund_goods')}</option>
								{if  $detail['shipping_status'] != 0 && $detail['shipping_status'] != 3 && $detail["is_virtual"] == 0}
								<option value="2">{:lang('member_refund_goods_and_money')}</option>
								{/if}
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_reason" class="col-sm-2">{:lang('member_refund_reason')}</label>
						<div class="col-sm-3">
							<select class="form-control" id="refund_reason">
								<option value="{:lang('member_buyer_and_seller_agrees')}">{:lang('member_buyer_and_seller_agrees')}</option>
								<option value="{:lang('member_wrong_and_no_want')}">{:lang('member_wrong_and_no_want')}</option>
								<option value="{:lang('member_commodity_quality_problems')}">{:lang('member_commodity_quality_problems')}</option>
								<option value="{:lang('member_goods_not_received')}">{:lang('member_goods_not_received')}</option>
								<option value="{:lang('member_other')}">{:lang('member_other')}</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_money" class="col-sm-2">{:lang("member_refund_amount")}</label>
						{if $refund_money > 0}
						<div class="col-sm-3">
							<input type="number" class="form-control" id="refund_money" placeholder="{:lang('member_please_enter_refund_amount')}" min="0">
						</div>
						{/if}
						<div class="col-sm-3">
							<p class="form-control-static">
								{if $refund_money > 0}
									<span>最多可退<strong class="ns-text-color">{$refund_money}</strong>元 </span>
								{/if}
								{if $freight > 0} 含运费{$freight}元 {/if}
							</p>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_reason" class="col-sm-2">备注</label>
						<div class="col-sm-5">
							<textarea id="refund_reason" class="form-control" rows="5" placeholder="最多可填写200个字" maxlength="200"></textarea>
						</div>
					</div>
				</form>
				<div class="form-group refund-form-bottom">
					<div class="col-sm-10">
						<a href="javascript:submitApply();" class="save-btn ns-bg-color">{:lang("member_submit")}</a>
						<a href="{:__URL('SHOP_MAIN/member/order')}" class="back-btn">{:lang("member_cancel_and_return")}</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq 1}
	<!-- 已提交申请 等待审核 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{:lang('member_apply_or_complain')}。</strong>
			</div>
			<div class="panel-body">
				<form class="form-horizontal">
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_treatment_mode')}</label>
						<div class="col-sm-3">
							{if condition="$detail['refund_type'] eq 1"}
								<p class="text">{:lang('member_refund_goods')}</p>
							{elseif condition="$detail['refund_type'] eq 2" /}
								<p class="text">{:lang('member_refund_goods_and_money')}</p>
							{/if}
						</div>
					</div>
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_refund_reason')}</label>
						<div class="col-sm-3">
							<p class="text">{$detail['refund_reason']}</p>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_refund_amount')}</label>
						<div class="col-sm-3">
							<p class="text">
								<span>{$detail['refund_require_money']} {:lang('element')}</span>
							</p>
						</div>
					</div>
					<p class="back-list">
						<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
					</p>
				</form>
			</div>
		</div>
	</div>
	{elseif condition="$detail.refund_status eq 2" /}
	<!-- 等待买家退货 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<form class="form-horizontal">
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_return_address')}</label>
						<div class="col-sm-6">
							<p class="text">
								{if condition="$shop_info.shop_address neq ''"}
									{$shop_info.shop_address}&nbsp;&nbsp;{$shop_info.seller_name}&nbsp;&nbsp;{$shop_info.seller_mobile}&nbsp;&nbsp;{$shop_info.seller_zipcode}
								{else /}
									{:lang('member_no_delivery_address_yet')}
								{/if}
							</p>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_logistics_company')}</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="express_company" min="0">
						</div>
					</div>
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_waybill_number')}</label>
						<div class="col-sm-3">
							<input type="text" class="form-control" id="shipping_no" min="0">
						</div>
					</div>
				</form>
				<div class="form-group refund-form-bottom">
					<div class="col-sm-10">
						{if condition="$shop_info.shop_address neq ''"}
						<a href="javascript:expressSave();" class="save-btn ns-bg-color">{:lang("member_submit")}</a>
						{else/}
						<a href="javascript:;" class="save-btn ns-bg-color disabled">{:lang("member_submit")}</a>
						{/if}
						<a href="{:__URL('SHOP_MAIN/member/order')}" class="back-btn">{:lang("member_cancel_and_return")}</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq 3}
	<!-- 等待商家收货 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<h3 class="refund-status-desc">{:lang('member_waiting_for_merchant')}</h3>
				<div class="back-list">
					<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq 4}
	<!-- 卖家同意退款 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<h3 class="refund-status-desc">{:lang('member_successfully_applied_for_refund')}</h3>
				<div class="back-list">
					<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq 5}
	<!-- 卖家已退款 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<h3 class="refund-status-desc">{:lang('member_refund_successful')}（{$detail.refund_time | getTimeStampTurnTime}）</h3>
				{if $detail.refund_real_money > 0}
					<p class="refund-result"><strong class="ns-text-color">{$detail.refund_real_money}</strong>{:lang('element')}通过{$detail.refund_type_name}已退还</p>
				{/if}
				{if $detail.refund_balance_money > 0}
					<p class="refund-result"><strong class="ns-text-color">{$detail.refund_balance_money}</strong>{:lang('element')}已退还到余额</p>
				{/if}
				<div class="back-list">
					<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq -1}
	<!-- 卖家拒绝本次退款 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<h3 class="refund-status-desc">{:lang('member_seller_rejects')}</h3>
				<div class="back-list">
					<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq -2}
	<!-- 买家主动关闭退款 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>{$detail.status_name}</strong>
			</div>
			<div class="panel-body">
				<h3 class="refund-status-desc">{:lang('member_refund_closed')}</h3>
				<div class="back-list">
					<a href="{:__URL('SHOP_MAIN/member/order')}">返回列表&nbsp;&gt;&gt;</a>
				</div>
			</div>
		</div>
	</div>
	{elseif $detail.refund_status eq -3}
	<!-- 退款申请被拒绝 -->
	<div class="refund-box">
		<div class="panel">
			<div class="panel-heading">
				<strong>上次申请被拒绝，可重新提交申请</strong>
			</div>
			<div class="panel-body">
				<form class="form-horizontal">
					<div class="form-group">
						<label for="refund_require" class="col-sm-2">{:lang('member_treatment_mode')}</label>
						<div class="col-sm-3">
							<select class="form-control" id="refund_require">
								<option value="1">{:lang('member_refund_goods')}</option>
								{if  $detail['shipping_status'] != 0 && $detail['shipping_status'] != 3 && $detail["is_virtual"] == 0}
									<option value="2">{:lang('member_refund_goods_and_money')}</option>
								{/if}
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_reason" class="col-sm-2">{:lang('member_refund_reason')}</label>
						<div class="col-sm-3">
							<select class="form-control" id="refund_reason">
								<option value="{:lang('member_buyer_and_seller_agrees')}">{:lang('member_buyer_and_seller_agrees')}</option>
								<option value="{:lang('member_wrong_and_no_want')}">{:lang('member_wrong_and_no_want')}</option>
								<option value="{:lang('member_commodity_quality_problems')}">{:lang('member_commodity_quality_problems')}</option>
								<option value="{:lang('member_goods_not_received')}">{:lang('member_goods_not_received')}</option>
								<option value="{:lang('member_other')}">{:lang('member_other')}</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_money" class="col-sm-2">{:lang("member_refund_amount")}</label>
						{if $refund_money > 0}
						<div class="col-sm-3">
							<input type="number" class="form-control" id="refund_money" placeholder="{:lang('member_please_enter_refund_amount')}" min="0">
						</div>
						{/if}
						<div class="col-sm-3">
							<p class="form-control-static">
								{if $refund_money > 0}
									<span>最多可退<strong class="ns-text-color">{$refund_money}</strong>元 </span>
								{/if}
								{if $freight > 0} 含运费{$freight}元 {/if}
							</p>
						</div>
					</div>
					<div class="form-group">
						<label for="refund_reason" class="col-sm-2">备注</label>
						<div class="col-sm-5">
							<textarea id="refund_reason" class="form-control" rows="5" placeholder="最多可填写200个字" maxlength="200"></textarea>
						</div>
					</div>
				</form>
				<div class="form-group refund-form-bottom">
					<div class="col-sm-10">
						<a href="javascript:submitApply();" class="save-btn ns-bg-color">{:lang("member_submit")}</a>
						<a href="{:__URL('SHOP_MAIN/member/order')}" class="back-btn">{:lang("member_cancel_and_return")}</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	{/if}
</div>
<input type="hidden" id="max_refund_money" value="{$refund_money}">
{/block}
{block name="script"}
<script>
var order_id = {$detail.order_id};
var order_goods_id ={$detail.order_goods_id};
</script>
<script type="text/javascript" src="WEB_JS/member_refund_detail.js"></script>
{/block}