

<?php $__env->startSection("content"); ?>


</br></br></br></br></br></br></br>
            
        <div id="content" role="main">
                         
                 <div class="tp-caption rev-subtitle subtitle_text" style="z-index: 10;text-align:center;width:100%;">
                    <h2 class="title-underblock custom text-uppercase text-center"><?php echo trans("products.title"); ?></h2>
                </div>                     
                    <img id="title_img" style ="width:100%;height:100px;" src="<?php echo asset('images/imgs/background.jpg'); ?>">
          
        </div><!-- End .page-header -->    

            <div>

                <div class="raw" style="align:center;background-color:#fff;">
                    <ul class="footer-menu" style=" text-align:center;color:black;padding:5px;">
                        <?php if($langset == 'tw'): ?>
                            <?php foreach($categories as $category): ?>
                            <li><a href="<?php echo URL::to('front/products/'.$category->id); ?>" style="color:#303030;"><?php echo $category->name_tw; ?></a></li>
                            <?php endforeach; ?>
                        <?php else: ?>
                            <?php foreach($categories as $category): ?>
                            <li><a href="<?php echo URL::to('front/products/'.$category->id); ?>" style="color:#303030;"><?php echo $category->name; ?></a></li>
                            <?php endforeach; ?>                       
                        <?php endif; ?>
                    </ul>
                </div>
                <?php if(!empty($productinfo)): ?>
                    <?php echo HTML::image($productinfo[2],"",['class'=>'image', 'style'=>'width:100%;height:100%;', 'id'=>'priview']); ?>

                <?php else: ?>
                    <img style ="width:100%;height:100%;" src="<?php echo asset('images/imgs/Product/product1.jpg'); ?>">
                <?php endif; ?>
            </div><!-- End #revslider-container -->
            
            
            <!--products list -->
            <?php $count = 1; ?>
            <?php foreach($products as $product): ?>
		<!--如果沒有圖片的話-->
		<?php if(isset($productimgs[$product->id])): ?> 

                <div class="row" style="width:100%; margin:0;">
                <?php if($count %2 == 0): ?>
                 <hr class="product_hr">
                    <div class="col-xs-12 col-md-8 col-md-push-4 div_products" style = "height:100%;">

                        <div id="project-gallery-<?php echo $count; ?>" class="portfolio-media carousel slide" data-ride="carousel" data-interval="7000" style="margin-top: 10%;">

                        <ol class="carousel-indicators" style="bottom:-10%;">
                            <li data-target="#project-gallery-<?php echo $count; ?>" data-slide-to="0" class="active" style="border-color:#000;">1</li>
                        <?php for($c =1 ; $c < count($productimgs[$product->id]); $c++): ?>
                            <li data-target="#project-gallery-<?php echo $count; ?>" data-slide-to="<?php echo $c; ?>" style="border-color:#000;"><?php echo $c+1; ?></li>
                        <?php endfor; ?>
                        </ol>    

                            <!-- Wrapper for slides -->
                        <div class="carousel-inner displayed" >                                                
                            <?php if(!empty($productimgs)): ?>
                                    <div class="item active">
                                        <?php echo HTML::image($productimgs[$product->id][0],"",['class'=>'image', 'id'=>'priview_slide_img']); ?>

                                    </div><!-- End .item -->                                            
                                <?php for($c =1 ; $c < count($productimgs[$product->id]); $c++): ?>
                                    <div class="item">
                                        <?php echo HTML::image($productimgs[$product->id][$c],"",['class'=>'image', 'id'=>'priview_slide_img']); ?>

                                    </div><!-- End .item -->
                                <?php endfor; ?>                             
                            <?php else: ?>                                    
                                    <div class="item active">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->

                                    <div class="item">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->

                                    <div class="item">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->
                            <?php endif; ?>     
                        </div><!-- End .carousel-inner -->                                               

                            <!-- Controls -->
                            <!--a class="left carousel-control" href="#project-gallery" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
                            <a class="right carousel-control" href="#project-gallery" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a-->
                        </div><!-- End .carousel -->
                    </div><!-- End .col-md-8 -->

                   <div class="col-xs-12 col-md-4 col-md-pull-8 div_products" style="background-color:#00739B;overflow: auto;">
                        <div class="portfolio-details">
                        </br>
                            <?php if(!empty($product)): ?>
                                    <?php if(Session::get('set_lang')=='tw'): ?>
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;"><?php echo $product->title_tw; ?></h2>
                                            <span style="color:white"><?php echo $product->description_tw; ?></span>
                                        </ul>                    
                                    <?php else: ?>
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;"><?php echo $product->title_en; ?></h2>
                                            <span style="color:white"><?php echo $product->description_en; ?></span>
                                        </ul>                          
                                    <?php endif; ?>    
                            <?php else: ?>                        
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;">Trainer function</h2>
                                            <li><span style="color:white">Loading weight 45kg</span></li>
                                            <li><span style="color:white">Frame/front fork: Enhanced plastic P.P, all in one</span></li>
                                            <li><span style="color:white ">Detachable and adjustable seat height 44-33cm, breathing and vibration-proof cushion</span></li>
                                            <li><span style="color:white">Tyres: Air tire </span></li>
                                            <li><span style="color:white">Certificate: EN71 </span></li>
                                            <li><span style="color:white">Weigh 4kg </span></li>                                
                                        </ul>
                            <?php endif; ?>
                        </div><!-- End .portfolio-details -->
                        
                    </div><!-- End .col-md-4 -->

                <?php else: ?>
		    <?php if($count > 1): ?>
                 	<hr class="product_hr">
		    <?php endif; ?>
                    <div class="col-md-8 div_products" style = "height:100%;">

                        <div id="project-gallery-<?php echo $count; ?>" class="portfolio-media carousel slide" data-ride="carousel" data-interval="7000" style="margin-top: 10%;">

                        <ol class="carousel-indicators" style="bottom:-10%;">
                            <li data-target="#project-gallery-<?php echo $count; ?>" data-slide-to="0" class="active" style="border-color:#000;">1</li>
                        <?php for($c =1 ; $c < count($productimgs[$product->id]); $c++): ?>
                            <li data-target="#project-gallery-<?php echo $count; ?>" data-slide-to="<?php echo $c; ?>" style="border-color:#000;"><?php echo $c+1; ?></li>
                        <?php endfor; ?>
                        </ol>    

                            <!-- Wrapper for slides -->
                        <div class="carousel-inner displayed" >                                                
                            <?php if(!empty($productimgs)): ?>
                                    <div class="item active">
                                        <?php echo HTML::image($productimgs[$product->id][0],"",['class'=>'image', 'id'=>'priview_slide_img']); ?>

                                    </div><!-- End .item -->                                            
                                <?php for($c =1 ; $c < count($productimgs[$product->id]); $c++): ?>
                                    <div class="item">
                                        <?php echo HTML::image($productimgs[$product->id][$c],"",['class'=>'image', 'id'=>'priview_slide_img']); ?>

                                    </div><!-- End .item -->
                                <?php endfor; ?>                             
                            <?php else: ?>                                    
                                    <div class="item active">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->

                                    <div class="item">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->

                                    <div class="item">
                                        <img src="<?php echo asset('images/imgs/Product/product2.jpg'); ?>" alt="GENGHUNG">
                                    </div><!-- End .item -->
                            <?php endif; ?>     
                        </div><!-- End .carousel-inner -->                                               

                            <!-- Controls -->
                            <!--a class="left carousel-control" href="#project-gallery" role="button" data-slide="prev"><i class="fa fa-angle-left"></i></a>
                            <a class="right carousel-control" href="#project-gallery" role="button" data-slide="next"><i class="fa fa-angle-right"></i></a-->
                        </div><!-- End .carousel -->
                    </div><!-- End .col-md-8 -->

                    <div class="col-md-4 div_products" style="background-color:#00739B;overflow: auto;">
                        <div class="portfolio-details">
                        </br>
                            <?php if(!empty($product)): ?>
                                    <?php if(Session::get('set_lang')=='tw'): ?>
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;"><?php echo $product->title_tw; ?></h2>
                                            <span style="color:white"><?php echo $product->description_tw; ?></span>
                                        </ul>                    
                                    <?php else: ?>
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;"><?php echo $product->title_en; ?></h2>
                                            <span style="color:white"><?php echo $product->description_en; ?></span>
                                        </ul>                          
                                    <?php endif; ?>    
                            <?php else: ?>                        
                                        <ul class="portfolio-details-list" style="color:#fff; padding-right:10%">
                                            <h2 class="title-underline" style="color:white;">Trainer function</h2>
                                            <li><span style="color:white">Loading weight 45kg</span></li>
                                            <li><span style="color:white">Frame/front fork: Enhanced plastic P.P, all in one</span></li>
                                            <li><span style="color:white ">Detachable and adjustable seat height 44-33cm, breathing and vibration-proof cushion</span></li>
                                            <li><span style="color:white">Tyres: Air tire </span></li>
                                            <li><span style="color:white">Certificate: EN71 </span></li>
                                            <li><span style="color:white">Weigh 4kg </span></li>                                
                                        </ul>
                            <?php endif; ?>
                        </div><!-- End .portfolio-details -->
                        
                    </div><!-- End .col-md-4 -->
                <?php endif; ?>
                </div><!-- End .row -->
                        <?php $count++; ?>
		<?php endif; ?> 
		<!--end img count-->
            <?php endforeach; ?>


<?php $__env->stopSection(); ?>

<?php echo $__env->make('layout.basic_front', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>