Manage homepage by article, modify article template, enhance basket (add selector)

resources/views/Shop/Baskets/basket.blade.php

@@ -0,0 +1,49 @@
+@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

resources/views/Shop/Baskets/partials/article.blade.php

@@ -0,0 +1,27 @@
+<div class="row mb-3" id="basket_offer-{{ $item['id'] }}">
+    <div class="col-2 text-center">
+        <img src="{{ $item['image'] }}" class="img-fluid">
+    </div>
+    <div class="col-10">
+        <h3 style="font-size: 1.4em;">{{ $item['name'] }}</h3>
+        {{ $item['variation'] }}<br/>
+        <div class="row">
+            <div class="col-6">
+                {{ $item['price'] }} € / unité
+            </div>
+            <div class="col-2">
+                @include('components.form.inputs.number', [
+                    'name' => 'quantity',
+                    'value' => $item['quantity'],
+                    'class' => 'basket-quantity',
+                ])
+            </div>
+            <div class="col-2 text-right" style="font-size: 2em;" id="basket_total-{{ $item['id'] }}">
+                {{ $item['quantity'] * $item['price'] }} €
+            </div>
+            <div class="col-2" style="font-size: 2em;">
+                <i class="fa fa-fw fa-trash basket-delete" data-id={{ $item['id'] }}></i>
+            </div>
+        </div>
+    </div>
+</div>