@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>
    @auth()
        @if(auth()->user()->isAdmin)
    <div class="container">
        <div class="row">
            <h1>Admin</h1>
        </div>
        <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' => $ancestor->slug] + ($seller ? ['sellerSlug' => $seller->name]:[]))}}" class="btn btn-lg btn-block btn-outline-primary">

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

            @endforeach
        </div>
    </div>
        @endif
    @endauth
@stop