@extends('appweb') 

<!--  ส่วนเนื้อหา --> 
@section('content')
<section id="home">
  <div class="container">
    <div class="row"> </div>
  </div>
</section>
<section id="products"   style="margin-top:%">
  <div class="container templatemo-white-bg">
    <div class="row templatemo-contact" style="padding:15px">
      <div class="col-sm-2" style="padding-right:0" >
        <h4 class="our_product" >  Our Product</h4>
        <div class="list-group" style="font-size:12px;">
        @foreach($groups as $gr) 
                <a  href="{{URL::to('group/'.$gr->id.'/'.$name)}}" type="button" class="list-group-item group_menu"  ><span class="glyphicon glyphicon-triangle-right"></span> {{$gr->nameENG}}</a> 
                @foreach($categorys as $cat)
 
          @if($curent_cat ==$gr-> id && $cat->group_id == $gr-> id)
          
                     <a href="{{URL::to('category/'.$cat->id.'/'.$cname)}}" type="button" class="list-group-item category_menu
           @if($id == $cat->id) active  @endif" > &nbsp;<span class="glyphicon glyphicon-menu-right"></span> {{ $cat->nameENG }}</a> 
           @endif
 
          @endforeach
          
          @endforeach </div>
      </div>
      <div class="col-sm-10">
        <h4  > {{$category->nameENG}} </h4>
                 
        
 
        <div class="col-sm-12" style="border:solid  #47C6E7  2px; margin-bottom:0.3%; padding:1%; border-radius:5px">
 
 
        
        <table width="100%" border="0" class="table table-bordered">
  <tr class="btn-info">
    <td align="center"><strong>Type</strong></td>
    <td align="center"><strong>Turntable diameter<br>
（mm)</strong></td>
    <td align="center"><strong>Length of Slop<br>
      (mm)</strong></td>
    <td align="center"><strong>Movable load (kg.)</strong></td>
    <td align="center"><strong>Height (mm)</strong></td>
    <td align="center"><strong>Drive unit height<br>
      (mm)</strong></td>
    <td align="center"><strong>Motor<br>
(kw)</strong></td>
    <td align="center"><strong>Power source</strong></td>
    <td align="center"><strong>Download</strong></td>
  </tr>
  


        @foreach($product as $pd)
                    @if($pd->id == 375 || $pd->id == 372)
			 <div align="center" style= "margin-bottom:20px ">
				<a class="btn btn-default rs-btn" href="http://www.isb-iguchi.com/pdf_c/020_tt_c.pdf" style="margin-bottom:10px">PDF Catalog Download</a> 
			  </div>
		@endif
          
          <tr>
    <td align="center">{{$pd->nameENG}}</td>
    <td align="center">{{$pd->lifter}}</td>
    <td align="center">{{$pd->numball}}</td>
    <td align="center">{{$pd->weight}}</td>
    <td align="center">{{$pd->load0_4}}</td>
    <td align="center">{{$pd->Drive_unit_height}}</td>
    <td align="center">{{$pd->load0_5	}}</td>
    <td align="center">{{$pd->load0_6}}</td>
    <td align="center"><button class="btn btn-success  rs-btn" style="margin-bottom:10px" onClick="addcart('{{$pd->id}}')"><span class="glyphicon glyphicon-shopping-cart"></span> Add To Cart </button></td>
  </tr>
          
          
            @endforeach
            
            </table>
        </div>
      </div>
    </div>
  </div>
</section>
@endsection 

<!--  ส่วน java script --> 
@section('script')



@endsection 

<!--  ส่วน java style --> 
@section('style')
<style>
.title{
	display:none;
}
#slider-name{
	width: 330px;
    text-align: center;
    margin-left: -35px;
    text-shadow: 1px 2px 10px #1CB5BF;	
}
.flex-viewport > ul > li > p{
	height:250px;
	overflow:hidden;
	
}
.location{
	height:350px;
	overflow:auto;	
	/*border:1px dashed #000;*/
	padding:15px;
	
}
.a-about{
	text-decoration:none !important;
	color:#fff;
}
.a-about:hover , .a-about:focus{
	text-decoration:none !important;
	color:#000;
}
#about-description{
	padding-top:20px;
}
@media (max-width:991px){
	.flex-viewport > ul > li > p{
	height:200px;
	overflow:hidden;
	
	}
	#slider-name{
	width: 230px;
    text-align: center;
    margin-left: -15px;
    text-shadow: 1px 2px 10px #1CB5BF;
	}
}
@media (max-width:767px){
	.flex-viewport > ul > li > p{
		height:100%;
	
	}
	#about-description{
		display:none;
	}
	.location{
	height:100%;
	padding:15px;
	border-bottom:1px dashed;
	
	}
	.location > img{
		margin-bottom:10px;
	
	}
}
</style>
@endsection