@extends('layout.basic_front')

@section("content")


<!-- Start Page Title Area -->
        <div class="page-title">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="page-title-text">
                                    <h3>{{trans('products.title')}}</h3>
                                </div>
                            </div>
                            
                            <div class="col-lg-6 col-md-6">
                                <ul>
                                    <li><a href="{{URL::to('front')}}"><i class="fa fa-home"></i> {{trans("home.header_btn")}}</a></li>
                                    <li><i class="fa fa-angle-right"></i></li>
                                    <li class="active">{{trans('products.title')}}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->
<!-- Start Mountain Bike Area -->
       <section class="bike-area ptb-80">
           <div class="container container-fluid">
               <div class="row">
                  
                   <div class="col-lg-4 col-md-5" style="height: fit-content;">
                    <div class="side-bar">
                      <div class="logo">
                          <!--img src="http://lorempixel.com/output/people-q-g-64-64-1.jpg" class="img-responsive center-block" alt="Logo"-->
                      </div>
                      <br>
                      <div class="left-navigation">
                          <ul class="list">
                              <h4><strong style="color:white;">{{trans("products.category_product_title")}}</strong></h4>
                                @if($langset == 'en')
                                    @foreach($categories as $category)
                                    <li><a class='sidebar-a' href="{{URL::to('front/products/'.$category->id)}}"><i class="fa fa-angle-double-right"></i>  {{$category->name}}</a></li>
                                    @endforeach
                                @else
                                    @foreach($categories as $category)
                                    <li><a class='sidebar-a'  href="{{URL::to('front/products/'.$category->id)}}"><i class="fa fa-angle-double-right"></i>  {{$category->name_tw}}</a></li>
                                    @endforeach                       
                                @endif
				    <li></li>
				    <li></li>
                          </ul>
                      </div>
                    </div>


{{-- 
                       <div class="side-bar mt-0">
                           <h2 class="title">{{trans("products.category_product_title")}}</h2>
                    
                           <div class="border"></div>
                           
                           <div class="categories-2">
                               <ul>
                                @if($langset == 'en')
                                    @foreach($categories as $category)
                                    <li><a href="{{URL::to('front/products/'.$category->id)}}" style="color: #033E96;font-size:19px;"><i class="fa fa-angle-double-right"></i>  {{$category->name}}</a></li>
                                    @endforeach
                                @else
                                    @foreach($categories as $category)
                                    <li><a href="{{URL::to('front/products/'.$category->id)}}" style="color: #033E96;font-size:19px;"><i class="fa fa-angle-double-right"></i>  {{$category->name_tw}}</a></li>
                                    @endforeach                       
                                @endif
                                </ul>
                           </div>
                           
                           <div class="border"></div>
                       </div>
--}}

                   </div>
                   
                   <div class="col-lg-8 col-md-7">
		   @if(isset($searchkeyword))
			<h2 class="title">{{trans("products.search_title")}} : {{$searchkeyword}}</h2>
		   @endif

                                        @foreach($products as $product)
                        <!--如果沒有圖片的話-->
                        @if(isset($productimgs[$product->id]))
                        @if($count %2 == 1)             
                       <div class="row">
                        @endif
                            <div class="col-lg-6 col-md-12">
                               <div class="single-product">
                                    <div class="product-image">
                                        @if(!empty($productimgs))
                                            {{ HTML::image($productimgs[$product->id][0],"",['class'=>'image', 'id'=>'priview_slide_img', 'style'=>'height: -webkit-fill-available']) }}
                                        <!--img src="{{asset('images/imgs/Home/Bike_1.png')}}" alt="bike"-->
                                        @else
                                            <img src="{{asset('images/imgs/Product/product2.jpg')}}" alt="GENGHUNG">
                                        @endif
                                        <div class="hover-box">
                                            <button type="button" class="detail-btn detail-btn-primary" data-toggle="modal" data-target="#exampleModalCenter"><a class="detail-link" href="{{URL::to('front/productdetail/'.$product->id)}}">{{trans('products.detail_btn')}}</a></button>
                                        </div>
                                    </div>

                                    <div class="product-content">
                                        @if(Session::get('set_lang')=='en')
                                        <h3 style="padding:0px;"><a href="{{URL::to('front/productdetail/'.$product->id)}}">{{$product->title_en}}</a></h3>
                                        @else
                                        <h3 style="padding:0px;"><a href="{{URL::to('front/productdetail/'.$product->id)}}">{{$product->title_tw}}</a></h3>
                                        @endif
                                        <ul>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                            <li><i class="fa fa-star"></i></li>
                                        </ul>
                                    </div>
				@if($product->sequence < 3)
                                    <div class="discount">
                                        TOP<span> {{$product->sequesce +1 }}</span>
                                    </div>
				@endif
                                </div>
                           </div>
                      @if($count %2 == 0)
                       </div> <!-- End .row -->         
                      @endif
                                        @endif 
                        <!--end img count-->
                    @endforeach
                   </div>                                                                
               </div>
           </div>
       </section>
       <!-- End Mountain Bike Area -->


@stop