@extends('web.master')

@section('content')

@php
	$pdocrud = new_PDOCrud();
	$pdomodel = $pdocrud->getPDOModelObj();
	$pdomodel->fetchType ="obj";
	$total_carro = $pdomodel->executeQuery("SELECT SUM(precio_carro * cantidad_carro) as total_carro FROM carro");
@endphp

<style>
.pdocrud-button-save {
	display: none;
}
input#cantidad_carro\[\] {
    text-align: center;
}
</style>

<!-- Breadcrumbs -->
<div class="breadcrumbs">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="bread-inner">
					<ul class="bread-list">
						<li><a href="{{ route('home') }}">Home<i class="ti-arrow-right"></i></a></li>
						<li class="active"><a href="{{ route('carro') }}">Carro</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Breadcrumbs -->
		
<!-- Shopping Cart -->
<div class="shopping-cart section p-0">
	<div class="container">
		<div class="row">
			<div class="col-12">
			
				@if(count(Cart::getContent()))
				<div class="table-responsive">
				<table class="table shopping-summery">
						<thead>
							<tr class="main-hading">
								<th>Imagen</th>
								<th>Producto</th>
								<th class="text-center">Precio</th>
								<th class="text-center">Cantidad</th>
								<th class="text-center">Ancho</th>
								<th class="text-center">Alto</th>
								<th class="text-center">Papel</th>
								<th class="text-center">Efectos</th>
								<th class="text-center">Efecto Espejo</th>
								
								<th class="text-center"><i class="ti-trash remove-icon"></i></th>
							</tr>
						</thead>
						<tbody>

							@forelse(Cart::getContent() as $item)
							<tr>
								<td class="image" data-title="No"><img class="{{ $item->attributes->efectos }} {{ $item->attributes->espejo }}" src="{{ $item->attributes->imagen }}" alt="#"></td>
								<td class="product-des" data-title="Description">
									<p class="product-name"><a href="#">{{ $item->name }}</a></p>
									
								</td>

								@if(session('banderas') == "Chile")
								<td class="price" data-title="Price"><span>${{ number_format($item->price, 0, ',', '.') }}</span></td>
								@else
								<td class="price" data-title="Price"><span>€{{ $item->price }}</span></td>
								@endif

								<td class="qty text-center" data-title="Qty">
									<p>{{ $item->quantity }}</p>
									<!--<div class="input-group">
										<div class="button minus">
											<button type="button" class="btn btn-primary btn-number" disabled="disabled" data-type="minus" data-field="quant[{{ $item->id }}]">
												<i class="ti-minus"></i>
											</button>
										</div>
										<input type="text" name="quant[{{ $item->id }}]" class="input-number" data-min="1" data-max="100" value="{{ $item->quantity }}">
										<div class="button plus">
											<button type="button" class="btn btn-primary btn-number" data-type="plus" data-field="quant[{{ $item->id }}]">
												<i class="ti-plus"></i>
											</button>
										</div>
									</div>-->
									<!--/ End Input Order -->
								</td>

								<td class="price" data-title="Price"><span>{{ $item->attributes->ancho }}</span></td>

								<td class="price" data-title="Price"><span>{{ $item->attributes->alto }}</span></td>

								<td class="price" data-title="Price"><span>{{ $item->attributes->papel }}</span></td>

								<td class="price" data-title="Price"><span>{{ $item->attributes->efectos }}</span></td>

								<td class="price" data-title="Price"><span>{{ $item->attributes->espejo }}</span></td>
								
								<td class="action" data-title="Remove">
									<form action="{{ route('cart.removeitem') }}" method="POST">
										@csrf
										<input type="hidden" name="id" value="{{ $item->id }}">
										<button type="submit" class="btn-sm border-0 bg-white text-dark"><i class="ti-trash remove-icon"></i></button>
									</form>
								</td>
							</tr>
							@empty
							<tr>
								<td class="text-center" colspan="100%">No hay Productos en el carrito</td>
							</tr>
							@endforelse

						</tbody>
					</table>
					</div>
					@else 

					<div class="row">
						<div class="col-12 text-center">
							<div class="alert alert-danger">
								<p class="p-2">No hay Productos en el carrito</p>
								<a href="{{ route('home') }}" class="btn btn-sm mt-2 mb-2 text-white">Ir a Comprar</a>
							</div>
						</div>
					</div>

					@endif
				
			</div>
		</div>
		<div class="row mb-4">
			<div class="col-12">
				<!-- Total Amount -->
				<div class="total-amount">
					<div class="row">
						<div class="col-lg-8 col-md-5 col-12">
							
						</div>
						<div class="col-lg-4 col-md-7 col-12">
							@if(count(Cart::getContent()))
							<div class="right">
								<ul class="pagar">
										<li>Transporte<span>Gratis</span></li>
									@if(count(Cart::getContent()))
										@if(session('banderas') == "Chile")
											<li class="last">Total a pagar<span>${{ number_format(Cart::getTotal(), 0, ',', '.') }}</span></li>
										@else
										<li class="last">Total a pagar<span>€{{ Cart::getTotal() }}</span></li>
										@endif
									@else 
										<li class="last">Total a pagar<span>$0</span></li>
									@endif
								</ul>
								<div class="button5">
								@if(Auth::guard('persona')->check())
									<a href="{{ route('verificar') }}" class="btn">Confirmar pedido</a>
								@else
									<a href="{{ route('view.web.personas') }}" class="btn">Confirmar pedido</a>
								@endif
									<a href="{{ route('todos_los_productos') }}" class="btn">Seguir Comprando</a>
									<form action="{{ route('cart.clear') }}" method="POST">
										@csrf
										<button type="submit" class="btn btn-sm border-0 text-white mb-3">Vaciar Carrito</button>
									</form>
								</div>
							</div>
							@endif
						</div>
					</div>
				</div>
				<!--/ End Total Amount -->
			</div>
		</div>
	</div>
</div>
<!--/ End Shopping Cart -->
		

<script src="{{ asset('theme/js/jquery.min.js') }}"></script>
<script src="{{ asset('theme/js/jquery-ui.min.js') }}"></script>
<script>
$(document).on("click", ".pdocrud-filter-option-remove, .pdocrud-filter-option", function(){
  $(".pdocrud-filter").val('');
});


$(document).on("click", ".number-minus, .number-plus", function(){

	var id = $(this).siblings('.numeric').data('id'); // siblings busca el hermano

	console.log(id);

	$.ajax({
		url: "{{ route('traer_productos_carro') }}",
		dataType: "json",
		data: { id: id },
		success: function(traer_productos_carro){
			console.log(traer_productos_carro);
		}
	});
});
</script>
@endsection