@extends('frontend.layout.app')
@section('content')

    <div class="breadcumb-wrapper" data-bg-src="{{ asset('frontend/assets/img/breadcumb/breadcumb-bg_8.png') }}">
        <div class="container z-index-common">
            <div class="breadcumb-content">
                <h1 class="breadcumb-title">Wishlist</h1>
                <div class="breadcumb-menu-wrap">
                    <ul class="breadcumb-menu">
                        <li><a href="{{route('index')}}">Home</a></li>
                        <li>Wishlist</li>
                    </ul>
                </div>
            </div>
        </div>
    </div><!--==============================
    Cart Area
    ==============================-->
    <div class="vs-cart-wrapper space-top space-extra-bottom">
        <div class="container">
            @if($wishlists->count() > 0)
                <form action="#" class="woocommerce-cart-form">
                    <table class="cart_table">
                        <thead>
                            <tr>
                                <th class="cart-col-image">Image</th>
                                <th class="cart-col-productname">Products Details</th>
                                <th class="cart-col-price">Price</th>
                                <th class="cart-col-stock">Stock</th>
                                <th class="cart-col-action">Action</th>
                                <th class="cart-col-remove">Remove</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($wishlists as $wish)
                                <tr class="cart_item">
                                    <td data-title="Product">
                                        <a class="cart-productimage" href="{{ route('productsdetails', $wish->product->id) }}">
                                            <img width="91" height="91"
                                                 src="{{ $wish->product->images->first() ? asset('storage/product/' . $wish->product->images->first()->images) : asset('frontend/assets/img/no-image.png') }}"
                                                 alt="{{ $wish->product->product_name ?? 'product' }}">
                                        </a>
                                    </td>
                                    <td data-title="Name" class="cart-productname_1">
                                        <a class="cart-productname" href="{{ route('productsdetails', $wish->product->id) }}">{{ $wish->product->product_name }}</a>
                                    </td>
                                    <td data-title="Price">
                                        @php
                                            $wishSp = $wish->product->sp ?? 0;
                                            $wishGst = $wish->product->gst ?? 0;
                                            $wishPriceWithGst = $wishSp + ($wishSp * $wishGst / 100);
                                        @endphp
                                        <span class="amount"><bdi><span>₹</span>{{ number_format($wishPriceWithGst, 2) }}</bdi></span>
                                        <small class="gst-note" style="font-size: 10px; color: #666; display: block;">({{ $wishGst }}% GST)</small>
                                    </td>
                                    <td data-title="Stock">
                                        @if($wish->product->stock > 0)
                                            <span class="text-success">{{ $wish->product->available_stock }} in stock</span>
                                        @else
                                            <span class="text-danger">Out of stock</span>
                                        @endif
                                    </td>
                                    <td data-title="Action">
                                        @if($wish->product->stock > 0)
                                            <form method="POST" action="{{ route('cart.add') }}" style="display:inline;">
                                                @csrf
                                                <input type="hidden" name="product_id" value="{{ $wish->product->id }}">
                                                <input type="hidden" name="quantity" value="1">
                                                <button type="submit" class="vs-btn btn-sm">
                                                    <i class="far fa-shopping-cart"></i> Add to Cart
                                                </button>
                                            </form>
                                        @else
                                            <button type="button" class="vs-btn btn-sm" disabled style="background: #ff0000; color: #fff;">Out of Stock</button>
                                        @endif
                                    </td>
                                    <td data-title="Remove">
                                        <a href="{{ route('wishlist.remove', $wish->product->id) }}"
                                           class="remove btn btn-link p-0 m-0 border-0 text-danger"
                                           title="Remove from wishlist"
                                           aria-label="Remove item"
                                           onclick="event.preventDefault(); if (confirm('Are you sure you want to remove this item from your wishlist?')) { window.location.href='{{ route('wishlist.remove', $wish->product->id) }}'; }">
                                            <i class="fal fa-trash-alt"></i>
                                        </a>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </form>
            @else
                <div class="alert alert-info mt-4 text-center" role="alert">
                    <i class="fas fa-info-circle me-2"></i>
                    There are no products in your wishlist.
                </div>
            @endif
        </div>
    </div>

        <div data-bg-src="assets/img/bg/bg-h-1-1.jpg">
      <div class="vs-wave-shape  ">
         <svg viewBox="0 0 1920 295" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path class="wave-path" fill-rule="evenodd" clip-rule="evenodd"
               d="M1920 295V202.758C1906.48 131.342 1843.63 77.168 1768.34 77.168C1739.37 77.168 1711.54 85.1814 1687.4 100.128C1650.68 38.4074 1584.56 0 1511.11 0C1412.1 0 1329.2 70.2842 1309.68 163.577C1294.03 136.928 1265.08 119 1232 119C1215.11 119 1198.88 123.673 1184.8 132.389C1163.39 96.397 1124.83 74 1082 74C1022.17 74 972.422 118.018 963.444 175.369C947.459 160.855 926.246 152 903 152C886.11 152 869.88 156.673 855.803 165.389C834.387 129.397 795.832 107 753 107C710.158 107 672.487 129.569 651.251 163.442C635.542 150.075 615.199 142 593 142C576.11 142 559.88 146.673 545.803 155.389C524.387 119.397 485.832 97 443 97C400.012 97 362.23 119.723 341.034 153.789C324.552 132.631 298.841 119 270 119C253.11 119 236.88 123.673 222.803 132.389C201.387 96.397 162.832 74 120 74C53.8333 74 0.000244141 127.833 0.000244141 194C0.000244141 194.41 0.000244141 194.835 0.0152435 195.245L0.000244141 195.248V295H1920Z" />
         </svg>
      </div>

          @endsection