{extend name="$index_style_layout" /}

<!--SEO相关-->
{block name="head_title"}{$info.title}{/block}
{block name="head_keword"}{$info.keywords?:$info.title}  {$s_info.name} {/block}
{block name="head_description"}{:get_word(del_html($info['content']),300)}{/block}

{block name="body_content"}

<link rel="stylesheet" href="__STATIC__/mui/css/mui.min.css">
<script type="text/javascript" src="__STATIC__/mui/js/mui.min.js"></script>

<!--幻灯片开始---->
<link href="__STATIC__/libs/owlcarousel/css/owl.carousel.css" rel="stylesheet">
<link href="__STATIC__/libs/owlcarousel/css/owl.theme.css" rel="stylesheet">
<link href="__STATIC__/libs/owlcarousel/css/owl.transitions.css" rel="stylesheet">
<script src="__STATIC__/libs/owlcarousel/js/owl.carousel.js"></script>
<style type="text/css">
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block;}
#owl-demo img { display: block; width: 100%;}
</style>
<script>
$(function(){
	$('#owl-demo').owlCarousel({
		items: 1,
		autoPlay: 4000,
		autoHeight: true,	//如果不想自适应高度就把true改成false
		transitionStyle: 'fade'
	});
});
</script>
{qb:showpage name="shop_show_rollpic"}
<div id="owl-demo" class="owl-carousel">			
{volist name="info.picurls" id="rs"}
	<a class="item"><img src="{$rs.picurl}" alt=""></a>
{/volist}
</div>
{/qb:showpage}
<!--幻灯片结束---->

<link rel="stylesheet" href="__STATIC__/index/default/show.css">
<div class="ShowContBox">
	<div class="BaseInfos">
		<div class="title">
			<a href="#">限时特惠</a>
			<span>{$info.title}</span>
		</div>
		<dl class="others">
			<dt>
				<div><em>所需订金：</em>&yen;<span>{$info.fewmoney}</span></div>
				<!--<p style="text-decoration:none;">价格:&yen;{$info.price}</p>-->
			</dt>
			<dd>
			{if $info.end_time&&strtotime($info.end_time)>time()}
				距结束:<em>{:intval(strtotime($info.end_time)-time())}</em><span></span>
				{elseif $info.end_time  /}
				{$info.end_time}
			{/if}
			</dd>
		</dl>
<style type="text/css">
.show-price div{
	font-size:16px;
}
</style>
		<dl class="others show-price">
			<dt>
				<div><em>{$info.each_money?'当前价':'促销价'}：</em> {$info|get_now_price} 元</div>				 
			</dt>
			<dt>
				<div style="text-decoration:line-through"><em>市场价：</em> {$info.market_price} 元</div> 
			</dt>			 
		</dl>
		<dl class="others">
			<dt>
				<div><em>组团人数：</em> {$info.min_user} 人</div>
				{if $info.max_user}<p style="text-decoration:none;">人数上限: {$info.max_user} 人</p>{/if}
			</dt>
			<dt><!------------------------------------------------------------------------------------------------------>
					
					<div ><em>成功下订：</em> {$info.fewnum} 人 {if ($userdb.groupid==3)}	<em onclick="showpayding()">查看</em>{/if}</div> 
					
			</dt>			 
		</dl>
		
		{if $info.each_money>0}
		<dl class="others">
			<dt>
				<div><em>成团后每增加一人再减：</em>{$info.each_money} 元</div>				 
			</dt>
		</dl>
		<dl class="others">
			<dt>
				<div><em>价格最大可优惠到底价为：</em>{$info.bottom_price} 元</div>				 
			</dt>
		</dl>
		{/if}

{qb:showpage field="picurl,title,content,keywords,price,type1,type2,type3,end_time,fewmoney,min_user,max_user,sncode,fx1,fx2,fx3,onlybuyone,market_price,map,each_money,bottom_price,paytype"}
<dl class="others">
			<dt>
				<div><em>{$rs.title}：</em>{$rs.value}</div>				 
			</dt>
