@extends('layout.index')



@section('content')

<!--Sidebar Page Container-->
    <div class="sidebar-page-container">
    	<div class="auto-widecontainer">
        	<div class="row clearfix">
				
               	<!--Sidebar Side-->
                <div class="sidebar-side col-lg-3 col-md-4 col-sm-12">
                	<aside class="sidebar sidebar-two">
						
						<!--search box-->
                        <div class="sidebar-widget-two search-box-two">
                        	<div class="">

	                            <span class="pull-left icon {{$categorydata->icon_class}}">
	                                {!! $categorydata->icon !!}
	                            </span>

	                            <div>
	                            	<h3>{{$categorydata->name}}</h3>
	                            </div>

                            </div>

                        </div>
                        
                        <!--Category Widget-->
                        <div class="sidebar-widget-two categories-two">
                        	<div class="widget-content">
								<ul class="category-list-two">
									@foreach($products as $p)
										<li><a href="{{ route('details',['kategoria' => $categorydata->id ,  '' =>  $p->id ]) }}" class="{{ ($product->id == $p->id)? "activeproduct" : "" }}" >{{ $p->name }}</a></li>
									@endforeach
								</ul>
							</div>
						</div>
						
						<!--Category Widget-->
                        <div class="sidebar-widget-two categories-two">
                        	<div class="sidebar-title-two"><h3 class="categoryheader">Všetky kategórie</h3></div>
                        	<div class="widget-content">
								<ul class="category-list-two">
									@include('includes.links')
								</ul>
							</div>
						</div>
						
					</aside>
				</div>
               
                <!--Content Side-->
                <div class="content-side col-lg-8 col-md-8 col-sm-12">
                	<div class="our-shop">
						
						<!--Sort By-->
                        <div class="items-sorting">
                        	<div class="clearfix">
                              
                                <div class="door-section">
	                            	<h2>Vyberajte <span class="theme_color">interiérové</span> dvere a zárubne</h2>
	                            </div>

	                            @include('includes.dveretext')
                                
                            </div>
                        </div>
						
						<div id="door-box"class="row clearfix">
							@include('includes.doordetail')
						</div>
						
						
					</div>
				</div>
				
			</div>
		</div>
	</div>

@endsection