@extends('shop/layout')
@section('shop')
    <div class="">
        @if($seller)
            <a href="{{route('shop.seller', ['sellerSlug' => $seller->name])}}">{{ucfirst($seller->name)}}</a> >
        @else
            <a href="{{route('shop')}}">Our shop</a> >
        @endif
        @if($category->ancestors->count())
            @foreach( $category->ancestors as $ancestor)
                <a href="{{route($seller ? 'shop.seller.category' : 'shop.category', ['categorySlug' => $ancestor->slug] + ($seller ? ['sellerSlug' => $seller->name]:[]))}}">{{$ancestor->title}}</a>
                >

            @endforeach
        @endif
        {{$category->title}}

    </div>
    <div class="container category-container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h1 class="category-title d-inline-block pl-2 pr-2">{{$category->title}}</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-3 col-md-4">
                @include('shop.filters')
            </div>

             <div class="col-lg-9 col-md-8">
                 {{-- @if(!empty($subCategories))
                 <div class="row">
                     @foreach($subCategories as $subCategory)
                         <div class="col-lg-4 col-md-6 col-sm-12">

                             <div class="card mb-4 shadow-sm">
                                 <div class="card-header">
                                     <h4 class="my-0 font-weight-normal">{{$subCategory->title}} - 1</h4>
                                 </div>
                                 <div class="card-body">

                                     <a href="{{route($seller ? 'shop.seller.category' : 'shop.category', ['categorySlug' => $subCategory->slug] + ($seller ? ['sellerSlug' => $seller->name]:[]))}}"
                                        class="btn btn-lg btn-block btn-outline-primary">

                                         <img style="width: 70px;" src="{{$subCategory->picture}}">
                                     </a>
                                 </div>
                             </div>
                         </div>
                     @endforeach
                 </div>
                 @endif --}}
                <div class="row product-list">
                    @include('shop.product-list', ['products' => $products])
                </div>
            </div>
        </div>
    </div>
@stop