@extends('layout.store')
@section('title')
	列表
@endsection
@section('content')
<!--breadcrumbs area start-->
	<div class="breadcrumbs_area">
        <div class="container">   
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb_content">
                        <ul>
                            <li><a href="/">home</a></li>
                            <li>product details</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>         
    </div>
    <!--breadcrumbs area end-->
	<!--product details start-->
    <div class="product_details mb-60">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-md-5">
                    <div class="product-details-tab">
                        <div id="main1" class="zoomWrapper single-zoom">
                            <ul class="block"><li>
                                <img src="{{$pic['pic']}}" data-zoom-image="{{$pic['pic']}}" alt="big-1">
                           </li></ul>
                            <ul><li>
                                <img src="{{$pic['pic2']}}" data-zoom-image="{{$pic['pic2']}}" alt="big-1">
                           </li></ul>
                            <ul><li>
                                <img src="{{$pic['pic3']}}" data-zoom-image="{{$pic['pic3']}}" alt="big-1">
                           </li></ul>
                            <ul><li>
                                <img src="{{$pic['pic4']}}" data-zoom-image="{{$pic['pic4']}}" alt="big-1">
                           </li></ul>
                            <ul><li>
                                <img src="{{$pic['pic5']}}" data-zoom-image="{{$pic['pic5']}}" alt="big-1">
                           </li></ul>
                        </div>
                        <div class="single-zoom-thumb">
                            <ul class="s-tab-zoom owl-carousel single-product-active" id="menu1">
                                <li class="hover" onmouseover="setTab(1,0)">
                                    <img src="{{$pic['pic']}}" alt="zo-th-1"/>
                                </li>
								<li onmouseover="setTab(1,1)">
                                    <img src="{{$pic['pic2']}}" alt="zo-th-2"/>
                                </li>
								<li onmouseover="setTab(1,2)">
                                    <img src="{{$pic['pic3']}}" alt="zo-th-3"/>
                                </li>
								<li onmouseover="setTab(1,3)">
                                    <img src="{{$pic['pic4']}}" alt="zo-th-4"/>
                                </li>
								<li onmouseover="setTab(1,4)">
                                    <img src="{{$pic['pic5']}}" alt="zo-th-5"/>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
				<style type="text/css">
#main1 ul{
display: none;
}
#main1 ul.block{
display: block;
}
</style>
                <div class="col-lg-7 col-md-7">
                    <div class="product_d_right">
                            <div class="productd_title_nav">
                                <h1><a href="#">{{$goods['title']}}</a></h1>
                                <div class="product_nav">
                                    <ul>
                                        <li class="prev"><a href="product-details.html"><i class="fa fa-angle-left"></i></a></li>
                                        <li class="next"><a href="variable-product.html"><i class="fa fa-angle-right"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            
                            <div class=" product_ratting">
                                <ul>
                                    <li><a href="#"><i class="ion-android-star"></i></a></li>
                                    <li><a href="#"><i class="ion-android-star"></i></a></li>
                                    <li><a href="#"><i class="ion-android-star"></i></a></li>
                                    <li><a href="#"><i class="ion-android-star"></i></a></li>
                                    <li><a href="#"><i class="ion-android-star"></i></a></li>
                                    <li class="review"><a href="#"> (顾客评价) </a></li>
                                </ul>
                            </div>
                            <div class="price_box"> 
                                <!--<span class="old_price">$56.00</span>-->
                                <span class="current_price">￥{{$goods['price']}}</span>
                            </div>
                            <div class="product_variant quantity">
                                <label>数量：</label>
								<!--<em class="buy_jian">-</em>-->
                                <!--<input min="1" max="100" value="1" type="number" class="buy_num num">-->
								<input class="buy_num" min="1" max="100" type="text" value="1" class="num"/>
								<!--<em class="buy_add">+</em>-->
                               <!-- <button class="button add_cart" type="submit">加入购物车</button>  -->
								
                                <!--<button class="button good_buy" type="submit">立即购买</button> --> 
                                
                            </div>
							<div class="good_info_list">
	<button class="good_buy">立即购买</button>
	<button class="add_cart">加入购物车</button>
