From fff235d1485da087dd2c4985253a78a1395bf9f4 Mon Sep 17 00:00:00 2001
From: bj-anas <93322743+bj-anas@users.noreply.github.com>
Date: Fri, 18 Oct 2024 17:33:06 +0100
Subject: [PATCH] create notification warning message

---
 themes/meraki/assets/main.css             | 3 +++
 themes/meraki/locales/ar.default.json     | 3 ++-
 themes/meraki/locales/en.json             | 3 ++-
 themes/meraki/locales/fr.json             | 3 ++-
 themes/meraki/snippets/alert.liquid       | 4 ++++
 themes/meraki/snippets/cart-drawer.liquid | 6 ++++--
 themes/meraki/styles/main.scss            | 4 ++++
 7 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/themes/meraki/assets/main.css b/themes/meraki/assets/main.css
index 84a9d51d..adaa6149 100644
--- a/themes/meraki/assets/main.css
+++ b/themes/meraki/assets/main.css
@@ -505,6 +505,9 @@ textarea{
 .yc-alert.error{
   background-color:var(--yc-error-color);
 }
+.yc-alert.warning{
+  background-color:var(--yc-warning-color);
+}
 .yc-alert.show{
   opacity:1;
   z-index:9999;
diff --git a/themes/meraki/locales/ar.default.json b/themes/meraki/locales/ar.default.json
index 7c5b6c51..599d5583 100644
--- a/themes/meraki/locales/ar.default.json
+++ b/themes/meraki/locales/ar.default.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "يجب أن تكون الكمية أكبر من 0",
     "upload_image": "الرجاء تحميل صورة",
     "product_added": "تمت إضافة المنتج بنجاح",
-    "empty_inventory": "المُنتج غير متوفر حاليًا في المخزون"
+    "empty_inventory": "المُنتج غير متوفر حاليًا في المخزون",
+    "max_quantity": "الكمية المتاحة لهذا العرض هي: "
   },
   "page": {
     "contact": {
diff --git a/themes/meraki/locales/en.json b/themes/meraki/locales/en.json
index 482f0292..fe25108d 100644
--- a/themes/meraki/locales/en.json
+++ b/themes/meraki/locales/en.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "Quantity must be greater than 0",
     "upload_image": "Please upload an image",
     "product_added": "Product has been added successfully",
-    "empty_inventory": "Product out of stock"
+    "empty_inventory": "Product out of stock",
+    "max_quantity": "The available quantity for this variant is: "
   },
   "page": {
     "contact": {
diff --git a/themes/meraki/locales/fr.json b/themes/meraki/locales/fr.json
index fae6f3a7..33bc0767 100644
--- a/themes/meraki/locales/fr.json
+++ b/themes/meraki/locales/fr.json
@@ -145,7 +145,8 @@
     "quantity_smaller_than_zero": "La quantité doit être supérieure à 0",
     "upload_image": "Veuillez télécharger une image",
     "product_added": "Produit ajouté avec succès",
-    "empty_inventory": "Produit en rupture de stock"
+    "empty_inventory": "Produit en rupture de stock",
+    "max_quantity": "La quantité disponible pour cette variante est : "
   },
   "page": {
     "contact": {
diff --git a/themes/meraki/snippets/alert.liquid b/themes/meraki/snippets/alert.liquid
index bc6252c8..230724ea 100644
--- a/themes/meraki/snippets/alert.liquid
+++ b/themes/meraki/snippets/alert.liquid
@@ -7,5 +7,9 @@
     name='checkmark-circle-outline'
     class='text-xl icon-success icon'
   ></ion-icon>
+  <ion-icon
+    name="warning-outline"
+    class='text-xl icon-warning icon'
+  ></ion-icon>
   <span class='alert-msg text-white'> Some context </span>
 </div>
diff --git a/themes/meraki/snippets/cart-drawer.liquid b/themes/meraki/snippets/cart-drawer.liquid
index 7c606c5f..abfdc5bf 100644
--- a/themes/meraki/snippets/cart-drawer.liquid
+++ b/themes/meraki/snippets/cart-drawer.liquid
@@ -1,5 +1,6 @@
 {{ 'cart-drawer.css' | asset_url | stylesheet_tag }}
 
+<input id='cartQuantity' type='hidden'>
 <div class="cart-overlay"></div>
 <div class="cart-drawer">
   <button class="cart-drawer__close" aria-label='close'>
@@ -18,7 +19,8 @@
     quantity_smaller_than_zero: "{{ 'errors.quantity_smaller_than_zero' | t }}",
     upload_image: "{{ 'errors.upload_image' | t }}",
     product_added: "{{ 'errors.product_added' | t }}",
-    empty_inventory: "{{ 'errors.empty_inventory' | t }}"
+    empty_inventory: "{{ 'errors.empty_inventory' | t }}",
+    max_quantity: "{{ 'errors.max_quantity' | t }}",
   }
 
   const CART_DRAWER_TRANSLATION = {
@@ -28,7 +30,7 @@
     checkoutPayment:  '{{ 'cart.summary.checkout_cta' | t }}',
     emptyCart:  '{{ 'cart.empty_cart' | t }}',
     itemsName: '{{ 'cart.items.items_name' | t }}',
-    continueShopping: '{{ 'cart.summary.continue_shppping' | t }}', 
+    continueShopping: '{{ 'cart.summary.continue_shppping' | t }}',
   }
 
 {% endjavascript %}
diff --git a/themes/meraki/styles/main.scss b/themes/meraki/styles/main.scss
index 3213ade6..7223c9ad 100644
--- a/themes/meraki/styles/main.scss
+++ b/themes/meraki/styles/main.scss
@@ -561,6 +561,10 @@ textarea {
     background-color: var(--yc-error-color);
   }
 
+  &.warning {
+    background-color: var(--yc-warning-color);
+  }
+
   &.show {
     opacity: 1;
     z-index: 9999;