@extends('main')
@section('styles')
	<style media="screen">
	#city_id{display: none}
	</style>
@endsection
@section('content')
	<div class="shop-header bg-color--grey fix-head">
		<div class="container space-y--15">
			<div class="row align-items-center">
				<div class="col-9">
					<h1 class="category-title text-right">{{ __('Shopping Cart') }}</h1>
				</div>
				<div class="col-3 text-left">
					<a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
				</div>
			</div>
		</div>
	</div>
	<div class="breadcrumb-area space-pt--15 space-pb--15">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<h1 class="page-title text-right">{!! __('Total shopping cart') !!}
						@if (sizeof(Cart::instance('default')->content()) > 0)
							<small class="cart-total">
								({{ floatval(Cart::instance('default')->subtotal(false,false,false)) + 5 }})
								{{ __('EGP') }}
							</small>
						@endif</h1>
					</div>
				</div>
				<div class="row">
				</div>
				@if (sizeof(Cart::instance('default')->content()) > 0)
					<div class="shop-list-products-wrapper">
						@foreach (Cart::instance('default')->content() as $item)
							@livewire('mob-app.cart.cart-item-row-table' , ['item' => $item->rowId, 'key' => $item->rowId])
						@endforeach
					</div>
					<div class="cart-product-area">
						@livewire('mob-app.cart.total-cart')
					</div>
				@else
					<div class="cart-collaterals row">
						<div class="totals col-12">
							<h3>{{ __('You have no items in your shopping cart') }}</h3>
							<br>
							<br>
							<div class="flex-full-width">
								<a href="{{ Route('mobily.product.index') }}" class="button btn-proceed-checkout"><span class="txt"> {!! __('Continue Shopping') !!} </span></a>
							</div>
							<br>
						</div>
					</div>
				@endif
			</div>
		</div>
	@endsection
	@section('scripts')
		<script type="text/javascript">
			(function(){
				$.ajaxSetup({
					headers: {
						'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
					}
				});
				$('.quantitty').on('change', function() {
					var id_qty 	= $(this).attr('data-id');
					var rowid 		= $(this).attr('data-rowid');
					var quantitty = this.value;
					$.ajax({
						type: "PATCH",
						method: "PATCH",
						url: '{{ url("/cart") }}' + '/' + rowid,
						data: {
							'quantity': quantitty,
						},
						success: function(data) {
							window.location.href = '{{ url('/cart') }}';
						}
					});
				});
			})();
		</script>
	@endsection