From f2cb438d171cc819da16acd8c4a0dc9246dd9526 Mon Sep 17 00:00:00 2001
From: Bob <bob@justbetter.nl>
Date: Mon, 4 Nov 2024 11:01:31 +0100
Subject: [PATCH 1/2] Disable checkout button and add notice if not in stock

---
 .../cart/partials/product/description.blade.php |  3 +++
 .../cart/partials/sidebar/summary.blade.php     | 17 +++++++++++------
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/resources/views/cart/partials/product/description.blade.php b/resources/views/cart/partials/product/description.blade.php
index fbdc99a9..18ba9394 100644
--- a/resources/views/cart/partials/product/description.blade.php
+++ b/resources/views/cart/partials/product/description.blade.php
@@ -9,6 +9,9 @@
             <div v-for="option in item.customizable_options">
                 @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
             </div>
+            <span class="text-red-600 block" v-if="!canOrderCartItem(item)">
+                @lang('This product it out of stock, remove it to continue your order.')
+            </span>
             <div v-for="option in config.cart_attributes">
                 <template v-if="item.product.attribute_values?.[option] && typeof item.product.attribute_values[option] === 'object'">
                     @{{ option }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span>
diff --git a/resources/views/cart/partials/sidebar/summary.blade.php b/resources/views/cart/partials/sidebar/summary.blade.php
index ed7450b6..90615469 100644
--- a/resources/views/cart/partials/sidebar/summary.blade.php
+++ b/resources/views/cart/partials/sidebar/summary.blade.php
@@ -29,12 +29,17 @@
             <dd>@{{ cart.prices.grand_total.value | price }}</dd>
         </div>
     </x-rapidez-ct::separated-listing>
-
-    <x-rapidez-ct::button.enhanced :href="route('checkout')" class="flex w-full items-center justify-center gap-1 mt-6" dusk="checkout">
-        @lang('To checkout')
-        <x-heroicon-o-arrow-right class="h-4" />
-    </x-rapidez-ct::button.enhanced>
-
+    <div class="w-full" :class="{ 'cursor-not-allowed': !canOrder }">
+        <x-rapidez-ct::button.enhanced 
+            :href="route('checkout')" 
+            class="flex w-full items-center justify-center gap-1 mt-6" 
+            v-bind:class="{ 'pointer-events-none': !canOrder }"
+            dusk="checkout"
+        >
+            @lang('To checkout')
+            <x-heroicon-o-arrow-right class="h-4" />
+        </x-rapidez-ct::button.enhanced>
+    </div>
     <div class="mt-4 flex items-center justify-center gap-1 text-center text-sm">
         <x-heroicon-o-check class="h-5 text-ct-accent" />
         @lang('Ordered within 2 minutes')

From 5b4d6b6bae1e9671b801afecb7dfc50e47cb792b Mon Sep 17 00:00:00 2001
From: Bob Wezelman <bob@justbetter.nl>
Date: Mon, 4 Nov 2024 11:13:22 +0100
Subject: [PATCH 2/2] Div to span

---
 resources/views/cart/partials/product/description.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/cart/partials/product/description.blade.php b/resources/views/cart/partials/product/description.blade.php
index 18ba9394..07ed41ca 100644
--- a/resources/views/cart/partials/product/description.blade.php
+++ b/resources/views/cart/partials/product/description.blade.php
@@ -9,9 +9,9 @@
             <div v-for="option in item.customizable_options">
                 @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
             </div>
-            <span class="text-red-600 block" v-if="!canOrderCartItem(item)">
+            <div class="text-red-600" v-if="!canOrderCartItem(item)">
                 @lang('This product it out of stock, remove it to continue your order.')
-            </span>
+            </div>
             <div v-for="option in config.cart_attributes">
                 <template v-if="item.product.attribute_values?.[option] && typeof item.product.attribute_values[option] === 'object'">
                     @{{ option }}: <span v-html="item.product.attribute_values[option]?.join(', ')"></span>