@extends('main')
@section('styles')
	<style media="screen">
	</style>
@endsection
@section('content')
	<div class="breadcrumbs">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<ul>
						<li class="home">
							<a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
							<span>/</span>
						</li>
						<li >
							{{ __('Shopping Cart') }}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<section class="main-container col1-layout">
		<div class="main container">
			<div class="col-main">
				<div class="cart">
					<div class="block-title">
						<h2>{!! __('Shopping Cart') !!} </h2>
					</div>
					<div class="cart-collaterals row">
						<div class="col-sm-8">
							@livewire('front-end.cart.shopping-cart')
						</div>
						<div class="totals col-sm-4">
							@livewire('front-end.cart.total-cart')
							@if (isDesktop())
								<div class="divider-br"></div>
								@widget('Sidebar\DeliveryReturns')
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
@endsection
@section('scripts')
	<script type="text/javascript">
		(function(){
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
		})();
	</script>
@endsection