@extends('layouts.portal_theme_01')
@section('customcss')
    <style>
        .card-img-top {
            height: 200px; /* Ensures all images are the same height */
            object-fit: cover; /* Maintains aspect ratio and ensures image fills the container */
        }

        .card-body {
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* Aligns content properly inside the card */
        }
    </style>
    @section('content')


        <div class="container pb-5">
            <div class="row mt-3">
                <div class="col-lg-2">

{{--                    <div class="col-md-4">--}}
{{--                        <div class="card mb-4 product-wap rounded-0">--}}
{{--                            <div class="card rounded-0">--}}
{{--                                @if(!empty($product['images']))--}}
{{--                                    <img class="card-img-top"--}}
{{--                                         src="{{ $product['images'][0]['image_url'] }}">--}}
{{--                                @endif--}}
{{--                            </div>--}}
{{--                            <div class="card-body">--}}
{{--                                <a href="{{ URL::to('product/'.  strtolower($product['product_id'])  . '/view')  }}"--}}
{{--                                   class="h3 text-decoration-none">--}}
{{--                                    {{ $product['product_name'] }}--}}
{{--                                </a>--}}
{{--                                <p>--}}
{{--                                    <span>--}}
{{--                                        {{ $collection['collection_name'] }}--}}
{{--                                    </span>--}}
{{--                                    <br/>--}}
{{--                                    {{ $product['description'] }}--}}
{{--                                </p>--}}

{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </div>--}}

                </div>
                <div class="col-lg-8">
                    <div class="row">
                        <div class="h-100 p-5 text-bg-light border rounded-3">
                            <h2>Product Added to Cart</h2>
                            <p>Hurray! You have new products in your cart!</p>
                            <a class="btn btn-primary" type="button"
                            href="{{ URL::to('/shopping/my-cart') }}"
                            >View My Cart</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>


    @endsection

    @section('script')
        <script>


        </script>
    @endsection