@extends('website.layouts.master')

@section('site_title')المفضلة |@endsection
@section('content')
			<section class="page-title">
				<div class="container">
					<div class="row">
						<div class="col-2 col-md-1">
							<div class="title-icon">
								<i class="fas fa-heart"></i>
							</div>
						</div>
						<div class="col-10 col-md-11">
							<div class="page-text">
								<h5 class="mt-0">المنتجات المفضلة</h5>
							</div>
						</div>
					</div>
				</div>

			</section>
			@include('website.includes.user_menu')
			<section class="contact-manager-title title-margin ">
				<div class="container-fluid">
					<div class="companies-title">
						<h4>لديك <span class="favourite-num"></span> منتجات في المفضلة</h4>
					</div>
				</div>
			</section>
			<section class="fav-products title-margin">
				<div class="container-fluid ">
					@if(Auth::guard('web')->user()->user_wishlist()->count())
					@foreach (Auth::guard('web')->user()->user_wishlist()->get() as $product)
					<div class="single-fav title-margin">
						<div class="fav-sale">
							<p>45%</p>
						</div>
						<div class="fav-details">
							<div class="fav-data">
								<div class="fav-data-cantent">
									<div class="fav-pic">
										<div style="background-image: url({{ URL::asset($product['image']) }});"></div>
									</div>
									<div class="fav-content">
										<p>{{ $product['name'] }}</p>
										<span>{{ $product->company['name'] }}</span>
									</div>
								</div>
								
								<div class="fav-price">
									@if ($product->new_price > 0)
									<span class="new-price">{{ $product['new_price'] }} ر س</span>
									<span class="old-price">{{ $product['price'] }} ر س</span>
									@else
									<span class="new-price">{{ $product['price'] }} ر س</span>
									@endif
								</div>
							</div>
							@if (!Auth::guard('web')->user()->user_carts()->wherePivot('product_id', $product->id)->count())
							<form action="{{ route('website.carts.store', ['product_id' => $product->id]) }}" method="POST" class="add-to-basket-form">
								@csrf
								<div class="fav-icons">
									<a href="javascript:;" class="basket basket-button">
										<i class="fas fa-cart-plus"></i>
									</a>
									<a href="{{ route('website.wishlist.delete', ['product_id' => $product->id]) }}" class="fav-delete" onclick="return confirm('تأكيد الحذف؟')">
										<i class="fas fa-trash"></i>
									</a>
								</div>
							</form>
							@else
							<div class="fav-icons">
								<a href="{{ route('website.wishlist.delete', ['product_id' => $product->id]) }}" class="fav-delete" onclick="return confirm('تأكيد الحذف؟')">
									<i class="fas fa-trash"></i>
								</a>
							</div>
							@endif
						</div>
					</div>
					@endforeach
					@else
					<div class="single-fav title-margin" style="min-height: 60px;">
						<h4 class="text-center">
							لا يوجد منتجات في المفضلة!
						</h4>
					</div>
					@endif
	  
				</div>
			</section>
@endsection

@push('page_level_style')
@endpush

@push('page_level_script')
	<script type="text/javascript">
		$(document).on('click','.basket-button',function(){
			$(this).parents(".add-to-basket-form").submit();
		});
		$('.add_to_cart').on('click', function() {
			var product_id = $(this).data('id');
			var dataString = "product_id=" + product_id;

			$.ajax({
				type: "POST",
				url: "/wishlist/add_to_cart",
				data: dataString,
				success: function(data){
					swal('', data.message, data.status);
					if (data.status == 'success') {
						$("#p-"+product_id).parent().parent().fadeOut();
					}
				}
			});
		});
	</script>
@endpush