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

<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">Our {{$category->title}}</h1>
            </div>
        </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3">

            </div>
            <div class="col-md-9">
                <div class="container-fluid">
                    <div class="row sub-categories">

                        @foreach($subCategories 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('shop.seller.category', ['sellerSlug' => $seller->name,'categorySlug' => $category->slug])}}" class="btn btn-lg btn-block btn-outline-primary">

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

                    </div>

                    <div class="row">

                        @foreach(($seller ? $category->visibleSellerProducts($seller) : $category->visibleProducts) as $product)
                            <div class="col-md-4">
                                <div class="card mb-4 shadow-sm">
                                    <div class="card-header text-center">
                                        <h4 class="my-0 font-weight-normal">{{$product->title}}</h4>
                                    </div>
                                    <div class="card-body">
                                        {{-- <h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>--}}

                                        {{$category->slug}} {{$product->slug}}
                                        <a href="{{route('shop.product', ['categorySlug' => $category->slug, 'productSlug' => $product->slug])}}" class="btn btn-lg btn-block btn-outline-primary">
                                            <img style="width: 70px;" src="{{$product->picture}}">

                                        </a>
                                        <div class="text-center mt-3">{{$product->price}}€</div>
                                    </div>
                                </div>
                            </div>

                        @endforeach
                        @auth
                            @if(auth()->user()->isAdmin)
                                <h1>Admin</h1>
                                @foreach($category->products as $product)
                                    <div class="col-md-4">
                                        <div class="card mb-4 shadow-sm">
                                            <div class="card-header">
                                                <h4 class="my-0 font-weight-normal">{{$product->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('shop.product', ['categorySlug' => $category->slug, 'productSlug' => $product->slug])}}" class="btn btn-lg btn-block btn-outline-primary">
                                                    <img style="width: 70px;" src="{{$product->picture}}">

                                                </a>
                                                <form class="prod-form">
                                                    @csrf
                                                    <input name="slug" value="">
                                                    <input name="price" value="">
                                                    <input type="checkbox" name="hidden" value="1" {{$product->hidden ?'checked':''}}>
                                                    <button>
                                                        Ok
                                                    </button>
                                                </form>

                                            </div>
                                        </div>
                                    </div>

                                @endforeach

                            @endif
                        @endauth
                    </div>
                </div>
            </div>
        </div>
    </div>


    </div>
</div>
@stop