@extends('layout.app')



@section('content')
    @if(\Request::route()->getName() == 'all-categories' )
    <div class="breadcrumb-option set-bg" data-setbg="{{ asset('img/breadcrumb-bg.jpg')}}">

@else
   <div class="breadcrumb-option set-bg" data-setbg="{{ asset('media_upload/'.$category->banner_name) }}">

@endif
        <div class="container">

            <div class="row">

                <div class="col-lg-12 text-center">

                    <div class="breadcrumb__text">
                         @if(\Request::route()->getName() == 'all-categories' )
                        <h2>All Categories</h2>
                        @else
                           <h2>{{ $category->name }}</h2>
                        @endif
                        <div class="breadcrumb__links">

                            <a href="/">Home</a>

                            <span>Product By Categories</span>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>

    <!-- Breadcrumb End -->

            <section>

              <div class="container">

                <div class="row">

                    @foreach($categories as $category)

                    <div class="box_category">

                        <div class="product-image"> 

                         <a @if($category->parent_id == 0) @if($category->category_type == 'category') href="{{ route('single-category', $category->slug) }}" @else href="{{ route('single-brand', $category->slug) }}" @endif @else href="https://store.googoz.com/productlist?keyword={{$category->search_name=='' ? $category->name : $category->search_name}}" @endif>

                          <img src="{{ asset('media_upload/'.$category->image_name) }}" >

                          </a> 

                        </div>

                        <div class="gap-1" style="text-align: center;margin: 13px 12px 13px 12px;">

                         <a id="lnkWidgetTitle" class="vs-tooltip" @if($category->parent_id == 0) @if($category->category_type == 'category') href="{{ route('single-category', $category->slug) }}" @else href="{{ route('single-brand', $category->slug) }}" @endif @else href="https://store.googoz.com/productlist?keyword={{$category->search_name=='' ? $category->name : $category->search_name}}" @endif>  <h3>{{ $category->name }}</h3></a>

                        </div>

                        <div id="divProductDetails" class="category-details"> 
                        <a id="lnkWidgetTitle" style="color: black !important;" class="vs-tooltip" @if($category->parent_id == 0) @if($category->category_type == 'category') href="{{ route('single-category', $category->slug) }}" @else href="{{ route('single-brand', $category->slug) }}" @endif @else href="https://store.googoz.com/productlist?keyword={{$category->search_name=='' ? $category->name : $category->search_name}}" @endif>
                           <span id="spnWidgetTitle">
                               {{ $category->description }}</span>
                        </a>

                        </div>

                    </div>

                    @endforeach

          

                </div>

              </div>

            </section>



       

<!-- Services Page Section End -->

@endsection