@extends('layout.user')
@section('page-title', __('basic.Wishlist') )
@section('nav-title', __('basic.Wishlist') )
@section('page-js-script')
@endsection
@section('container')
        <div class="row row-cols-2 row-cols-xl-3">
        @for ($i = 0; $i < count($product); $i++)
            <div class="col">
                <div class="card">
                    <div class="card-tag-promo btn-red {{ $product[$i]['class'] }}">promo -100%</div>
                    <img src="{{ asset($product[$i]['img']) }}" alt="">
                    <div class="card-info">
                        <p class="text-base-r">{{ $product[$i]['name'] }}
                        </p>
                        <div class="d-flex gap-2">
                            <span class="text-base-b text-danger">${{ $product[$i]['price'] }}</span>
                            <span class="btn btn-sm tag-danger">{{ $product[$i]['discount'] }}</span>
                        </div>
                        <p class="text-sm-bs text-gray">${{ $product[$i]['o-price'] }}</p>
                        <div class="d-flex flex-lg-row flex-column mt-2 gap-2">
                            <button type="button" class="btn btn-primary w-100 d-flex justify-content-center align-items-center gap-2 px-3">
                                {{ __('basic.AddCart') }}<i class="text-base-b icon-arrow-right"></i>
                            </button>
                            <button type="button" class="wishbtn btn btn-outline-primary fs-4 icon-heart-active py-1 px-3"></button>
                        </div>
                    </div>
                </div>
            </div>
        @endfor
    </div>
@endsection