{php $bootstrap_type = 3;}
{template 'header'}
{template 'common'}
<link type="text/css" rel="stylesheet" href="./source/modules/shopping/images/style.css">
<script type="text/javascript" src="./source/modules/shopping/images/jquery.gcjs.js"></script>
<script type='text/javascript' src='./source/modules/shopping/images/touchslider.min.js'></script>
<script language='javascript' src='./source/modules/shopping/images/photoswipe/simple-inheritance.min.js'></script>
<script language='javascript' src='./source/modules/shopping/images/photoswipe/photoswipe-1.0.11.min.js'></script>
<link href="./source/modules/shopping/images/photoswipe/photoswipe.css" rel="stylesheet" />
 

<div class="head">
	<a href="javascript:history.back();" class="bn pull-left"><i class="icon-angle-left"></i></a>
	<span class="title">商品详情</span>
        <a href="{php echo $this->createMobileUrl('list')}" class="bn pull-right" style="margin-right:30px;"><i class="icon-home"></i></a>
	<a href="{php echo $this->createMobileUrl('mycart')}" class="bn pull-right"><i class="icon-shopping-cart"></i><span class="buy-num img-circle" id="carttotal">{$carttotal}</span></a>
</div> 
                   
<div class="detail-main" style='margin-bottom:65px;'>

	<div class="detail-img">
            
              <div id="banner_box" class="box_swipe">
	<ul style="background:#FFF;">
            {loop $piclist $row}
			<li style="text-align:center;">
			<a href="{$_W['attachurl']}{$row['attachment']}" rel='{$_W['attachurl']}{$row['attachment']}'><img src="{$_W['attachurl']}{$row['attachment']}" alt="" height="200px"/>
			</a>
		</li>
                {/loop}
		</ul>
	<ol>
	   {loop $piclist $row}
				<li class="on"></li>
                                {/loop}
				</ol>
</div>
            <script>
