@extends('Shop.layout.layout', [
	'title' => __('Panier'),
])

@section('content')
	@if ($basket)
		<div class="row">
			<div class="col-8">
				<div class="row mb-3">
					<div class="col-4">
						<h1>Panier</h1>
					</div>
					<div class="col-8">
						Livraison à domicile ...<br>
						Commande en ligne et livraison par voie postale. Attention certains produits ne sont pas disponibles en livraison.
						Les sachets disponibles en lignes sont disponibles à la livraison et uniquement quelques plants.
					</div>
				</div>
				@foreach ($basket as $nature => $items)
					<div class="row mb-3 p-2"  style="background-color: #ccc;">
						<div class="col-12">
							<h2 style="font-size: 1.6em;">{{ ucfirst($nature) }}</h2>
							@foreach ($items as $item)
								@include('Shop.Baskets.partials.article')
							@endforeach
					</div>
				@endforeach		
			</div>
			<div class="col-4">
				@component('components.card')
				Tarif appliqué :	
				@endcomponent
			</div>
		</div>
	@endif
@endsection

@push('js')
	<script>
		$('.basket-quantity').change(function() {
			var offer_id = $(this).parent('row');
			console.log(offer_id);
		});
		$('.basket-delete').change(function() {
			var offer_id = $(this).data('id');
			console.log(offer_id);
		});
	</script>
@endpush