@extends('layouts.app')
@section('title','Shop')
@section('content')
    <section id="main-shop">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 categories">
                    <h1>Categories</h1>
                    <div class="all-products">
                        @foreach($categories as $category)
                            <a href="{{route('shop-show',$category->id)}}"
                               class="list-group-item {!! Request::route('category') == $category->id? 'highlight' : ''!!}">{{$category->name}}</a>
                        @endforeach
                    </div>
                </div>
                <div class="col-lg-9">
                    <div class="row text-center">
                        @foreach($products as $product)
                            <div class="col-lg-4 col-md-6 mb-4">
                                @include('partials.singleProduct')
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <div class="gutter-bottom"></div>
    </section>
@endsection