@extends('appweb')


<!--  ส่วนเนื้อหา -->
@section('content')
 <section id="home">
 </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  >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"  style="padding-left:2px; padding-right:2px; padding-top:5px;padding-bottom:5px">{{$gr->nameENG}}</a>
  @foreach($categorys as $cat)
  @if($cat->group_id == $gr->id )
    		<a href="{{URL::to('category/'.$cat->id.'/'.$cname)}}" type="button" class="list-group-item" style="font-size:11px;padding-left:2px; padding-right:2px; padding-top:4px;padding-bottom:4px"> &nbsp; &nbsp; {{$cat->nameENG}}</a>
        @endif
  @endforeach
  
 @endforeach
</div>
      
      
       </div>
      <div class="col-sm-10" style="padding-top:3%">   
    
    <div class="col-xs-10 col-xs-offset-1" style="border:solid  #47C6E7  2px; margin-bottom:0.3%; padding:1%; border-radius:5px">
    <h4  > {{$product->nameENG}} </h4>  
    <div class="row" >
    
    <div  id="default-img">
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" align="center">      
            <img src="{{asset($product->image)}}?v=1001" width="100%" alt="{{$product->nameTH}}">
             
             
      </div> 
      <div class="col-lg-4 col-md-4 col-sm-6 col-xs-6" align="center">      
 
            <img src="{{asset($product->image2)}}?v=1001" width="100%" alt="{{$product->nameTH}}">         
             
      </div>    
        </div> 
        
      <div class="col-lg-4 col-md-4 col-sm-6   r-panel" align="center">      
 
                        
      </div>          
      <div class="col-lg-4 col-md-4 col-sm-6   x-panel" align="center">      
 
                        
      </div>  
            
      <div class=" col-xs-12" align="center"  style="margin-top:10px">      
 <a class="btn btn-default" href="{{asset($product->PDF)}}">PDF Drawing Download</a>
 <a class="btn btn-default" href="{{asset($product->DWG)}}">CAD（DWG）Download</a>
 <a class="btn btn-default" href="{{asset($product->ThreeD)}}">3D Data  Download</a>
<button class="btn btn-success" onClick="addcart('{{$product->id}}')"><span class="glyphicon glyphicon-shopping-cart"></span> Add To Cart </button>           
             
      </div>      
      </div>
    </div>
  </div></div></div>
</section>

 

<section id="about">
  <div class="container templatemo-white-bg">
    <div class="row">
      <div class="templatemo-testimonials-left col-lg-5 col-md-5 col-sm-5">
        <h2 class="templatemo-testimonials-header text-center">
						<a class="a-about" href="http://www.isb-iguchi.com/e070_companybr.html">
                        <span class="first">About Us</span>
						<span class="second">isb-iguchi.com</span></a>
		</h2>
        <img src="{{asset('public/images/blue-button.jpg')}}?v=1001" alt="Blue Button" class="templatemo-blue-btn"> </div>
      <div id="about-description" class="templatemo-testimonials-right templatemo-gradient-bg col-lg-7 col-md-7 col-sm-7" align="center">
        <h2 class="templatemo-blue-text">Message</h2>
        <img src="http://www.isb-iguchi.com/img/070_companybr_01.jpg?v=1001" style="margin-bottom:10px;margin-top:10px; border-radius:8px;">
		<h4><strong>Representative Director : Kaoru Iguchi</strong></h4>
      </div>
    </div>
  </div>
