@extends('main',['fullwidth' => 1])
@section('styles')
@endsection
@section('content')
	<div class="breadcrumb">
		<div class="container">
			<div class="breadcrumb-inner">
				<ul class="list-inline list-unstyled">
					<li><a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a></li>
					<li><a href="{!! route('site.account.home') !!}">{!! __('My account') !!}</a></li>
					<li class='active'>{!! __('Wishlist') !!}</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="body-content">
		<div class="container">
			<div class="my-wishlist-page">
				<div class="row">
					<div class="col-md-12 my-wishlist">
						@if (sizeof(Cart::instance('wishlist')->content()) > 0)
							<div class="table-responsive">
								<table class="table">
									<thead>
										<tr>
											<th colspan="4" class="heading-title">{!! __('Wishlist') !!} @if (sizeof(Cart::instance('wishlist')->content()) > 0)
												<small class="cart-total">
													({{ Cart::instance('wishlist')->content()->count() }})
												</small>
											@endif</th>
										</tr>
									</thead>
									<tbody>
										@foreach (Cart::instance('wishlist')->content() as $item)
											<tr>
												<td class="col-md-2 col-sm-2 col-xs-2">
													<a title="{{ $item->name }}" href="{{ Route('product.show',[$item->model->category->slug,$item->model->slug]) }}">
														<img class="small-image" alt="{{ $item->name }}" src="{{ path_img($item->model->image_url,300,300,1) }}">
													</a>
												</td>
												<td class="col-md-9 col-sm-10 col-xs-10">
													<div class="product-name"><a title="{{ $item->name }}" href="{{ Route('product.show',[$item->model->category->slug,$item->model->slug]) }}">
														{{ $item->name }}
													</a></div>
													<div class="rating">
														<div class="stock-box">
				                      @if ($product->stock > 0)
				                        <span class="value in-stock"><span>{!! __('Availability') !!}</span></span>
				                      @else
				                        <span class="value out-of-stock"><span>{!! __('Not available') !!}</span></span>
				                      @endif
				                    </div>
													</div>
													@if ($item->model->offer)
														<div class="price">{!! $item->model->offer !!}  <span class="price-before-discount">{!! $item->price !!} </span> {!! __('EGP') !!}
														</div>
													@else
														<div class="price">{!! $item->price !!} </div> {!! __('EGP') !!}
													@endif


												</td>
												<tr >
													<td colspan="2">
														<form action="{{ route('switch.to.cart', [$item->rowId]) }}" method="POST" class="pull-left  m-r-5">
															{!! csrf_field() !!}
															<button type="submit" name="button" class=" btn btn-primary">
																<i class="fa fa-cart-plus"></i> {!! __('To Cart') !!}
															</button>
														</form>

														<form action="{{ route('wishlist.destroy', [$item->rowId]) }}" method="POST" class="pull-left  m-r-5">
															{!! csrf_field() !!}
															<input type="hidden" name="_method" value="DELETE">
															<button type="submit" name="button" class="btn btn-empty ">
																<i class="fa fa-trash-o"></i> {!! __('Empty') !!}
															</button>
														</form>
													</td>
												</tr>
											</tr>
										@endforeach
									</tbody>
								</table>
							</div>
						@else
							<div class="cart-collaterals row">
								<div class="totals text-center">
									<h3>{{ __('Favorite empty') }}</h3>
									<br>
									<br>
									<a href="{{ Route('product.index') }}"  class=" btn btn-primary checkout-page-button checkout-continue ">{!! __('Continue Shopping') !!}</a>
									<br>
								</div>
							</div>
						@endif
					</div>
				</div>
			</div>
		</div>
	</div>
	<br>
@endsection
@section('scripts')
	{!! Html::script(Theme::current()->assetPath.'/js/jquery.matchHeight.min.js') !!}
	<script type="text/javascript">
		(function(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
			$('.quantitty').on('change', function() {
				var id_qty 	= $(this).attr('data-id');
				var rowid 		= $(this).attr('data-rowid');
				var quantitty = this.value;
				$.ajax({
					type: "PATCH",
					method: "PATCH",
					url: '{{ url("/cart") }}' + '/' + rowid,
					data: {
						'quantity': quantitty,
					},
					success: function(data) {
						window.location.href = '{{ url('/cart') }}';
					}
				});
			});
		})();
	</script>
@endsection