@extends('master.front')
@section('title')
    {{__('Wishlist')}}
@endsection

@section('content')
 

  <div class="bg-gray4">
    <div class="container-fluid container60">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb py-3">
                <li class="breadcrumb-item"><a href="{{route('front.index')}}">{{__('Home')}}</a></li>
                <li class="breadcrumb-item active" aria-current="page">{{__('Wishlist')}}</li>
            </ol>
        </nav>
        <div class="row">
            <div class="col-12 py-4">
                <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                    รายการโปรด
                </h2>
            </div>
        </div>
    </div>
</div>
<div class="bg-gray4">
    <div class="container-fluid container60 pb-5">
        <div class="row">
            <div class="col-md-12 col-xl-2">
              @include('includes.user_sitebar')
            </div>
            <div class="col-md-12 col-xl-10">
                <div class="bg-white card card-body border-0 rounded-0">
                    <div class="d-flex align-items-center">
                        <i class="material-symbols-outlined text-blue1 me-1">
                            favorite
                        </i>
                        <h5 class="fw-semibold mb-0">รายการโปรด</h5>
                    </div>
                    {{-- <div class="row g-2 my-3">
                        <div class="col-10 col-md-5 col-lg-3">
                            <label for="" class="form-label fs-12 mb-1">สถานะสินค้า</label>
                            <select class="form-select">
                                <option>สินค้าพร้อมส่ง</option>
                            </select>
                        </div>
                        <div class="col-2 col-md-2 col-lg-3">
                            <label for="" class="form-label fs-12 mb-2 d-block w-100">&nbsp;</label>
                            <button class="btn btn-blue d-flex align-items-center rounded-0"><i
                                    class="material-symbols-outlined">search</i></button>
                        </div>
                    </div> --}}
                    <div class="bordered-1">
                        <div class="box-hoHead p-3 border bg-gray4 d-none d-md-block mb-2">
                            <div class="row">
                                <div class="col-sm-6">
                                    <h6 class="mb-0">สินค้า</h6>
                                </div>
                                <div class="col-sm-2">
                                    <h6 class="mb-0 text-center">ราคา</h6>
                                </div>
                                <div class="col-sm-2">
                                    <h6 class="mb-0 text-center">สถานะสินค้า</h6>
                                </div>
                                <div class="col-sm-2">
                                    <h6 class="mb-0 text-center">จัดการ</h6>
                                </div>
                            </div>
                        </div>
              

                        @foreach ($wishlist_items as $product)

                 


                        <div class="box-holist p-3 mb-2">
                            <div class="row align-items-center">
                                <div class="col-12 col-md">
                                    <div class="d-flex">
                                        <div class="flex-shrink-0">
                                            <div class="boximg60">
                                                <div class="ratio ratio-1x1">
                                                    <img src="{{asset('assets/images/'.$product->photo)}}" alt="..."
                                                        class="object-contain">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="flex-grow-1 ms-3">
                                            <span class="fs-12 text-muted">รหัสสินค้า: {{$product->sku}}</span>
                                            <p class="mb-0">{{$product->name}}</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-6 col-md-2 text-center">
                                    <p class="mb-0 text-blue1 fw-semibold">{{PriceHelper::grandCurrencyPrice($product)}}</p>
                                </div>
                                <div class="col-6 col-md-2 text-center">
 
                                    <div class="d-inline text-{{$product->stock == 0 ? 'danger' : 'success'}}">{{$product->stock == 0 ? __('Out of stock') : __('สินค้าพร้อมส่ง')}}</div>
                                </div>
                                <div class="col-12 col-md-2 text-center">
                                    <a href="{{route('front.product',$product->slug)}}" class="btn btn-blue rounded-0">ดูรายละเอียด</a>
                                    <a class="btn btn-wicon d-inline-flex"  href="{{route('user.wishlist.delete',$product->getWishlistItemId())}}"  style="background: #fff !important;"><i  style="background: #fff !important;color: #000000 !important"
                                            class="material-symbols-outlined i-fill">delete</i></a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                       
                        
                    </div>
                    {{-- <div class="text-center mb-5">
                        <nav aria-label="Page navigation">
                            <ul class="pagination justify-content-center">
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Previous">
                                        <span aria-hidden="true">&laquo;</span>
                                    </a>
                                </li>
                                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item">
                                    <a class="page-link" href="#" aria-label="Next">
                                        <span aria-hidden="true">&raquo;</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div> --}}
                </div>
            </div>
        </div>
    </div>
</div>
  <!-- Page Content-->
  {{-- <div class="container padding-bottom-3x mb-1">
  <div class="row">
         @include('includes.user_sitebar')
          <div class="col-lg-8">
            <div class="card">
                <div class="card-body">
                    <div class="padding-top-2x mt-2 hidden-lg-up"></div>
            <!-- Wishlist Table-->
            <div class="u-table-res wishlist-table mb-0">
              <table class="table table-bordered mb-0">
                <thead>
                  <tr>
                    <th>{{__('Wishlist Product')}}</th>
                    @if ($wishlist_items->count() > 0)
                    <th class="text-center"><a class="btn btn-sm btn-primary" href="{{route('user.wishlist.delete.all')}}"><span>{{__('Clear Wishlist')}}</span></a></th>
                    @endif
                  </tr>
                </thead>
                <tbody>
                @if ($wishlist_items->count() > 0)
                @foreach ($wishlist_items as $product)
                <tr>
                    <td>
                      <div class="product-item"><a class="product-thumb" href="{{route('front.product',$product->slug)}}"><img src="{{asset('assets/images/'.$product->photo)}}" alt="Product"></a>
                        <div class="product-info">
                          <h4 class="product-title"><a href="{{route('front.product',$product->slug)}}">{{$product->name}}</a></h4>
                          <div class="text-lg mb-1">{{PriceHelper::grandCurrencyPrice($product)}}</div>
                          <div class="text-sm">{{__('Availability')}}:
                            <div class="d-inline text-{{$product->stock == 0 ? 'danger' : 'success'}}">{{$product->stock == 0 ? __('Out of stock') : __('In Stock')}}</div>
                          </div>
                        </div>

                      </div>
                      @if ($product->is_stock())
                      @if ($product->item_type != 'affiliate')
                      <a class="product-button btn btn-primary btn-sm add_to_single_cart" href="javascript:;" data-target="{{$product->id}}"><i class="icon-shopping-cart"></i>
                        <span> {{__('Add To Cart')}}</span>
                      </a> 
                      @endif
                   
                      @else
                      <a class="product-button btn btn-primary btn-sm" href="{{route('front.product',$product->slug)}}"><i class="icon-arrow-right"></i><span>{{__('Details')}}</span></a>
                    @endif
                    </td>
                    <td class="text-center"><a class="remove-from-cart" href="{{route('user.wishlist.delete',$product->getWishlistItemId())}}" data-toggle="tooltip" title="Remove item"><i class="icon-x"></i></a></td>
                  </tr>
                @endforeach
                @else
                <tr class="text-center">
                    <td colspan="3">{{__('No Product Found')}}</td>
                </tr>
                @endif
                </tbody>
              </table>
            </div>
            <hr class="mb-4">
                </div>
            </div>

          </div>
        </div>
  </div> --}}
@endsection