</section>
<section id="contact">
  <div class="container templatemo-white-bg">
    <div class="row templatemo-contact">
      <h2 class="templatemo-red-text text-center">Contact</h2>
      <h3 class="text-center">ISB (Thailand) CO.,LTD.</h3>
      <div class="col-lg-6 col-md-6 col-sm-6">
        <form action="#" method="post">
          <div class="tm-contact-form">
            <div class="form-group">
              <input name="name" type="text" class="form-control" id="contact_name" placeholder="Name..." />
            </div>
            <div class="form-group">
              <input name="email" type="email" class="form-control" id="contact_email" placeholder="Email..." />
            </div>
            <div class="form-group">
              <input name="subject" type="text" class="form-control" id="contact_subject" placeholder="Subject..." />
            </div>
            <div class="form-group">
              <textarea name="message" rows="8" class="form-control" id="contact_message" placeholder="Message..."></textarea>
            </div>
          </div>
          <button type="submit" class="btn text-uppercase templatemo-send-btn">Send</button>
        </form>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-6">
      	<div style="border-radius:20px;">
        <iframe width="100%" style="border-radius:20px" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15503.320498751261!2d100.4474526!3d13.7287325!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2982de4e3be39%3A0x6a9348253c42a3c5!2zVVJCQU4gU0FUSE9STiAo4LmA4Lit4Lit4Lij4LmM4LmA4Lia4Li04LiZIOC4quC4suC4l-C4oyk!5e0!3m2!1sth!2sth!4v1420700762474&amp;z=16&amp;output=embed"></iframe>
        </div>
      </div>
      <div class="clearfix"></div>
      <hr>
      <legend align="center">LOCATION</legend>
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>Tokyo Head Office / Nerima Factory</strong><br>
        <small>1-20-7, MinamiOhizumi, Nerima-ku, Tokyo-to, 178-0064, JAPAN</small><br>
        <strong>TEL : +81-3-3923-1211</strong><br>
        <strong>FAX : +81-3-3923-8100</strong><br>
        </div>        
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac01.jpg" width="100%">
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac0101.jpg" width="100%">
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=%E6%97%A5%E6%9C%AC,+%E6%9D%B1%E4%BA%AC%E9%83%BD%E7%B7%B4%E9%A6%AC%E5%8C%BA%E5%8D%97%E5%A4%A7%E6%B3%89%EF%BC%91%E4%B8%81%E7%9B%AE%EF%BC%92%EF%BC%90%E2%88%92%EF%BC%97&amp;aq=0&amp;oq=%E7%B7%B4%E9%A6%AC%E5%8C%BA%E5%8D%97%E5%A4%A7%E6%B3%891-20-7&amp;sll=35.73864,139.569111&amp;sspn=0.011948,0.015965&amp;ie=UTF8&amp;hq=&amp;hnear=Japan,+T%C5%8Dky%C5%8D-to,+Nerima-ku,+Minami%C5%8Dizumi,+%EF%BC%91%E4%B8%81%E7%9B%AE20&amp;t=m&amp;ll=35.736689,139.573402&amp;spn=0.024384,0.025749&amp;z=14&amp;output=embed"></iframe>
        </div>
      </div>
       
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>Osaka Branch Office</strong><br>
        <small>6-1-11, Kumata, HigashiSumiyoshi-ku, Osaka-shi, Osaka-fu, 546-0002, JAPAN</small><br>
        <strong>TEL : +81-6-6710-2111</strong><br>
        <strong>FAX : +81-6-6710-1117</strong><br>
        </div>        
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac02.jpg" width="100%">
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&amp;ie=UTF8&amp;hq=&amp;hnear=1-20+Minami%C5%8Dizumi,+Nerima-ku,+T%C5%8Dky%C5%8D-to,+Japan&amp;t=m&amp;ll=34.636633,135.539612&amp;spn=0.000883,0.001604&amp;z=18&amp;output=embed"></iframe>
        </div>
      </div>
      <div class="clearfix"></div>
      
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>Nagoya Office</strong><br>
        <small>1-34-601,NoritakeHondouri, Nakamura-ku, Nagoya-shi, Aichi-ken, 453-0017, JAPAN</small><br>
        <strong>TEL : +81-52-486-7557</strong><br>
        <strong>FAX : +81-52-486-7565</strong><br>
        </div>        
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=%09%E6%84%9B%E7%9F%A5%E7%9C%8C%E5%90%8D%E5%8F%A4%E5%B1%8B%E5%B8%82%E4%B8%AD%E6%9D%91%E5%8C%BA+%E5%89%87%E6%AD%A6%E6%9C%AC%E9%80%9A1-34-601&amp;aq=&amp;sll=34.637211,135.539778&amp;sspn=0.003028,0.003991&amp;ie=UTF8&amp;hq=&amp;hnear=1-34+Noritakehont%C5%8Dri,+Nakamura-ku,+Nagoya-shi,+Aichi-ken,+Japan&amp;t=m&amp;ll=35.176895,136.872654&amp;spn=0.014031,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
        </div>
      </div>
       
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>Fukuoka Office</strong><br>
        <small>5-10-13-701, Hakataekiminami, Hakata-ku, Fukuoka-shi, Fukuoka-ken, 812-0016, JAPAN</small><br>
        <strong>TEL : +81-92-482-3711</strong><br>
        <strong>FAX : +81-92-482-3700</strong><br>
        </div>        
                </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=%E7%A6%8F%E5%B2%A1%E7%9C%8C%E7%A6%8F%E5%B2%A1%E5%B8%82%E5%8D%9A%E5%A4%9A%E5%8C%BA+%E5%8D%9A%E5%A4%9A%E9%A7%85%E5%8D%975-10-13-701&amp;aq=&amp;sll=35.176724,136.872767&amp;sspn=0.003008,0.003991&amp;ie=UTF8&amp;hq=&amp;hnear=5-10-13+Hakataekiminami,+Hakata-ku,+Fukuoka-shi,+Fukuoka-ken,+Japan&amp;t=m&amp;ll=33.576871,130.42737&amp;spn=0.014302,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
        </div>
      </div>
      <div class="clearfix"></div>
      
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>Fuchu Factory</strong><br>
        <small>5-40, Yotsuya, Fuchu-shi, Tokyo-to, 183-0035, JAPAN</small><br>
        <strong>TEL : +81-42-361-8783</strong><br>
        <strong>FAX : +81-42-360-7899</strong><br>
        </div>        
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac05.jpg" width="100%">
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E5%BA%9C%E4%B8%AD%E5%B8%82%E5%9B%9B%E8%B0%B75-40&amp;aq=&amp;sll=33.576851,130.427408&amp;sspn=0.012264,0.015965&amp;ie=UTF8&amp;hq=&amp;hnear=5-40+Yotsuya,+Fuch%C5%AB-shi,+T%C5%8Dky%C5%8D-to,+Japan&amp;t=m&amp;ll=35.664828,139.437361&amp;spn=0.013946,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
        </div>
      </div>
      
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>ISB KOREA CO.,LTD.</strong><br>
        <small>64-5 Mangwol-ri Jeongnam-myeon, Hwaseong-Si, Gyunggi-Do, 445-330, KOREA</small><br>
        <strong>TEL : +82-31-203-1570</strong><br>
        <strong>FAX : +82-31-203-1548</strong><br>
        </div>        
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac06.jpg" width="100%">
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12720.7284967961!2d127.0113899!3d37.14836875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b4090ecef5e17%3A0xc3fa74bad814145!2s64-5+Mangwol-ri%2C+Jeongnam-myeon%2C+Hwaseong-si%2C+Gyeonggi-do%2C+%E9%9F%93%E5%9B%BD!5e0!3m2!1sja!2sjp!4v1423565686825"></iframe>
        </div>
      </div>
      <div class="clearfix"></div>
      
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>ISB (Thailand) CO.,LTD.</strong><br>
        <small>212/47 Ratchap ruckRoad, Bangchak, Phasricharoen,Bangkok 10160</small><br>
        <strong>TEL : +66-2-4086417</strong><br>
        <strong>FAX : +66-2-4086417</strong><br>
        </div>        
        <img src="http://www.isb-iguchi.com/img/070_companybr_ac07.jpg" width="100%">
        </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15503.320498751261!2d100.4474526!3d13.7287325!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e2982de4e3be39%3A0x6a9348253c42a3c5!2zVVJCQU4gU0FUSE9STiAo4LmA4Lit4Lit4Lij4LmM4LmA4Lia4Li04LiZIOC4quC4suC4l-C4oyk!5e0!3m2!1sth!2sth!4v1420700762474&amp;z=16&amp;output=embed"></iframe>
        </div>
      </div>
      
      <div class="location col-lg-6 col-md-6 col-sm-6">
        <div class="col-sm-6">
        <div class="alert alert-info"><strong>TAIWAN Office</strong><br>
        <small>6F-1, No.888, Ching Kuo Road, Taoyuan, 330, TAIWAN</small><br>
        <strong>TEL : +886-3-250-0451</strong><br>
        <strong>FAX : +886-3-317-6348</strong><br>
        </div>        
                </div>
        <div class="col-sm-6">
        <iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps/ms?msid=211195633835911146861.0004cdba810eff5bd63f7&amp;msa=0&amp;ie=UTF8&amp;t=m&amp;ll=25.032786,121.301208&amp;spn=0.001944,0.003208&amp;z=17&amp;output=embed"></iframe>
        </div>
      </div>
      <div class="clearfix"></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