</dl>
{/qb:showpage}
		<!--a href="{:auto_url('order/add',['id'=>$id])}"><button type="butter">立即购买</button></a-->
	</div>
	<div style="background: #FFF;margin-top: 15px;">
		<div class="qb_ui_wap_select_shoptype">
{php}
$field_array=get_field($info['mid']);
$array1=get_shop_type('type1',$info);
$array2=get_shop_type('type2',$info);
$array3=get_shop_type('type3',$info);
{/php}
{notempty name="array1"}
			<ul class="shoptype1">
				<ol>{$field_array.type1.title}</ol>
				<li>
				{volist name="array1" id="rs"}
					<div data-price="{$rs.price}">{$rs.title}</div>
				{/volist}
				</li>
			</ul>
{/notempty}
{notempty name="array2"}
			<ul class="shoptype2">
				<ol>{$field_array.type2.title}</ol>
				<li>
				{volist name="array2" id="rs"}
					<div>{$rs.title}</div>
				{/volist}
				</li>
			</ul>
{/notempty}
{notempty name="array3"}
			<ul class="shoptype3">
				<ol>{$field_array.type3.title}</ol>
				<li>
				{volist name="array3" id="rs"}
					<div>{$rs.title}</div>
				{/volist}
				</li>
			</ul>
{/notempty}
 
			<dl style="display:none;">
				<dt>购买数量</dt>
				<dd class="chnageBuyNum">
					<span class="fa fa-minus"></span>
					<div><input type="text" value="1"/></div>
					<em class="fa fa-plus"></em>
				</dd>
			</dl> 
			<div class="butters">
				<span><button onclick="BuyThisShop(3)">{if $info._paytype==2}免费预约{else /}我要预定{/if}</button></span>
				<!--<span><button onclick="BuyThisShop(2)">立即购买</button></span>
				<em><button onclick="BuyThisShop(1)">加入购物车</button></em>-->
			</div>
<script type="text/javascript">
$.get("{:urls('api/check_buy',['id'=>$id])}",function(res){
	if(res.code==1){
		$(".butters button").removeAttr("onclick");
		$(".butters button").css("background","#dddddd");
		$(".butters button").html(res.msg);
	}
});
</script>

		</div>
		<script>
			var type1=0;
			var type2=0;
			var type3=0;
			var shopnum=1;
			var shopprice="{$info.price}";
			$('.shoptype1 li div').click(function(){
				$('.shoptype1 li div').removeClass('ck');
				$(this).addClass('ck');
				type1=$(this).index()+1;
				var thisprice = $(this).data('price');
				if(thisprice>0){
					$('.BaseInfos .others span').html(thisprice);
				}else{
					$('.BaseInfos .others span').html(shopprice);
				}
			});
			$('.shoptype2 li div').click(function(){
				$('.shoptype2 li div').removeClass('ck');
				$(this).addClass('ck');
				type2=$(this).index()+1;
			});
			$('.shoptype3 li div').click(function(){
				$('.shoptype3 li div').removeClass('ck');
				$(this).addClass('ck');
				type3=$(this).index()+1;
			});
			$('.chnageBuyNum em').click(function(){
				shopnum++;
				$('.chnageBuyNum div input').val(shopnum);
			});
			$('.chnageBuyNum span').click(function(){
				shopnum--;
				if(shopnum<1){
					layer.alert('购买数量不能小于1');
					shopnum=1;
				}
				$('.chnageBuyNum div input').val(shopnum);
			});

			function check_login(){
				if("{$userdb.uid}"==""){
					layer.confirm('你还没登录,不能购买,你要登录吗？', {
						btn : [ '登录', '取消' ]
					}, function(index) {
						window.location.href = "{:get_url('login')}";
					}); 
					return false;
				}
				return true;
			}

			function BuyThisShop(totype){
				if(check_login()!==true)return ;
				if((type1==0&&$(".shoptype1").length>0)||(type2==0&&$(".shoptype2").length>0)||(type3==0&&$(".shoptype3").length>0)){
					layer.alert('没有选择商品类型');
				}else{
					var gotourl="{:urls('car/add')}?shopid={$id}&type1="+type1+"&type2="+type2+"&type3="+type3+"&num="+shopnum;
					$.get(gotourl+"&"+Math.random(),function(res){
						if(res.code==0){			
							if(totype==1){
								layer.msg('成功加入购物车');
							}else if(totype==3){	//立即订购
								window.location.href="{:urls('order/add',['id'=>$id])}";
							}else{
								window.location.href="{:urls('car/index')}";
							}
						}else{
							layer.alert('出错了:'+res.msg);
						}
					});					
				}				
			}
			$('.chnageBuyNum div input').change(function(){
				shopnum=parseInt($(this).val());
				if(shopnum<1){
					layer.alert('购买数量不能小于1');
					shopnum=1;
					$(this).val(shopnum);
				}
			});
		</script>
	</div>

