@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>
								<a href="{{ Route('product.index') }}">{{ __('Products') }}</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-right sidebar col-sm-3 col-xs-12">
                @widget('ListCategoriesMenu')
                <br>
                @widget('Sidebar\BlockBanner')
              </div>
              <div class="col-sm-9">
                @livewire('front-end.cart.shopping-cart')
              </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