@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="container3">

<div class="hero" style="background-image: url('{{ asset('storage/categories/banner/' . ($products[0]->category->description ?? 'default.jpg')) }}') !important;">
</div>

            <div class="container mx-auto my-4">
                    <h3>Products</h3>
                    <div class="row my-2 g-3">
            @foreach($products as $productdata)
            <!-- <div class="category-grid">
                <div class="category-item">
                    <img src="{{ asset('storage/' . $productdata->product_image) }}" alt="{{$productdata->product_name}}"><br><br>
                    <div class="category-title">
                    <a href="{{ route('buyer.products.index', ['category' => 'men']) }}">Men</a>
                    </div>
                </div> -->

                
                        <div class="col-md-3 text-center">
                            <img src="img/mens.png" class="category-img w-100 h-80 rounded" alt="Mens">
                            <button class="btn btn-primary mt-5 px-4 fs-4" style="background-color: #1e3a8a"><a href="{{ route('buyer.products.details', ['id' => $productdata->id]) }}">{{$productdata->product_name}}</a></button>
                        </div>
                       
                       
             @endforeach    
             </div>
             </div>
               
                
           
   
    </div>
@endsection