{include file="default/base/mall_top" /} 

<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/home_cart.css">
<script src="{$Think.PLUGINS_SITE_ROOT}/mlselection.js"></script>
<div class="dsc-header">
    <div class="logo">
        <a href="{$Think.HOME_SITE_URL}"><img src="{:ds_get_pic(ATTACH_COMMON,$Think.config.ds_config.site_logo)}"/></a>
    </div>
    <ul class="dsc-flow">
        <li class=""><i class="iconfont">&#xe69a;</i>
            <p>{$Think.lang.cart_index_ensure_order}</p>
            <sub></sub>
            <div class="hr"></div>
        </li>
        <li class=""><i class="iconfont">&#xe731;</i>
            <p>{$Think.lang.cart_index_ensure_info}</p>
            <sub></sub>
            <div class="hr"></div>
        </li>
        <li class="current"><i class="iconfont">&#xe64f;</i>
            <p>{$Think.lang.cart_index_payment}</p>
            <sub></sub>
            <div class="hr"></div>
        </li>
        <li class=""><i class="iconfont">&#xe67e;</i>
            <p>{$Think.lang.cart_index_buy_finish}</p>
            <sub></sub>
            <div class="hr"></div>
        </li>
    </ul>
</div>
<div class="dsc-line"></div>
<div class="dsc-main">
  <div class="dsc-title">
    <h3>{$Think.lang.cart_index_payment}</h3>
    <h5>开店详情可以通过<a href="{:url('Sellerjoinin/index')}" target="_blank">查看入驻进度 </a>{$Think.lang.view_order_details}</h5>
  </div>
  <form action="{:url('Payment/sj_order')}" method="POST" id="buy_form">
    <input type="hidden" id="payment_code" name="payment_code" value="">
    <div class="dsc-receipt-info">
    <div>店铺名称 : {$store_name}</div>
      <div class="dsc-receipt-info-title">
        <h3>您已申请店铺入驻，请立即在线支付！
          {$Think.lang.online_payment_amount}：<strong>￥{$pay_amount_online}</strong> </h3>
      </div>
    </div>
      <!-- S 预存款 & 充值卡 -->
      {if $pay_amount_online>0 && (!empty($available_pd_amount) || !empty($available_rcb_amount))}
      <div id="pd_panel">
          <div class="pd-account" colspan="6"><div class="dsc-pd-account">
                  {notempty name="available_rcb_amount"}
                  <div class="mt5 mb5">
                      <label>
                          <input type="checkbox" class="vm mr5" value="1" name="rcb_pay">
                          {$Think.lang.use_top_up_cards}：<em>{$available_rcb_amount}</em>{$Think.lang.ds_yuan}
                      </label>
                  </div>
                  {/notempty}
                  {notempty name="available_pd_amount"}
                  <div class="mt5 mb5">
                      <label>
                          <input type="checkbox" class="vm mr5" value="1" name="pd_pay">
                          {$Think.lang.pre_deposit}：<em>{$available_pd_amount}</em>{$Think.lang.ds_yuan}）</label>
                  </div>
                  {/notempty}
                  {if !empty($available_pd_amount) && !empty($available_rcb_amount)}
                  <div class="mt5 mb5">{$Think.lang.system_priority}&nbsp;&nbsp;</div>
                  {/if}
                  <div id="pd_password" style="display: none">{$Think.lang.pay_the_password}（{$Think.lang.pay_the_password_tips}）：
                      <input type="password" class="text w120" value="" name="password" id="pay-password" maxlength="35" autocomplete="off">
                      <input type="hidden" value="" name="password_callback" id="password_callback">
                      <a class="dsc-btn-mini dsc-btn-orange" id="pd_pay_submit" href="javascript:void(0)">{$Think.lang.use}</a>
                      {if !$member_paypwd}
                      {$Think.lang.no_payment_password_set}，<a href="{:url('Membersecurity/auth',['type'=>'modify_paypwd'])}" target="_blank">{$Think.lang.set_up_immediately}</a>
                      {/if}
                  </div>
              </div>
          </div>
      </div>
      {/if}
      <!-- E 预存款 -->
    <div class="dsc-receipt-info">
      {notempty name="payment_list"}
      <div class="dsc-receipt-info-title">
        <h3>{$Think.lang.choose_online_payment}</h3>
      </div>
      <ul class="dsc-payment-list">
        {foreach name="payment_list" item="val"}
        {if $val.payment_code=='allinpay'}
          {php}$sub_payment_list=array('W01','A01','Q01','U01');{/php}
          <input type="hidden" id="{$val.payment_code}_sub_payment_code" name="paytype" value="">
          {else}
          {php}$sub_payment_list=array('');{/php}
          {/if}
        {foreach name="sub_payment_list" item="sub"}  
        <li payment_code="{$val.payment_code}" sub_payment_code="{$sub}">
          <label for="pay_{$val.payment_code}">
          <i></i>
          <div class="logo" for="pay_{$val.payment_code}"> <img src="{$Think.HOME_SITE_ROOT}/images/payment/{$val.payment_code}{notempty name='sub'}_{$sub}{/notempty}_logo.gif" /> </div>
          </label>
        </li>
				{/foreach}
        {/foreach}
      </ul>
      {else /}
      {if $pay_amount_online>0}
      <div class="nopay">{$Think.lang.satisfy_condition_means_payment}</div>
      {/if}
      {/notempty}
    </div>
    {if $pay_amount_online > 0}
    <div class="dsc-bottom tc mb50"><a href="javascript:void(0);" id="next_button" class="dsc-btn dsc-btn-green"><i class="iconfont">&#xe6f0;</i>{$Think.lang.confirm_submit_payment}</a></div>
    {/if}
  </form>
