@extends('layout.index')

@section('content')

	@include('includes.tittle')

	<section class="windows-page-section">
		<div class="auto-container">
			
			@include('includes.typenav')

			<div class="shop-single">
				<div class="product-details">

                    <div class="product-info-tabs">
                        <!--Product Tabs-->
                        <div class="prod-tabs tabs-box">
                        
                            <!--Tab Btns-->
                            <ul class="tab-btns tab-buttons clearfix">
                                <li data-tab="#prod-cpl" class="tab-btn active-btn">CPL Lamino</li>
                                <li data-tab="#prod-lakovane" class="tab-btn">Lakované</li>
                                <li data-tab="#prod-lesk" class="tab-btn">Vysoký lesk</li>
                                <li data-tab="#prod-dyha" class="tab-btn">Dýha</li>
                                <li data-tab="#prod-folia" class="tab-btn">Fólia</li>
                                <li data-tab="#prod-lamino" class="tab-btn">Lamino</li>
                            </ul>
                            
                            <!--Tabs Container-->
                            <div class="tabs-content">
                                
                                <!--Tab / Active Tab-->
                                <div class="tab active-tab" id="prod-cpl">
                                	<div class="row">
	                                    @foreach($cpllamino as $products)
		
												<div class="product-block alternate col-md-4 col-sm-2">
													<div class="inner-box accessories-box">
														<div class="image">
															<img src="{{ asset('images/farby/cpllamino/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
															<ul class="options-box">
																<li><a href="{{ asset('images/farby/cpllamino/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
															</ul>
														</div>
														<div class="lower-box">
															<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
														</div>
													</div>
												</div>

										@endforeach
									</div>
                                </div>
                                
                                <!--Tab-->
                                <div class="tab" id="prod-lakovane">
                                	<div class="row">
                                	@foreach($malovane as $products)
		
											<div class="product-block alternate col-md-4 col-sm-2">
												<div class="inner-box accessories-box">
													<div class="image">
														<img src="{{ asset('images/farby/malovane/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
														<ul class="options-box">
															<li><a href="{{ asset('images/farby/malovane/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
														</ul>
													</div>
													<div class="lower-box">
														<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
													</div>
												</div>
											</div>

									@endforeach
									</div>
                                </div>

                                <div class="tab" id="prod-lesk">
                                	<div class="row">
                                	@foreach($lesk as $products)
		
											<div class="product-block alternate col-md-4 col-sm-2">
												<div class="inner-box accessories-box">
													<div class="image">
														<img src="{{ asset('images/farby/lesk/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
														<ul class="options-box">
															<li><a href="{{ asset('images/farby/lesk/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
														</ul>
													</div>
													<div class="lower-box">
														<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
													</div>
												</div>
											</div>

									@endforeach
									</div>
                                </div>

                                <div class="tab" id="prod-dyha">
                                	<div class="row">
                                	@foreach($dyha as $products)
		
											<div class="product-block alternate col-md-4 col-sm-2">
												<div class="inner-box accessories-box">
													<div class="image">
														<img src="{{ asset('images/farby/dyha/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
														<ul class="options-box">
															<li><a href="{{ asset('images/farby/dyha/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
														</ul>
													</div>
													<div class="lower-box">
														<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
													</div>
												</div>
											</div>

									@endforeach
									</div>
                                </div>

                                <div class="tab" id="prod-folia">
                                	<div class="row">
                                	@foreach($folia as $products)
		
											<div class="product-block alternate col-md-4 col-sm-2">
												<div class="inner-box accessories-box">
													<div class="image">
														<img src="{{ asset('images/farby/folia/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
														<ul class="options-box">
															<li><a href="{{ asset('images/farby/folia/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
														</ul>
													</div>
													<div class="lower-box">
														<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
													</div>
												</div>
											</div>

									@endforeach
									</div>
                                </div>

                                <div class="tab" id="prod-lamino">
                                	<div class="row">
	                                    @foreach($lamino as $products)
		
												<div class="product-block alternate col-md-4 col-sm-2">
													<div class="inner-box accessories-box">
														<div class="image">
															<img src="{{ asset('images/farby/lamino/' . $products['img']  ) }}" alt="{{ $products['name'] }}" />
															<ul class="options-box">
																<li><a href="{{ asset('images/farby/lamino/' . $products['img']  ) }}" class="overlay-box lightbox-image" data-fancybox="product-gallery" data-caption=""><span class="icon flaticon-view"></span></a></li>
															</ul>
														</div>
														<div class="lower-box">
															<h3><a class="uppercase">{{ $products['name'] }}</a></h3>
														</div>
													</div>
												</div>

										@endforeach
									</div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                           
                </div>
            </div>

		</div>
	</section>

@endsection