@extends('layout.app')
@section('content')
    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('front/images/innerbnr1.png') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>WishList</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <div class="col-md-11 mx-auto">
        <nav aria-label="breadcrumb" class="bg-white">
            <ol class="breadcrumb bg-white">
                <li class="breadcrumb-item"><a href="{{ route('front.home') }}">Home</a></li>
                <li class="breadcrumb-item"><a href="#">Browser Art</a></li>
                <li class="breadcrumb-item active" aria-current="page">WishList</li>
            </ol>
        </nav>
    </div>

    @if(!empty($wishlists) && count($wishlists) > 0)
        <div class="checkOutStyle">
            <div class="container-fluid">

                <div class="mainbdr">
                    <div class="maincntntbr">
                        <h3>Products WishList</h3>
                    </div>

                    @foreach($wishlists as $item)

                        <div class="row cartItemCard">

                            <div class="col-md-5 col-sm-4">
                                <div class="priceCont">
                                    <h6>
                                            <span>Product Name :
                                                 <a href="{{ route('front.product.details', $item->product->id) }}"
                                                    class="text-muted">
                                                {{ $item->product->Name }} </a></span>
                                    </h6>
                                    <h4>
                                        <a href="{{ route('front.product.details', $item->product->id) }}"><span>SKU#: {{ $item->product->SKU }}</span></a>
                                    </h4>
                                    <p><strong>Price : </strong>${{ $item->customize_price }}</p>
                                </div>
                                @if(!empty($item->customize_data))
                                    <div class="text-left">
                                        <h5>Customization: </h5>
                                        @foreach(\App\Http\Controllers\WishListController::customizeTitles() as $name => $title)
                                            <p>
                                                <strong>{{ $title }}</strong>: {{ \App\Http\Controllers\WishListController::getCustomizeItem($item->customize_data, $name) }}
                                            </p>
                                        @endforeach
                                    </div>
                                @endif
                            </div>

                            <div class="col-md-2">
                                <form action="{{route('front.delete.wish.list')}}" method="Post"
                                      enctype="multipart/form-data">
                                    <input type="hidden" value="{{$item->id}}" name="wishlist_id">
                                    @csrf
                                    <button type="submit" class="wishlist-btndelete"><i class="far fa-times"></i>
                                    </button>
                                </form>
                            </div>

                        </div>
                    @endforeach


                    <div class="maincntntbr">
                        <h4 id="info_subtotal">
                            <span>TOTAL </span>${{ number_format($wishlists->sum('customize_price'), 2) }}</h4>
                    </div>


                </div>

            </div>
        </div>
    @else
        <div class="checkOutStyle">
            <div class="container-fluid">
                <div class="mainbdr">
                    <div class="maincntntbr">
                        <h3>Empty WishList</h3>
                        <a href="{{ route('front.home') }}">continue shopping</a>
                    </div>
                </div>
            </div>
        </div>
    @endif
    <!-- END: Step 2 -->

@endsection