@extends('toko')
@section('content')
<div style="height:150px;"></div>
	<section class="cart_area">
		<div class="container">
			<div class="cart_inner">
			
                <form action="{{ route('toko.update_keranjang') }}" method="post">
                    @csrf                  
				<div class="table-responsive">
					<table class="table">
						<thead>
							<tr>
								<th scope="col">Produk</th>
                                <th scope="col"></th>
								<th scope="col" class="text-right">Harga</th>
								<th scope="col" class="text-right">Quantity</th>
								<th scope="col" class="text-right">Total</th>
							</tr>
						</thead>
						<tbody>
						@if (is_array($carts) || is_object($carts))
                            @forelse ($carts as $row)
							<tr>
								<td>
									<div class="media">
										<div class="d-flex">
                                            <img src="{{ URL::asset('gambar/'.$row['product_image']); }}" width="100px" alt="{{ $row['product_name'] }}">
										</div>
									</div>
								</td>
                                <td>
                                    <h5>{{ $row['product_name'] }}</h5>
								</td>
								<td align="right">
                                    <h5>Rp {{ number_format($row['product_price']) }}</h5>
								</td>
								<td align="right">
									<div class="product_count">
                                        <button onclick="var result = document.getElementById('sst{{ $row['product_id'] }}'); var sst = result.value; if( !isNaN( sst )) result.value++;return false;"
										 class="increase items-count" type="button">
											<i class="fa fa-plus"></i>
										</button>
                                        <input type="text" name="qty[]" id="sst{{ $row['product_id'] }}" maxlength="12" value="{{ $row['qty'] }}" title="Quantity:" class="input-text qty w-25 text-center">
                                        <input type="hidden" name="product_id[]" value="{{ $row['product_id'] }}" class="form-control">                    

										<button onclick="var result = document.getElementById('sst{{ $row['product_id'] }}'); var sst = result.value; if( !isNaN( sst ) &amp;&amp; sst > 0 ) result.value--;return false;"
										 class="reduced items-count" type="button">
											<i class="fa fa-minus"></i>
										</button>
									</div>
								</td>
								<td align="right">
                                    <h5>Rp {{ number_format($row['product_price'] * $row['qty']) }}</h5>
								</td>
                            </tr>
                            @empty
                            <tr>
                            <td colspan="5">Tidak ada belanjaan</td>
                            </tr>
                            @endforelse
						@endif

							<tr>
								<td>
								</td>
                                <td>
								</td>
								<td>
								</td>
								<td align="right">
									<h5>Subtotal</h5>
								</td>
								<td align="right">
                                    <h5>Rp {{ number_format($subtotal) }}</h5>
								</td>
							</tr>
							
							<tr class="out_button_area">
								<td></td>
								<td></td>
								<td></td>
								<td colspan="2" align="right">
									<div class="checkout_btn_inner">
                                        <button class="btn btn-dark">Update Cart</button>
										<a class="btn btn-dark" href="{{ URL::to('/') }}">Lanjutkan Belanja</a>
										<a class="btn btn-primary" href="{{ URL::to('checkout') }}">Checkout</a>
									</div>
								</td>
							</tr>
                            </form>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</section>
@endsection