@extends('shop/layout')
@section('shop')

    <div class="container">
            <div class="row">
            @foreach($categories as $category)

                <div class="col-md-3">
                    <div class="card mb-4 shadow-sm">
                        <div class="card-header">
                            <h4 class="my-0 font-weight-normal">{{$category->title}}</h4>
                        </div>
                        <div class="card-body">
                            {{-- <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>--}}

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

                                <img style="width: 70px;" src="{{$category->picture}}">
                            </a>
                        </div>
                    </div>
                </div>

            @endforeach

            </div>
        </div>
@stop