@extends('template')

@section('title', 'Carro de Compras')

@section('content')
	
	<div class="mt100"></div>
	
	<div class="container-full">
		<div class="col-xs-12 text-center banner-shop-app">
			<h2>Carrito de compras</h2>
		</div>
	</div>	
	<div class="container">
		<div class="col-xs-12">
			<div class="table-responsive">
				@if(count($cart))
				<table class="table table-striped table-hover table-bordered">
					<thead>
						<tr>
							<th>Imagen</th>
							<th>Nombre</th>
							<th>Precio</th>
							<th>Cantidad</th>
							<th>Subtotal</th>
							<th>Eliminar</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($cart as $item)
							<tr>
								<td class="img-cart"> <img src="{{ asset($item -> imagen) }}"> </td>
								<td>{{ $item -> name }}</td>
								<td>${{ number_format($item -> price, 0) }}</td>
								<td>
									<input type="number"  min="1" value="{{ $item -> cantidad }}" id="prodcant_{{ $item -> id }}" style="width: 40px;">
									<a href="#"	
									   class="btn-update-item"									   
									   data-id="{{ $item -> id }}"
									><span class="glyphicon glyphicon-refresh" aria-hidden="true"></span></a>
								</td>
								<td>${{ number_format($item->price * $item->cantidad, 0) }}</td>
								<td>
									<a href="{{ route('cart-delete', $item->id) }}">
										<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>Eliminar
									</a>
								</td>
							</tr>
						@endforeach
						<tr></tr>
					</tbody>
				</table>
				<br>
				<div class="text-right">
					<h3>Total: ${{ number_format($total,0) }}</h3>	
					@if (Auth::check())
{{-- 					    <a href="{{ route('nueva-compra') }}" tabindex="-1">
					    	<button class="btn_default mt40" tabindex="-1">Finalizar Compra</button>
					    </a> --}}
					    <button class="btn_default mt40" tabindex="-1" onclick="comprar()">Finalizar Compra</button>
					@else
					  <h4 style="color:red;">Ingresa o Registrate para Finalizar tu compra.</h4>
					@endif
					
				</div>
				@else
					<div class="col-xs-12 text-center">
						<label class="">Carrio vacio</label>
					</div>
				@endif
			</div>
		</div>
	</div>

	<form id="pagar" method="post" action="payulatam.php">
	  <input name="amount" id="amount"    type="hidden"  value=""   >
	  <input name="referenceCode"  id="referenceCode"    type="hidden"  value="" >
	  <input type="hidden" name="moneda" id="moneda" value="">
	</form>

@stop

@section('scripts')
<script>
	$( document ).ready(function() {	    
		$(".btn-update-item").on('click', function(e){
			e.preventDefault();
			var id = $(this).data("id");
			var href = $(this).data("href");
			var cantidad = $("#prodcant_"+id).val();
			window.location.href = "cart/update/"+ id + "/" +cantidad;
		});		
	});


</script>
@stop