{include file="public/mall_top" /}
<link rel="stylesheet" href="{$Think.config.url_domain_root}static/home/css/home_cart.css">
<div class="dsc-header">
    <div class="logo">
        <a href="{$Think.config.url_domain_root}index.php"><img src="{$Think.config.url_attach_common}/{$Think.config.site_logo}"/></a>
    </div>
</div>
<div class="dsc-main">
 <div class="dsc-title">
    <h3>购买兑换码</h3>
    <h5>设置购买数量</h5>
 </div>
  <form action="{:url('buyvirtual/buy_step2')}" method="POST" id="form_buy" name="form_buy">
  <input type="hidden" name="goods_id" value="{$goods_info.goods_id}">
    <table class="dsc-table-style" nc_type="table_cart">
      <thead>
        <tr>
          <th colspan="3">商品</th>
          <th class="w120">单价({$Think.lang.currency_zh})</th>
          <th class="w120">数量</th>
          <th class="w120">小计({$Think.lang.currency_zh})</th>
          <th class="w80">操作</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <th colspan="20"><i class="icon-home"></i><a href="{:url('store/index',['store_id'=>$store_info.store_id])}">{$store_info.store_name}</a> <span member_id="{$store_info.member_id}"></span>
          </th>
        </tr>

        <tr class="shop-list">
          <td class="w10"></td>
          <td class="w60"><a href="{:url('goods/index',['goods_id'=>$goods_info.goods_id])}" target="_blank" class="dsc-goods-thumb"><img src="{:thumb($goods_info)}" alt="{$goods_info.goods_name}" /></a></td>
          <td class="tl"><dl class="dsc-goods-info">
              <dt><a href="{:url('goods/index',['goods_id'=>$goods_info.goods_id])}" target="_blank">
                {$goods_info.goods_name}
                </a></dt>
              <dd>
                {present name="goods_info.ifgroupbuy"}
                <span class="groupbuy">抢购</span>
                {/present}
                最多允许购买{$goods_info.virtual_limit}个</dd>
            </dl></td>
          <td class="w120"><em id="item_price">{$goods_info.goods_price}</em></td>
          <td class="w120 ws0"><a href="JavaScript:void(0);" onclick="decrease_quantity();" class="add-substract-key ">-</a>
            <input id="quantity" name="quantity" value="{$goods_info.quantity}" maxvalue="{$goods_info.virtual_limit}" price="{$goods_info.goods_price}" onkeyup="change_quantity(this);" type="text" class="text w20"/>
            <a href="JavaScript:void(0);" title="最多允许购买{$goods_info.virtual_limit}个" onclick="add_quantity();" class="add-substract-key tip" >+</a></td>
          <td class="w120"><em id="item_subtotal">{$goods_info.goods_total}</em></td>
          <td class="w80">
            <a href="javascript:void(0)" onclick="collect_goods('{$goods_info.goods_id}');">收藏</a>
          </td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td colspan="20"><div class="dsc-all-account">商品总价￥<em id="cartTotal">{$goods_info.goods_total}</em>元</div></td>
        </tr>
      </tfoot>
    </table>
  </form>
  <div class="dsc-bottom"><a id="next_submit" href="javascript:void(0)" class="dsc-btn dsc-btn-acidblue fr">下一步</a></div>

</div>
<script>
$(document).ready(function(){
    $('#next_submit').on('click',function(){
        $('#form_buy').submit();
    });
});
/**
 * 更改数量
 */
function change_quantity(input){
    var value = Number($(input).val());
    var maxvalue = Number($(input).attr('maxvalue'));
    if (value > maxvalue) {
        $(input).val($(input).attr('maxvalue'));
    }else if (value <= 0) {
        $(input).val(1);
    }

    calc_price();
}

/**
 * 减少商品数量
 */
function decrease_quantity(){
    var input = $('#quantity');
    var orig = Number(input.val());
    if(orig > 1){
        input.val(orig - 1);
        input.keyup();
    }
    calc_price();
}

/**
 * 增加商品数量
 */
function add_quantity(){
    var input = $('#quantity');
    var orig = Number(input.val());
    input.val(orig + 1);
    input.keyup();
    calc_price();
}

/**
 * 价格计算
 */
function calc_price() {
    var input = $('#quantity');
    var total = $(input).val()*$(input).attr('price');
    $('#item_subtotal').html(number_format(total,2));
    $('#cartTotal').html(number_format(total,2));
}
</script>


{include file="public/mall_footer" /}