From db2acaceb259055e00ee2ade5919e12478770b2f Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Thu, 14 Nov 2024 10:54:59 +0100
Subject: [PATCH 1/3] Enhance out of stock message

---
 lang/nl.json                                           |  1 +
 .../views/cart/partials/product/description.blade.php  | 10 +++++-----
 resources/views/cart/partials/product/image.blade.php  |  9 +++++++--
 resources/views/cart/partials/product/price.blade.php  |  4 +++-
 4 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/lang/nl.json b/lang/nl.json
index 2b189d9e..602385fb 100644
--- a/lang/nl.json
+++ b/lang/nl.json
@@ -71,6 +71,7 @@
     "Select an address": "Selecteer een adres",
     "Select as billing": "Selecteer als factuuradres",
     "Select as shipping": "Selecteer als verzendadres",
+    "This product is out of stock": "Dit product is op dit moment niet op voorraad",
     "Send": "Versturen",
     "Step 1 of 4": "Stap 1 van 4",
     "Step :step out of :total": "Stap :step van :total",
diff --git a/resources/views/cart/partials/product/description.blade.php b/resources/views/cart/partials/product/description.blade.php
index 07ed41ca..8ff8d863 100644
--- a/resources/views/cart/partials/product/description.blade.php
+++ b/resources/views/cart/partials/product/description.blade.php
@@ -1,23 +1,23 @@
 <td class="flex max-md:w-1/2 md:table-cell">
     @include('rapidez-ct::cart.partials.product.alert')
     <div class="flex flex-col items-start">
-        <a :href="item.product.url_key + item.product.url_suffix | url">
-            <div dusk="cart-item-name">@{{ item.product.name }}</div>
+        <div>
+            <a :href="item.product.url_key + item.product.url_suffix | url" dusk="cart-item-name">@{{ item.product.name }}</a>
             <div v-for="option in item.configurable_options">
                 @{{ option.option_label }}: @{{ option.value_label }}
             </div>
             <div v-for="option in item.customizable_options">
                 @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
             </div>
-            <div class="text-red-600" v-if="!canOrderCartItem(item)">
-                @lang('This product it out of stock, remove it to continue your order.')
+            <div v-if="!canOrderCartItem(item)" class="text-ct-error text-balance bg-ct-error/5 my-2 max-w-sm p-2">
+                @lang('This product is out of stock, remove it to continue your order.')
             </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>
                 </template>
             </div>
-        </a>
+        </div>
         @include('rapidez-ct::cart.partials.product.remove-button')
     </div>
 </td>
diff --git a/resources/views/cart/partials/product/image.blade.php b/resources/views/cart/partials/product/image.blade.php
index dc720ec2..88a93c10 100644
--- a/resources/views/cart/partials/product/image.blade.php
+++ b/resources/views/cart/partials/product/image.blade.php
@@ -1,5 +1,10 @@
 <td class="h-24 w-32 !pl-0 max-md:flex max-md:w-1/2">
-    <img v-if="item.product.image" class="object-contain" :alt="item.product.name" :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento' + item.product.image.url.replace(config.media_url, '') + '.webp'">
+    <img
+        v-if="item.product.image"
+        v-bind:class="{'opacity-20' : !canOrderCartItem(item)}"
+        class="object-contain"
+        :alt="item.product.name"
+        :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento' + item.product.image.url.replace(config.media_url, '') + '.webp'"
+    >
     <x-rapidez::no-image v-else />
 </td>
-
diff --git a/resources/views/cart/partials/product/price.blade.php b/resources/views/cart/partials/product/price.blade.php
index 1245bc5e..7336be1d 100644
--- a/resources/views/cart/partials/product/price.blade.php
+++ b/resources/views/cart/partials/product/price.blade.php
@@ -7,7 +7,9 @@
     </div>
 </td>
 <td class="flex items-center font-medium max-md:w-1/3 md:table-cell *:mx-auto">
-    <x-rapidez-ct::input.quantity/>
+    <template v-if="canOrderCartItem(item)">
+        <x-rapidez-ct::input.quantity/>
+    </template>
 </td>
 <td class="flex items-center justify-end text-right font-medium max-md:w-1/3 md:table-cell">
     @{{ item.prices.row_total_including_tax.value | price }}

From 50b728fc4703c9a8f68515db8a9a7ea82bb3df90 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Fri, 15 Nov 2024 08:13:49 +0100
Subject: [PATCH 2/3] Replace v-if check variable

---
 resources/views/cart/partials/product/description.blade.php | 2 +-
 resources/views/cart/partials/product/image.blade.php       | 2 +-
 resources/views/cart/partials/product/price.blade.php       | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/views/cart/partials/product/description.blade.php b/resources/views/cart/partials/product/description.blade.php
index 8ff8d863..ed52d43e 100644
--- a/resources/views/cart/partials/product/description.blade.php
+++ b/resources/views/cart/partials/product/description.blade.php
@@ -9,7 +9,7 @@
             <div v-for="option in item.customizable_options">
                 @{{ option.label }}: @{{ option.values[0].label || option.values[0].value }}
             </div>
-            <div v-if="!canOrderCartItem(item)" class="text-ct-error text-balance bg-ct-error/5 my-2 max-w-sm p-2">
+            <div v-if="!item.is_available" class="text-ct-error text-balance bg-ct-error/5 my-2 max-w-sm p-2">
                 @lang('This product is out of stock, remove it to continue your order.')
             </div>
             <div v-for="option in config.cart_attributes">
diff --git a/resources/views/cart/partials/product/image.blade.php b/resources/views/cart/partials/product/image.blade.php
index 88a93c10..96b9d1b5 100644
--- a/resources/views/cart/partials/product/image.blade.php
+++ b/resources/views/cart/partials/product/image.blade.php
@@ -1,7 +1,7 @@
 <td class="h-24 w-32 !pl-0 max-md:flex max-md:w-1/2">
     <img
         v-if="item.product.image"
-        v-bind:class="{'opacity-20' : !canOrderCartItem(item)}"
+        v-bind:class="{'opacity-20' : !item.is_available}"
         class="object-contain"
         :alt="item.product.name"
         :src="'/storage/{{ config('rapidez.store') }}/resizes/200/magento' + item.product.image.url.replace(config.media_url, '') + '.webp'"
diff --git a/resources/views/cart/partials/product/price.blade.php b/resources/views/cart/partials/product/price.blade.php
index 7336be1d..ec559fe1 100644
--- a/resources/views/cart/partials/product/price.blade.php
+++ b/resources/views/cart/partials/product/price.blade.php
@@ -7,7 +7,7 @@
     </div>
 </td>
 <td class="flex items-center font-medium max-md:w-1/3 md:table-cell *:mx-auto">
-    <template v-if="canOrderCartItem(item)">
+    <template v-if="!item.is_available">
         <x-rapidez-ct::input.quantity/>
     </template>
 </td>

From 572bbc8cb654459b1eafe98af03742d701cebdb9 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Tue, 3 Dec 2024 14:24:52 +0100
Subject: [PATCH 3/3] Bump up the required core version

---
 composer.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/composer.json b/composer.json
index 5d10466d..866650fb 100644
--- a/composer.json
+++ b/composer.json
@@ -19,7 +19,7 @@
     "require": {
         "php": "^8.0|^8.1|^8.2",
         "blade-ui-kit/blade-heroicons": "^2.0",
-        "rapidez/core": "^2.16"
+        "rapidez/core": "^2.17"
     },
     "autoload": {
         "psr-4": {