@extends('buyer.layout')
@section('title')
    <title>Dashboard</title>
@endsection
@section('frontend-content')

<div class="container mx-auto my-3">
                    <div class="row">
                        <div class="col-md-12 ">
                            <img src="img/banner2.png" class="w-100 rounded">
                        </div>
                    </div>
                </div>

<div class="container mx-auto my-3">
                    <div class="row">
                      
                    </div>
                </div>
                
                <div class="container mx-auto my-4">
                    <h3>Categories</h3>
                    <div class="row my-2 g-3">
                        @foreach($categories as $categorydata)
                        <div class="col-md-3 text-center">
                           
                            <img src="{{ asset('storage/' . $categorydata->category_image) }}"  class="category-img w-100 h-80 rounded" alt="{{$categorydata->category_name}}">
                            <button class="btn btn-primary mt-5 px-4 fs-4" style="background-color: #1e3a8a"><a href="{{ route('buyer.products.index', ['category' => $categorydata->category_id]) }}">
    {{ $categorydata->category_name }}
</a></button>
                        </div>
                        @endforeach
                       
                        
                       
                    </div>
                </div>


@endsection