@extends('layout.store')
@section('title')
	{{$goods['title']}}
@endsection
@section('myCss')
  <link rel="stylesheet" href="/1/css/good.css">
  <style>
    body{
      background: #fff;
    }
  </style>
@endsection
@section('content')
<div class="shouye">
	<a href="{{url('/')}}"><img src="/1/img/home.gif" height="21px" width="21px" alt=""></a>
	<a>{{$cate['name']}}</a>
	<p>{{$goods['title']}}</p>
</div>
<div class="good_con">
	<div class="good_top">
		<div class="good_img">
			<ul class="da">
				<li><img src="{{$goods['pic']}}" alt=""></li>
			</ul>
			<ul class="xiao">
				<li><img src="{{$goods['pic']}}" alt=""></li>
			</ul>
		</div>
		<div class="good_info">
			<p class="good_title">{{$goods['title']}}</p>
			<p class="good_desrc">{{$goods['desrc']}}</p>
			<div class="good_price">
				<p class="good_price_left">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</p>
				<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: goods in C:\websoft9\wampserver\www\admin\resources\views\goods\show.blade.php on line <i>35</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>240600</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\goods\show.blade.php' bgcolor='#eeeeec'>...\show.blade.php<b>:</b>0</td></tr>
</table></font>
<br />
<font size='1'><table class='xdebug-error xe-notice' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined variable: goods in C:\websoft9\wampserver\www\admin\resources\views\goods\show.blade.php on line <i>35</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0000</td><td bgcolor='#eeeeec' align='right'>240600</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\admin\resources\views\goods\show.blade.php' bgcolor='#eeeeec'>...\show.blade.php<b>:</b>0</td></tr>
</table></font>
				<p class="good_price_right"><span class="good_num">￥{{$goods['price']}}</span></p>
							</div>
			<div class="good_info_list">
				<p class="good_info_left">规&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：</p>
				<p class="good_info_right">{{$goods['vol']}}</p>
			</div>
			<div class="good_info_list">
				<p class="good_info_left">产品包装：</p>
				<p class="good_info_right">有外盒有密封</p>
			</div>
			<div class="good_info_list">
				<p class="good_info_left">支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;持：</p>
				<p class="good_info_right"><span>顺丰包邮</span></p>
			</div>
			<div class="good_info_list">
				<p class="good_info_left">服&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;务：</p>
				<p class="good_info_right">本商品由 碳立方 负责发货并提供售后服务</p>
			</div>
			<div class="good_info_list">
				<p class="good_info_left">温馨提示：</p>
				<p class="good_info_right">本商品不支持7天无理由退货</p>
			</div>
			<div class="good_info_list">
				<p class="good_info_left">数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;量：</p>
				<div class="good_info_right">
					<div class="gw_num">
						<em class="buy_jian">-</em>
						<input class="buy_num" readonly="readonly" type="text" value="1" class="num"/>
						<em class="buy_add">+</em>
					</div>
				</div>
			</div>
			@if ($goods['kucun']==0)
			@else
			<div class="good_info_list" style="padding-top:30px;margin-bottom:100px">
				<button class="good_buy">立即购买</button>
				<button class="add_cart">加入购物车</button>
			</div>
			@endif
		</div>
	</div>
	<form class="order_form" action="{{url('/order/goodInsert')}}" method="post">
		<input type="hidden" name="goods_id" value="{{$goods['id']}}"><br>
		<input type="hidden" class="goods_num" name="goods_num" value="">
		{{csrf_field()}}
	</form>
	<div class="good_center">
		<div class="good_tab">
			<span class="tab_active tabone">商品详情</span>
			<span class="tabtwo">规格参数</span>
			<!-- <span class="tabthree">Q&A</span> -->
		</div>
	</div>
	<div class="good_content"><img src="{{$goods['content']}}" style="width:80%;margin-left:10%" alt=""></div>
	<div style="display:none;" class="good_canshu"><img style="width:80%;margin-left:10%" src="{{$goods['guige']}}" alt=""></div>
	<!-- <div style="display:none;" class="good_qa">333</div> -->
</div>

@endsection

@section('myJs')
<script>
$('.good_buy').click(function(){
	if ('{{session('id')}}' == '') {
		var url = '{{url('/order/goodInsert')}}';
		var data={
			'_token':'{{csrf_token()}}'
			};
		var success=function(response){
			swal('',response.errmsg,'warning')
			setTimeout('window.location="{{url('/login?redirect=')}}"+"'+response.url+'"',2000)
		};
	$.post(url,data,success,'json');
	}else{
		$('.goods_num').val($('.buy_num').val());
		$('.order_form').submit()
	};
})

$('.add_cart').click(function(){
	var url = '{{url('/cart/insert')}}';
	var uid = '{{session('id')}}';
	var id = {{$goods['id']}};
	var num = $('.buy_num').val();
	var data={
		'uid':uid,
		'id':id,
		'num':num,
		'_token':'{{csrf_token()}}'
		};
	var success=function(response){
		if(response.error==0){
			swal('',response.errmsg,'success')
		}else if(response.error==3){
			swal('',response.errmsg,'warning')
			setTimeout('window.location="{{url('/login?redirect=')}}"+"'+response.url+'"',2000)
		}else{
			swal('',response.errmsg,'error')
		}
	};
	$.post(url,data,success,'json');
});
</script>
<script>
// 购买数量加减
$(document).ready(function(){
	//加的效果
	$(".buy_add").click(function(){
		var n=$(this).prev().val();
		var num=parseInt(n)+1;
		if(num==0){ return;}
		$(this).prev().val(num);
	});
	//减的效果
	$(".buy_jian").click(function(){
		var n=$(this).next().val();
		var num=parseInt(n)-1;
		if(num==0){ return}
		$(this).next().val(num);
	});
})

// 小图切换大图
$('.xiao li').click(function(){
	// 获取当前序号
    var index = $('.xiao li').index(this);
    // 更换大图
    $('.da li').eq(index).fadeIn(500);
    $('.da li').eq(index).siblings().fadeOut(500);
    // 小图选中并取消兄弟元素选中
    $(this).css('border','1px solid #dcdcdc');
    $(this).siblings().css('border','1px solid #fff');
})
// 选项卡
$('.good_tab span').click(function(){
	$(this).addClass('tab_active');
	$(this).siblings().removeClass('tab_active');
})
$('.tabone').click(function(){
	$('.good_content').show();
	$('.good_canshu').hide();
	$('.good_qa').hide();
})
$('.tabtwo').click(function(){
	$('.good_canshu').show();
	$('.good_content').hide();
	$('.good_qa').hide();
})
$('.tabthree').click(function(){
	$('.good_qa').show();
	$('.good_canshu').hide();
	$('.good_content').hide();
})
</script>

@endsection