@extends('layouts.app')

@section('content')

<div class="xs-breadcumb">
	<div class="container">
		<nav aria-label="breadcrumb">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="index.html"> Home</a></li>
				<li class="breadcrumb-item active" aria-current="page">Cart</li>
			</ol>
		</nav>
	</div>
</div>

<div class="cart-area xs-section-padding">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				@if(count($carts) > 0)

				<div class="table-responsive">
					<table class="shop_table">
						<thead>
							<tr>
								<th class="product-remove">&nbsp;</th>
								<th class="product-thumbnail">&nbsp;</th>
								<th class="product-name">Product</th>
								<th class="product-price">Price</th>
								<th class="product-quantity">Quantity</th>
								<th class="product-subtotal">Total</th>
							</tr>
						</thead>
						<tbody>

							@php $total = 0 @endphp

							@foreach($carts as $cart)

							@if(!empty($cart->product) > 0)

							<tr class="woocommerce-cart-form__cart-item cart_item">

								<td class="product-remove">
									<a onclick="getDelete({{$cart->id}}, true)" class="remove cursor" aria-label="Remove this item">×</a>						
								</td>
								<td class="product-thumbnail">
									<a style="width: 300px;"><img src="{!! env('IMAGE_URL').$cart->product->getFirstMediaUrl('image') !!}" alt=""></a>						
								</td>
								<td class="product-name" data-title="Product">
									<a href="{{url('/product/detail/'.$cart->product->id)}}">{{$cart->product->name}}</a>
										{{-- <dl class="variation">
											<dt class="variation-Vendor">Vendor:</dt>
											<dd class="variation-Vendor">
												<p>Marketo</p>
											</dd>
										</dl> --}}
									</td>
									<td class="product-price" data-title="Price">
										<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">
											@if(checkDiscountedPrice($cart->product, true))
											<del>{!! getPriceColumn($cart->product) !!}</del>
											{!! getPriceColumn($cart->product,'discount_price') !!}
											@else
											{!! getPriceColumn($cart->product) !!}
											@endif						
										</td>
										<td class="product-quantity" data-title="Quantity">
											{{$cart->quantity}}
											{{-- <div class="w-quantity quantity xs_input_number">
												<input type="number" min="1" max="100" value="{{$cart->quantity}}">
											</div> --}}
										</td>
										<td class="product-subtotal" data-title="Total">
											<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">
												{!! getPrice($cart->quantity * (checkDiscountedPrice($cart->product))) !!}
											</td>
											
											@php $total = $total + checkDiscountedPrice($cart->product) * $cart->quantity;
											@endphp

										</tr>

										@endif
										@endforeach
										

										{{-- <tr>
											<td colspan="6" class="actions">
												<div class="coupon">
													<input type="text" name="coupon_code" class="form-control" id="coupon_code" value="" placeholder="Coupon code"> 
													<button type="submit" class="btn btn-primary" name="apply_coupon" value="Apply coupon">Apply coupon</button>
												</div>
											</td>
										</tr> --}}
									</tbody>
								</table>
							</div>

							<div class="col-md-6 ml-auto">
								<div class="cart_totals ">
									<h2>Cart totals</h2>
									<table class="shop_table shop_table_responsive" cellspacing="0">
										<tbody>
											<tr class="cart-subtotal">
												<th>Subtotal</th>
												<td data-title="Subtotal"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">{!! getPrice($total) !!}</td>
											</tr>
											<tr class="shipping">
												<th>Shipping</th>
												<td data-title="Shipping">
													Free shipping	
												</td>
											</tr>
											<tr class="order-total">
												<th>Total</th>
												<td data-title="Total"><strong><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">{!! getPrice($total) !!}</strong> </td>
											</tr>
										</tbody>
									</table>
									<div class="wc-proceed-to-checkout">
										<a href="{{'checkout'}}" class="btn-block btn btn-primary">Proceed to checkout</a>
									</div>
								</div>
							</div>
						</div>

						@else
						<div class="xs-empty-content">
							<p class="woocommerce-mini-cart__empty-message empty">No products in the cart.</p>
							<p class="empty-cart-icon">
								<i class="icon icon-shopping-cart"></i>
							</p>
							<p class="xs-btn-wraper justify-content-center">
								<a class="btn btn-primary" href="shop.html">Return To Shop</a>
							</p>
						</div>

						@endif
						<!-- .row END -->
					</div>
					<!-- .container END -->
				</div>

			</div>
			@endsection