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

   <section class="my-lg-14 my-8">
    <div class="container ">
      <div class="row">
        <div class="col-12">
            <div class="d-md-flex justify-content-between align-items-center mb-8">
            <div>
                <h3 class=" mb-1">List of Brands</h3>
                <p>Explore our brands, each curated to cater to a wide range of needs and preferences.</p>
            </div>
            
            </div>

        </div>
        <div class="row ">
           <!-- col -->
            @foreach ($brands as $brand)
              <div class="col-lg-2 col-md-4 col-6">
                <div class="card card-product py-5 text-center mb-10">
                  <a href="{{route('frontend.shop',['brand' => $brand->slug])}}">
                    <img width="100px" src="{{asset($brand->logo)}}" alt="{{$brand->name}}" class="card-image rounded-circle w-200 h-200">
                  </a>
                  {{-- <div class="mt-4">
                    <h5 class="fs-6 mb-0"> <a href="{{route('frontend.shop',['brand' => $brand->slug])}}" class="text-inherit">{{$brand->name}}</a></h5>
                  </div> --}}
                </div>
              </div>
            @endforeach
           <!-- col -->
        </div>


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


   <!-- Category Section End-->

@endsection