{if (modules_config('qun')&&$qun=fun('qun@getByuid',$info.uid)[0])}
	<link rel="stylesheet" href="/public/static/group/show.css">
	<div class="ListBox" style="margin-top:15px;">
		<div class="list">
			<ul>
				<li class="img" style="position:relative;">{if $qun.status==2}<img src="__STATIC__/group/v.png" style="position:absolute;width:20px;height:20px;z-index:9;">{/if}<a href="{:urls('qun/content/show',['id'=>$qun.id])}"><img src="{$qun.picurl|tempdir}" onerror="this.src='__STATIC__/images/nopic.png'"></a></li>
				<li class="info">
					<div class="title"><a href="{:urls('qun/content/show',['id'=>$qun.id])}">{$qun.title}</a></div>
					<div class="cnt">粉丝：<span>{$qun.usernum}</span> 贴子：<span>{$qun.replynum}</span></div>	
					<div class="cnt">{:get_word(del_html($qun.content),50)}</div>
				</li>				 
			</ul>
		</div>
	</div>
{/if}
	<div class="ChangeShowCont">
		<div class="mui-slider">
			<div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
				<a class="mui-control-item" href="#mobileitem1">产品介绍</a>
				<a class="mui-control-item" href="#mobileitem2">购买注意事项</a>
			</div>
			<div class="mui-slider-progress-bar mui-col-xs-6"></div>
			<div class="mui-slider-group">
				<div id="mobileitem1" class="mui-slider-item mui-control-content mui-active">
<style type="text/css">
.contentinfo img{
	max-width:100%;
}
</style>
					<div class="contentinfo">
					{$info.content}
					</div>
				</div>
				<div id="mobileitem2" class="mui-slider-item mui-control-content">
					<div class="contentinfo">
					{qb:tag name="shop_notice_001" type="text"}一旦成团,订金不退还,没有成团之前,可以随时申请退订金!!{/qb:tag}
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="TzContBoxs">
		<div class="head"><i class="fa fa-send"></i>更多拼团</div>
		<div class="ListShops">
{qb:tag name="shop_showpage_more001" type="booking"}
			<div class="lists">
				<ul>
					<ol><a href="{$rs.url}"><img src="{$rs.picurl}" onmouseover='thisimg_over($(this))' onmouseout='thisimg_out($(this))'/></a></ol>
					<li>
						<div class="title"><a href="{$rs.url}">{$rs.title}</a></div>
						<div class="infos">
							<div class="price">&yen;<span>{$rs.price}</span><em>起</em></div>
							<p>&yen;{$rs.market_price}</p>
						</div>
					</li>
				</ul>
			</div>
{/qb:tag}
		</div>
		<div class="ShowMoreInfo"><button type="butter" onclick="ShowMoreInfo()" style="padding:10px;">查看更多</button></div>
	</div>