</div>
<script type="text/javascript">
$(function(){
    var ifSubmit=false
    $('.dsc-payment-list > li').on('click',function(){
    	$('.dsc-payment-list > li').removeClass('using');
        $(this).addClass('using');
        $('#payment_code').val($(this).attr('payment_code'));
        if($(this).attr('sub_payment_code')!=''){
            $('#'+$(this).attr('payment_code')+'_sub_payment_code').val($(this).attr('sub_payment_code'));
        }
    });
    $('.dsc-payment-list > li:eq(0)').click()
    $('#next_button').on('click',function(){
        if ($('#payment_code').val() == '') {
            layer.alert('{$Think.lang.cart_step2_choose_pay_method}');return false;
        }
        if (($('input[name="pd_pay"]').prop('checked') || $('input[name="rcb_pay"]').prop('checked')) && $('#password_callback').val()==''){
            ifSubmit=true
            $('#pd_pay_submit').click()
            return false;
        }
        $('#buy_form').submit();
    });
    
    {if !empty($available_pd_amount) || !empty($available_rcb_amount)}
    function showPaySubmit() {
        if ($('input[name="pd_pay"]').prop('checked') || $('input[name="rcb_pay"]').prop('checked')) {
        	$('#pay-password').val('');
        	$('#password_callback').val('');
        	$('#pd_password').show();
        } else {
        	$('#pd_password').hide();
        }
    }

    $('#pd_pay_submit').on('click',function(){
        if ($('#pay-password').val() == '') {
            ifSubmit=false
            layer.alert('{$Think.lang.enter_payment_password}');return;
        }
        $('#password_callback').val('');
        var url = HOMESITEURL+'/Buy/check_pd_pwd.html'
	   $.post(url, {'password':$('#pay-password').val()}, function(data){
            if (data == '1') {
            	$('#password_callback').val('1');
            	$('#pd_password').hide();
                if(ifSubmit){
                    $('#buy_form').submit();
                }
            } else {
                ifSubmit=false
            	$('#pay-password').val('');
                layer.alert('{$Think.lang.payment_password_error}');return;
            }
        });
    });
    {/if}

    {if !empty($available_rcb_amount)}
    $('input[name="rcb_pay"]').on('change',function(){
    	showPaySubmit();
    	if ($(this).prop('checked') && !$('input[name="pd_pay"]').prop('checked')) {
        	if ({$available_rcb_amount} >= parseFloat($('#orderTotal').html())) {
            	$('input[name="pd_pay"]').prop('checked',false).prop('disabled',true);
        	}
    	} else {
    		$('input[name="pd_pay"]').prop('disabled',false);
    	}
    });
    {/if}

    {if !empty($available_pd_amount)}
    $('input[name="pd_pay"]').on('change',function(){
    	showPaySubmit();
    	if ($(this).prop('checked') && !$('input[name="rcb_pay"]').prop('checked')) {
        	if ({$available_pd_amount} >= parseFloat($('#orderTotal').html())) {
            	$('input[name="rcb_pay"]').prop('checked',false).prop('disabled',true);
        	}
    	} else {
    		$('input[name="rcb_pay"]').prop('disabled',false);
    	}    	
    });
    {/if}
});
</script>


<style>
    .pd-account { background-color: #FFAA01; padding: 2px;}

</style>

{include file="default/base/mall_footer" /}