var proimg_count = {php echo count($piclist)};
$(function() {
	new Swipe($('#banner_box')[0], {
		speed:500,
		auto:3000,
		callback: function(){
			var lis = $(this.element).next("ol").children();
			lis.removeClass("on").eq(this.index).addClass("on");
		}
	});
        
         if (proimg_count > 0) {
            (function(window, $, PhotoSwipe) {
                $('#banner_box ul li a[rel]').photoSwipe({});
            }(window, window.jQuery, window.Code.PhotoSwipe));
 
        }
        
});
</script>

		
	</div>
	<div class="detail-div img-rounded">
		<div class="detail-group text-center" style="line-height:20px;font-weight:bold;">{$goods['title']}</div>
		<div class="detail-group" style='margin-top:10px;'><span class="col-xs-8" style="width:100%;">
                    {if $marketprice==$productprice}
			 
			
				现价 : ¥ <span id='marketprice' class="text-danger" style="font-size:18px; font-weight:bold;">{$marketprice}</span> {if !empty($goods['unit'])}/ {$goods['unit']}{/if}
			 
                        {else}
                     
			 
                        现价 : ¥ <span class="text-danger" id='marketprice'  style="font-size:18px; font-weight:bold;">{$marketprice}</span> <span id='productpricecontainer' style='{if $productprice<=0}display:none{/if}'>原价: <del style="font-size:16px; ">¥  <span id='productprice'>{$productprice}</span></del></span> {if !empty($goods['unit'])}/ {$goods['unit']}{/if}
			
                        {/if}
                        </span>
		</div>
               
      
                <div class='detail-group' style="margin-top:10px;">
                     
                            <span style="float:left;margin-left:15px;">数量 :</span>
                    <div class="input-group" style="width:100px;float:left;margin-left:8px;">
				<span class="input-group-btn">
					<button class="btn btn-default btn-sm" type="button" onclick="reduceNum()"><i class="icon-minus"></i></button>
				</span>
				<input type="tel" class="form-control input-sm pricetotal goodsnum" style="border-left:0;width:50px;text-align:center" value="1" id="total"  />
				<span class="input-group-btn">
					<button class="btn btn-default btn-sm" type="button" onclick="addNum()"><i class="icon-plus"></i></button>
				</span>
			</div> 
                            {if $stock!=-1}
                            <span id='stockcontainer' style="float:left;margin-left:5px;">( 剩余 <span id='stock'>{$stock}</span> )</span>
                            {else}
                            <span id='stockcontainer' style="float:left;margin-left:5px;"><span id='stock'></span></span>
                            {/if}
                </div>
                
                 {loop $specs $spec}
                  <input type='hidden' name="optionid[]" class='optionid optionid_{$spec['id']}' value="" title="{$spec['title']}">
                  <div id='option_group' class='detail-group' style="margin-top:10px;">
                      
                       <div class="detail-group">
			 
	 <span style='float:left;margin-left:15px;padding:0'>{$spec['title']} :</span>
                        <span style="float:left;margin-left:8px;" class='options options_{$spec['id']}' specid='{$spec['id']}'>
                          
                          {loop $spec['items'] $o}
                          
                                  {if empty($o['thumb'])}
                                     <span class="property option option_{$spec['id']}" specid='{$spec['id']}' oid="{$o['id']}"  sel='false'>{$o['title']}</span>
                                        {else}
                                       <span class="propertyimg optionimg option_img_{$spec['id']} " oid="{$o['id']}" specid='{$spec['id']}' sel='false'><img src="{php echo $_W['attachurl'].$o['thumb']}" width='50' height='70' /></span>
                                  {/if}
                               
                            {/loop} 
                        </span>
    </div>
                </div>
      {/loop}
        
        
	</div>
    {if count($params)>0}
    <div class="detail-div img-rounded other-detail">
      {loop $params $p}
      <div class="detail-group">
			<span class="col-xs-4">{$p['title']}</span>
			<span class="col-xs-8">{$p['value']}</span>
    </div>
      {/loop}
    </div>
    {/if}
    
	 
	<div class="detail-div img-rounded detail-content" style="word-break:break-all">
		{$goods['content']}
	</div>

    <div style="position:fixed; bottom:0; left:0; width:100%; text-align:center; background:#E9E9E9; padding:10px 2%;">
		{if $goods['status']!=1 || $goods['deleted']==1}
			<a href="javascript:void(0)" class="btn btn-default col-xs-12"  style="width:100%;">此商品已下架</a>
		{else}
			<input type="hidden"  id="optionid" name="optionid" value="" />
			<a href="javascript:void(0)" onclick='addtocart()' class="btn btn-danger col-xs-12" style="width:45%;"><i class="icon-plus"></i> 添加到购物车</a>
			<a href="javascript:void(0)" onclick='buy()' class="btn btn-success col-xs-12"  style="float:right; width:45%;">立即购买</a>
		{/if}
    </div>
</div>

