@extends('layouts.frontend.app')

@section('title')
    {{$title}}
@endsection


@section('meta')
   
@endsection

@push('css')
  
@endpush

@section('content')
<div class="breadcrumbs">
  <div class="container">
    <div class="row">
      <div class="col-xs-12">
        <ul>
          <li class="home"> <a title="Go to Home Page" href="{{ route('home') }}">Home</a><span>&raquo;</span></li>
          <li><strong> {{$title}}</strong></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Main Container -->
<section class="main-container col2-right-layout">
  <div class="main container">
    <div class="row">
      <aside class="sidebar col-sm-3 col-xs-12">
        @include('layouts.frontend.partial.coustomer_sidebar')
        
      </aside>

      <div class="col-main col-sm-9 col-xs-12">
        <div class="my-account">
            <div class="page-title">
                <h2>My Wishlist</h2>
            </div>
            <div class="wishlist-item table-responsive">
                <table class="table table-bordered" style="font-size:14px;background-color:#FFF;">
                    <thead>
                        <th>Photo</th>
                        <th>Title</th>
                        <th>Price</th>
                        <th class="text-center">Action</th>
                    </thead>
                    <tbody>
                      @foreach($wishlists as $key=>$wishlist)
                          <tr>
                            <td><img src="{{ Storage::disk('public')->url('product/'.$wishlist->Product->cover_photo) }}" height="75px"></td>
                            <td>
                                  {{ $wishlist->Product->title }}<br />
                              </td>
                            <td><strong>{{ number_format($wishlist->Product->sell_price) }}</strong><sup>৳</sup></td>
                            <td class="text-center">
                              <a data-tooltip="Buy Now" href="{{ route('product_details',$wishlist->Product->slug) }}" title="Buy Now" class="btn btn-warning btn-xs"><span> Buy Now</span></a>

                              {{-- for cart --}}
                              {{-- @if ($wishlist->Product->size_id || $wishlist->Product->colour_id)
                                  <a data-tooltip="Add to cart" data-toggle="modal" data-target="#create_{{$key}}_{{$wishlist->Product->id}}" title="Add to Cart" class="btn btn-warning btn-xs" style="color: white;"> <span>Add to Cart</span></a>
                              @else
                                  <a data-tooltip="Add to cart" href="{{ route('add_to_cart',$wishlist->Product->id) }}" class="btn btn-warning btn-xs" title="Add to Cart"> <span>Add to Cart</span></a>
                              @endif
                              @auth
                                  <a style="color: white;cursor: pointer;" onclick="wishlist_form_submit({{$wishlist->Product->id}})" data-tooltip="Add to wishlist"> <span class="icon_heart_alt"></span> </a>                         
                              @endauth --}}

                              <button class="btn btn-danger btn-xs" type="button" onclick="deleteData({{ $wishlist->id }})">
                                  <span>Remove</span>
                              </button>
                              <form id="delete-form-{{ $wishlist->id }}" action="{{ route('user.wishlist.destroy',$wishlist->id) }}" method="POST" style="display: none;">
                                  @csrf
                                  @method('DELETE')
                              </form>
                            </td>
                          </tr>
                          <!-- Create Modal -->
                          <div class="modal fade" id="create_{{$key}}_{{$wishlist->Product->id}}" role="dialog" >
                            <div class="modal-dialog">
                            
                              <!--Edit Modal content-->
                              <div class="modal-content">
                               <form action="{{ route('add_to_cart_with_size_color') }}" method="POST" >
                                   @csrf

                                <div class="modal-header">
                                  <h4>{{$wishlist->Product->title}}</h4>
                                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                                </div>
                                <div class="modal-body">
                                  <input type="hidden" name="product_id" value="{{$wishlist->Product->id}}">
                                  @if ($wishlist->Product->size_id)
                                      <div class="form-group row">
                                        <label class="col-sm-3">Size <i class="text-danger">*</i></label>
                                        <div class="col-xs-9">
                                            <div class="form-check">
                                                                                                @foreach($product_size as $key=>$product_size)
                                                @php
                                                  $size = App\Size::find($product_size);
                                                @endphp
                                                    <label class="radio-inline">
                                                    <input type="radio" required name="size_id" value="{{$size->id}}" > {{$size->name}}</label>
                                                @endforeach
                                            </div>
                                        </div>
                                      </div>
                                  @endif

                                  @if ($wishlist->Product->colour_id)
                                      <div class="form-group row">
                                        <label class="col-sm-3">Colour <i class="text-danger">*</i></label>
                                        <div class="col-xs-9">
                                            <div class="form-check">
                                                                                              @foreach($product_colour as $key=>$product_colour)
                                               @php
                                                  $colour = App\Colour::find($product_colour);
                                               @endphp
                                                   <label class="radio-inline">
                                                   <input type="radio" required name="colour_id" value="{{$colour->id}}" > {{$colour->name}}</label>
                                               @endforeach
                                            </div>
                                        </div>
                                      </div>
                                  @endif
                                  

                                </div>
                                <div class="modal-footer">
                                      <button type="submit" class="btn btn-sqr">Add to Cart</button>
                                                                                                
                                </div>
                              </form>
                              </div>
                              
                            </div>
                          </div> {{-- model end --}}
                      @endforeach
                    </tbody>
                </table>
                {{$wishlists->onEachSide(2)->links()}}
                <a href="{{ route('home') }}" class="btn btn-success btn-xs">Continue Shopping</a>
            </div>
        </div>


      </div>
      
    </div>
  </div>
</section>

@endsection

@push('js')
    <script>
        function deleteData(id) {
            if(confirm("Are you sure")) {
                document.getElementById('delete-form-'+id).submit();
            }
        }
    </script>

@endpush