@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-4">
    <h3 class="text-center">Our Products</h3>
    <div class="row align-items-left my-3 mx-auto gx-3 gap-5">
        @foreach($subcategory as $subdata)
        <div class="bg-light p-0" style="width: 15rem">
            <img src="{{ asset('storage/' . $subdata->sub_category_image) }}" class="card-img-top h-75" alt="{{ $subdata->sub_category_name }}">
            <a href="{{ route('buyer.products.details', ['id' => $subdata->id]) }}" style="text-decoration: none;">
                <h4 class="card-title text-center p-2" style="background-color:#1e3a8a; color:white;">
                    {{ $subdata->sub_category_name }}
                </h4>
            </a>
        </div>
        @endforeach
    </div>
</div>

</div>





@endsection