</div>
<script type="text/javascript" src="__STATIC__/index/default/showtime.js"></script>
<script type="text/javascript">
var morepage=1;
var url='{qb:url name="shop_showpage_more001" /}';//异步获取更多内容的url
function ShowMoreInfo(){	
	morepage++;	
	$.get(url+morepage+'&'+Math.random(),function(res){
		if(res.code==0){
			if(res.data==''){
				layer.msg("已经显示完了！",{time:500});
				$('.ShowMoreInfo button').attr('onclick','');
				$('.ShowMoreInfo button').html('显示完了');
				$('.ShowMoreInfo button').css({'background':'#CCC'});
			}else{
				res.data="<span class='pages"+morepage+"'>"+res.data+"</span>";			
				$('.ListShops').append(res.data);
				$('.ListShops .pages'+morepage).hide();
				$('.ListShops .pages'+morepage).show(500);
			}
		}else{
			layer.msg(res.msg,{time:2500});
		}
	});
}

var checktime=0;
function show_time(){
	checktime++;
	var thetime=parseInt($('.BaseInfos .others dd em').html())-checktime;
	if(thetime>0){
		$('.BaseInfos .others dd span').html(format_time(thetime));
	}else{
		//$('.BaseInfos .others dd span').html('活动结束！');
	}
}
setInterval("show_time()",1000);

function thisimg_over(imgobjs){
	imgobjs.animate({"max-width":"150%","max-height":"150%"},300);
}
function thisimg_out(imgobjs){
	imgobjs.animate({"max-width":"100%","max-height":"100%"},300);
}

</script>


<style type="text/css">
.listdingmember{
	margin:15px;
	font-size:14px;
}
.listdingmember li{
	float:left;
}
.listdingmember ul{
	width:100%;
	clear:both;
	height:65px;
	border-bottom:1px solid #eee;
	
}
.listdingmember li.r{
	float:right;
	padding-top:10px;
}
.listdingmember img{
	padding:5px;
	width:50px;height:50px;border-radius:100%;-webkit-border-radius:100%;
}
</style>
<div style="display:none;" class="showdingmember">
	<div class="listdingmember">
	{qb:tag name="wap_listdingmember" js="listdingmember" class="app\booking\model\Order@get_label" where="shopid=$id&few_ifpay=1" rows="50"}
		<ul>
		<li><a href="{:get_url('user',$rs.uid)}" target="_blank"><img src="{:get_user_icon($rs.uid)}" onerror="this.src='__STATIC__/images/noface.png'">{:get_user_name($rs.uid)}</a></li><li class="r">{:format_time($rs.create_time)}</li>
		</ul>
	{/qb:tag}
	</div>
</div>
<script type="text/javascript">
function showpayding(){
	layer.open({
		type:1,
		title:'参团人数如下',
		area:['95%','90%'],
		content:$(".showdingmember").html(),
	});
}
</script>

<!-- 分享海报二维码宣传推广图片 -->
{include file="$haibao" /}
{include file="../../../haibao_style/btn" /}
<!--<div style="position:fixed;right:30px;top:80px;z-index:200;width:30px;font-size:10px;line-height:10px;color:#000;opacity:0.7;"><i id="share_code" onclick="share_btn()" style="font-size:30px;" class="fa fa-qrcode"></i>海报</div>-->

<!-- 微信分享 -->
{php}$userdb&&empty(input('p_uid'))&&$share['link']=get_url('location').(strstr(get_url('location'),'?')?'&':'?').'p_uid='.$userdb['uid'];{/php}
{include file="index@share"/}
<script type="text/javascript">
{if (input('p_uid')!=''&&input('p_uid')==$userdb['uid'])}SharShowMsg();{/if}
</script>

<!--
微信分享插件里边有这段代码了
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
-->
<script type="text/javascript">
wx.miniProgram.getEnv(function (res) { 
	if (res.miniprogram==true) { 
		var info = { 
			title: '{$info.title}',
			picurl: '{$info.picurl}',
			url: "{:get_url(urls('show',['id'=>$id]))}?p_uid={$userdb.uid}",
		}; 
		var json = JSON.stringify(info); 
		wx.miniProgram.postMessage({ 
			data: info, 
		}); 
	} 
}); 
</script>


{include file="content/common_inc" /}

{/block}