</div>
                    </div>
                </div>
            </div>
        </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>
<style type="text/css">
.add_cart,.good_buy{
	background: red;
	color: #fff;
	border: 0px;
	margin-left: 10px;
}
.mb-60{margin-bottom:0px;}
</style>
    <!--product details end-->
	<!--product info start-->
    <div class="product_d_info mb-57">
        <div class="container">   
            <div class="row">
                <div class="col-12">
                    <div class="product_d_inner">   
                        <div class="product_info_button">    
                            <ul class="nav" role="tablist">
                                <li >
                                    <a class="active" data-toggle="tab" href="#info" role="tab" aria-controls="info" aria-selected="false">详情</a>
                                </li>
                                <li>
                                     <a data-toggle="tab" href="#sheet" role="tab" aria-controls="sheet" aria-selected="false">规范</a>
                                </li>
                                <li>
                                   <a data-toggle="tab" href="#reviews" role="tab" aria-controls="reviews" aria-selected="false">评论</a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div class="tab-pane fade show active" id="info" role="tabpanel" >
                                <div class="product_info_content">
								{{$goods['content']}}
                                </div>    
                            </div>
                            <div class="tab-pane fade" id="sheet" role="tabpanel" >
                                <div class="product_d_table">
                                   <form action="#">
                                        <table>
                                            <tbody>
                                                <tr>
                                                    <td class="first_child">规格</td>
                                                    <td>{{$goods['vol']}}</td>
                                                </tr>
                                                <tr>
                                                    <td class="first_child">包装</td>
                                                    <td>有外盒有密封</td>
                                                </tr>
                                                <tr>
                                                    <td class="first_child">服务</td>
                                                    <td>本商品由 碳立方 负责发货并提供售后服务</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </form>
                                </div>
                                <div class="product_info_content">
								{{$goods['description']}}
                                </div>    
                            </div>

                            <div class="tab-pane fade" id="reviews" role="tabpanel" >
                                <div class="reviews_wrapper">
								@if($comment != 0)
								@foreach($comment as $k=>$v)
                                    <div class="reviews_comment_box">
                                        <div class="comment_thmb">
                                            <img src="/assets/img/blog/comment2.jpg" alt="">
                                        </div>
                                        <div class="comment_text">
                                            <div class="reviews_meta">
                                                <div class="star_rating">
                                                    <ul>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                        <li><a href="#"><i class="ion-android-star"></i></a></li>
                                                    </ul>   
                                                </div>
                                                <p><strong>{{$v['author']}}</strong>{{$v['time']}}</p>
                                                <span>{{$v['comment']}}</span>
                                            </div>
                                        </div>
                                    </div>
									@endforeach
									<a href="/message/index/{{$id}}">查看更多评价</a>
									@else
                                    <div class="comment_title">
                                        <h2>添加评论 </h2>
                                        <p>您的电话地址将不会公布，以标记必需字段</p>
                                    </div>
                                    <div class="product_review_form">
                                        <form action="{{url('/message')}}" method="post">
                                            <div class="row">
                                                <div class="col-12">
                                                    <label for="review_comment">评论</label>
                                                    <textarea name="comment" id="review_comment" ></textarea>
                                                </div> 
                                                <div class="col-lg-6 col-md-6">
                                                    <label for="author">姓名</label>
                                                    <input id="author" name="author" type="text">
                                                    <input  name="id" type="hidden" value="{{$id}}">
                                                </div> 
                                                <div class="col-lg-6 col-md-6">
                                                    <label for="phone">电话 </label>
                                                    <input id="phone" name="phone" type="text">
                                                </div>  
                                            </div>
                                            <button type="submit">提交</button>
											<br />
<font size='1'><table class='xdebug-error xe-fatal-error' 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> Fatal error: Call to undefined function method_field() in C:\websoft9\wampserver\www\madmin\resources\views\goods\show.blade.php on line <i>237</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'>250904</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\websoft9\wampserver\www\madmin\resources\views\goods\show.blade.php' bgcolor='#eeeeec'>...\show.blade.php<b>:</b>0</td></tr>
</table></font>