@extends('frontend.layouts.master')
@section('title','Categories')
@section('css')
    <style>
        #accordion2 {
    margin-left: 20px;
}

    </style>
@endsection
@section('content')


<section class="mt-8">
    <div class="container">
        @foreach ($categories as $key => $category)
            <div class="row">
                <div class="col-8 mx-auto"> <a href="shop-grid.html" class="text-decoration-none text-inherit">
                    <!-- card -->
                    <a href="{{route('frontend.shop',['category' => $category->slug])}}">
                        <div class="card card-product">
                            <div class="card-body text-center">
                                <img src="{{asset('assets/frontend/assets/images/products/product-img-1.jpg')}}" alt="Grocery Ecommerce Template" class="mb-3">
                                <div class="bg-white text-primary fs-16">{{$category->name}}</div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
            <div class="row my-4">
                @foreach (\App\Utility\CategoryUtility::children_ids($category->id) as $key => $first_level_id)
                @php  $item = \App\Models\Category::find($first_level_id); @endphp
               <div class="col-lg-2 col-md-4 col-6">
                 <div class="text-center mb-10">
                    <a href="{{route('frontend.shop', ['category' => $item->slug])}}">
                        <img src="{{asset('assets/frontend/assets/images/category/fruits-vegetables.png')}}" alt="{{$item->name}}" class="card-image rounded-circle">
                    </a>
                    <div class="mt-4">
                        <h5 class="fs-6 mb-0"> <a href="{{route('frontend.shop', ['category' => $item->slug])}}" class="text-inherit">{{$item->name}}</a></h5>
                    </div>
                 </div>
               </div>
             @endforeach
            </div>
        @endforeach
    </div>
  </section>
@endsection