@extends('layout2.clim.header')

@section('content')
    <section class="product-section-4 py-3">
        <div class="container-fluid">

            <div class="row">
                @foreach ($products as $product)
                    <div class="col-6 col-lg-2 col-md-2 col-sm-6 mb-4">
                        <div class="single-product-wrap border border-secondary p-2 rounded d-flex flex-column h-100">
                            <div class="product-image banner-hover flex-grow-1" style="height: 180px; overflow: hidden;">
                                <a href="/product/{{ $product->id }}-{{ Str::slug($product->name) }}"
                                    class="pro-img h-100 d-block">
                                    <img src="{{ url('/storage/' . ($product->thumb_image ?? $product->image)) }}"
                                        class="img-fluid w-100 h-100 object-fit-cover" alt="{{ $product->name }}">
                                </a>
                            </div>
                            <div class="product-content mt-2">
                                <div class="product-title" style=" overflow: hidden;">
                                    <h6 class="m-0">
                                        <a href="/product/{{ $product->id }}-{{ Str::slug($product->name) }}"
                                            class="product-title-link text-dark text-decoration-none">
                                            {{ $product->name }}
                                        </a>
                                    </h6>
                                </div>
                                <div class="product-price mt-2">
                                    <div class="pro-price-box">
                                        <span class="new-price fw-bold">TK
                                            {{ number_format($product->new_price) }}</span>
                                        @if ($product->old_price)
                                            <span class="old-price text-muted text-decoration-line-through ms-2">TK
                                                {{ number_format($product->old_price) }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="AddToCart_btn mt-2 d-flex align-items-center justify-content-center">
                                    <button style="background-color: #ed1e54"
                                        class="add-button addcart-button btn buy-button text-light"
                                        data-bs-toggle="offcanvas" data-bs-target="#cartDrawer"
                                        onclick="AddToCart('{{ $product->id }}', '{{ e($product->name) }}', {{ number_format($product->new_price, 2, '.', '') }}, '{{ url('/storage/' . ($product->thumb_image ?? $product->image)) }}')">

                                        <div class="d-block text-light">Add to Cart</div>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>


        </div>
    </section>
@endsection