<script>
    var options={php echo json_encode($options)};
    var specs={php echo json_encode($specs)};
    var hasoption = {php echo $goods['hasoption']=='1'?'true':'false'};
    
    $(function() {
         $('.other-detail .detail-group:last').css("border-bottom", "0");
        
        if (proimg_count > 0) {
            (function(window, $, PhotoSwipe) {
                $('.touchslider-viewport .list a[rel]').photoSwipe({});
            }(window, window.jQuery, window.Code.PhotoSwipe));

            $('.touchslider').touchSlider({
                mouseTouch: true,
                autoplay: true,
                delay: 2000
            });
        }
         $(".option,.optionimg").click(function() {
             var specid = $(this).attr("specid");
             var oid = $(this).attr("oid");
            $(".optionid_"+specid).val(oid);
            $(".options_" + specid + "  span").removeClass("current").attr("sel", "false");
            $(this).addClass("current").attr("sel", "true");
            var optionid = "";
            var stock =0;
            var marketprice = 0;
            var productprice = 0;
             var ret = option_selected();
  
            if(ret.no==''){
                var len = options.length;
                for(var i=0;i<len;i++) {
                    var o = options[i];
                  
                    var ids = ret.all.join("_");
                   
                    if( o.specs==ids){
                        optionid = o.id;
                        stock = o.stock;
                        marketprice = o.marketprice;
                        productprice = o.productprice;
                        break;
                    }
                    
                }
               $("#optionid").val(optionid); 
               
                if(stock!="-1"){
                     $("#stockcontainer").html("( 剩余 <span id='stock'>" + stock + "</span> )");
                }
                else{
                    $("#stockcontainer").html("<span id='stock'></span>");
                }
                $("#marketprice").html(marketprice);
                
                 
                $("#productprice").html(productprice);
                if(productprice<=0){
                    $("#productpricecontainer").hide();
                }
                else{
                    $("#productpricecontainer").show();
                }
            }
        });
        
        $("#total").blur(function(){
            
              var total = $("#total");
                if(!total.isInt()){
                    total.val("1");
                }
                 var stock = $("#stock").html()==''?-1:parseInt($("#stock").html());
                var mb = maxbuy;
                if(mb>stock && stock!=-1){
                    mb = stock;
                }
                var num = parseInt(total.val() );
                if(num>mb && mb>0){
                    tip("您最多可购买 " + mb + " 件!",true);
                    total.val(mb);
                }
        })
        
});
var maxbuy = {php echo empty($goods['maxbuy'])?"0":$goods['maxbuy']};
function addNum(){
    var total = $("#total");
    if(!total.isInt()){
        total.val("1");
    }
    var stock = $("#stock").html()==''?-1:parseInt($("#stock").html());
    var mb = maxbuy;
    
    if(mb>stock && stock!=-1){
        mb = stock;
    }
    var num = parseInt(total.val() ) + 1;
    if(num>stock){
    	tip("您最多可购买 " + stock + " 件!",true);
    	num--;
    }
    if(num>mb && mb>0){
        tip("您最多可购买 " + mb + " 件!",true);
        num = mb;
    }
    
    total.val(num);
}
function reduceNum(){
    var total = $("#total");
    if(!total.isInt()){
        total.val("1");
    }
    var num = parseInt( total.val() );
    if(num-1<=0){
        return;
    }
    num--;
    total.val(num);
}

function addtocart(){
    var ret = option_selected();
        if(ret.no!=''){
           tip("请选择" + ret.no + "!",true);
            return;
        }
        tip("正在处理数据...");
        var total = $("#total").val();
        var stock = parseInt($('#stock').text());
        if(stock == 0){
        	tip('库存不足，无法购买。');
        	return;
        }
        
        var url = '{php echo $this->createMobileUrl('mycart',array('op'=>'add','id'=>$goods['id']));}' +"&optionid=" + $("#optionid").val() + "&total=" + total;
        $.getJSON(url, function(s){
        if(s.result==0){
            tip("只能购买 " + s.maxbuy + " 件!");
        }else{
            tip_close();tip("已加入购物车!");
            $('#stock').text(stock - total);
           $('#carttotal').css({'width':'50px', 'height':'50px', 'line-height':'50px'}).html(s.total).animate({'width':'20px', 'height':'20px', 'line-height':'20px'}, 'slow');
       }
        });
}
function buy(){
    var ret = option_selected();
        if(ret.no!=''){
           tip("请选择" + ret.no + "!",true);
            return;
        }
        var stock = parseInt($('#stock').text());
        if(stock == 0){
        	tip('库存不足，无法购买。');
        	return;
        }
     var total = $("#total").val();
     location.href = '{php echo $this->createMobileUrl('confirm',array('id'=>$goods['id']));}'+"&optionid=" + $("#optionid").val() + "&total=" + total;
}
var selected = [];
function option_selected(){
   
     var ret= {
         no: "",
         all: []
     };
    if(!hasoption){
        return ret;
    }
            $(".optionid").each(function(){
                ret.all.push($(this).val());
                if($(this).val()==''){
                    ret.no = $(this).attr("title");
                    return false;
                }
     })
     return ret;
}
</script>
{php $title = $goods['title'];}
{template 'footer'}
{template 'footerbar'}
<script>
$(function() {
    $(".footerbar").hide();
    $("#footer").hide();
});
</script>