quick add to basket on shelves

app/Http/Controllers/Shop/CategoryController.php

@@ -64,7 +64,6 @@ class CategoryController extends Controller
             ]),
             'tags' => TagGroups::getWithTagsAndCountOffers($category_id),
         ];
-        // dump($data);
         return view('Shop.Shelves.shelve', $data);
     }
 

app/Repositories/Shop/Articles.php

@@ -200,6 +200,7 @@ class Articles
             'product_id' => $article->product_id,
             'product_name' => $article->product->name,
             'parent_name' => trim(str_replace($article->product->name, '', $article->name)),
+            'offers' => $article->offers->toArray(),
         ];
     }
 

resources/views/Shop/Articles/partials/addBasket.blade.php

@@ -2,6 +2,8 @@
 	'id_card' => $model . '-basket',
     'title' => $title,
 	'class' => 'mb-3 ' . ($bgClass ?? null),
+	'classTitle' => 'mb-0',
+	'outline' => false,
 ])
 
 	@include('components.form.select', [

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

@@ -1,14 +1,12 @@
 <a href="{{ route('Shop.Articles.show', ['id' => $article['id'] ?? false ]) }}" class="green-dark">
 	<div class="card">
 		<div class="content">
-			<a href="#">
 			<div class="content-overlay"></div>
 			<img class="content-image card-img-top" src="{{ App\Repositories\Shop\Articles::getPreviewSrc($article['image'] ?? false) }}" alt="{{ $product_name }}">
 			<div class="content-details fadeIn-bottom">
 				<h3 class="content-title d-none"></h3>
 				<p class="content-text">{!! $article['description'] !!}</p>
 			</div>
-			</a>
 		</div>
 		<div class="card-body p-2 pb-1">
 			<div class="row card-title">
@@ -18,7 +16,7 @@
 				</div>
 			</div>
 			@include('Shop.Articles.partials.article_' . $product_type)
-			<button type="button" class="btn btn-link bg-green text-white w-100" data-id=="{{ $article['id'] }}">
+			<button type="button" class="btn btn-link bg-green text-white w-100 basket" data-id="{{ $article['offers'][0]['id'] ?? false }}">
 				Ajout rapide
 			</button>
 		</div>

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

@@ -17,7 +17,7 @@
 					</div>
 				</div>
 				@foreach ($basket as $nature => $items)
-					<div class="row ml-1 mb-3 p-2 @if ($nature == 'semences') bg-yellow @else bg-green-dark @endif border rounded-lg">
+					<div class="row ml-1 mb-3 p-2 bg-green-light border rounded-lg">
 						<div class="col-12">
 							<h2 style="font-size: 1.6em;" class="text-uppercase">{{ $nature }}</h2>
 							@foreach ($items as $item)

resources/views/Shop/Shelves/partials/category_articles.blade.php

@@ -7,3 +7,42 @@
 		@endforeach
 	@endif
 </div>
+
+@push('js')
+	<script>
+		$('.basket').click(function() {
+			var offer_id = $(this).data('id');
+            var quantity = 1;
+            var data = {
+                'offer_id': offer_id,
+                'quantity': quantity,
+            };
+
+            var buttons = {
+				cancel: {
+					label: '{{ __('Continuer mes achats') }}',
+					className: 'btn-secondary'
+				},
+				confirm: {
+					label: '{{ __('Commander') }}',
+					className: 'btn-success',
+					callback: function() {
+						window.location = "{{ route('Shop.Basket.basket') }}";
+					}
+				},
+			};
+
+            openModal(
+                'Ajout dans le panier',
+                'basket-form',
+                "{{ route('Shop.Basket.modalBasket') }}/" + offer_id + '/' + quantity,
+                "{{ route('Shop.Orders.order') }}",
+                false,
+                false,
+                true,
+                buttons,
+				"refreshBasketTop()",
+            );
+        });
+	</script>
+@endpush

resources/views/components/card.blade.php

@@ -9,7 +9,7 @@
                         {!! $tools !!}
                     </div>
                 @endisset
-                <h3 class="card-title">{{ $title ?? false }}</h3>
+                <h3 class="card-title {{ $classTitle ?? '' }}">{{ $title ?? false }}</h3>
             @endisset
         </div>
     @endif
@@ -17,7 +17,7 @@
         {{ $slot }}
     </div>
     @isset($footer)
-        <div class="card-footer">
+        <div class="card-footer {{ $classFooter ?? '' }}">
             {{ $footer }}
         </div>
     @endif