From 7c0254153c11071e30fd91c820e9557359db5646 Mon Sep 17 00:00:00 2001
From: Gustavo Luigi <gustavoluigisouza@gmail.com>
Date: Wed, 31 Aug 2022 12:10:53 +0200
Subject: [PATCH] cart icon on products

---
 content/contents/balkonkraftwerk.blade.php | 50 +++++++---------------
 content/master.blade.php                   | 13 ++++++
 2 files changed, 29 insertions(+), 34 deletions(-)

diff --git a/content/contents/balkonkraftwerk.blade.php b/content/contents/balkonkraftwerk.blade.php
index 502bfb5..573143b 100644
--- a/content/contents/balkonkraftwerk.blade.php
+++ b/content/contents/balkonkraftwerk.blade.php
@@ -4,6 +4,7 @@
 <style type="text/css">
     li{list-style: none; margin-bottom: 4px; }
 </style>
+<meta name="product-id" content="{{$content->id}}">
 @stop
 @section('content')
 <div class="container">
@@ -27,11 +28,9 @@
           <span class="text-muted fs-7">Inkl. MwSt.</span>
       </div>
       <div class="ms-3 mt-3 mb-3 fs-6 fw-bolder" style="color: #79b27f;">
-
           @if(2==2)
               <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
               Sofort verfügbar!
-
           @elseif(2==3)
               <svg style="fill: currentColor; width: 22px; margin-right: 10px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H112C85.5 0 64 21.5 64 48v48H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h272c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H40c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H8c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h208c4.4 0 8 3.6 8 8v16c0 4.4-3.6 8-8 8H64v128c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z"/></svg>
                 Nachschub ist unterwegs. Jetzt vorbestellen!
@@ -45,47 +44,30 @@
       <br>
       <br>
       <ul class="fs-5">
-          <li>2x Longi 375 Watt Monokristaline Module</li>
-          <li>1x 600 Watt Wechselrichter mit Zertifizierung</li>
-          <li>1x Kabel für Schuko-Stecker</li>
+        <li>2x Longi 375 Watt Monokristaline Module</li>
+        <li>1x 600 Watt Wechselrichter mit Zertifizierung</li>
+        <li>1x Kabel für Schuko-Stecker</li>
       </ul>
-
-
       <div class="row mt-5">
-
           <div class="col-6">
-
-
-              @if(1==rand(1,2))
-                  <button id="btn-add-to-bag" data-id="{{$content->id}}" class="btn btn-outline-success  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
-                      <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-                      In den Einkaufswagen
-                  </button>
-              @else
-
-                  <button type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-outline-success position-relative mb-5">
-                      Im Warenkorb ansehen
-                      <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
-                        99<svg style="fill: white; width: 12px; margin-left: 3px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
-
-                        <span class="visually-hidden">unread messages</span>
-                      </span>
-                  </button>
-
-              @endif
+            <button style="display: none;" id="btn-add-to-bag" data-id="{{$content->id}}" class="btn btn-outline-success  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
+              <svg style="fill: currentColor; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
+              In den Einkaufswagen
+            </button>
+            <button style="display: none;" id="btn-show-bag" type="button" data-bs-toggle="modal" data-bs-target="#ShoppingCart" class="btn btn-outline-success position-relative mb-5">
+              Im Warenkorb ansehen
+              <span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
+                99<svg style="fill: white; width: 12px; margin-left: 3px; margin-bottom: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
+                <span class="visually-hidden">unread messages</span>
+              </span>
+            </button>
           </div>
-
-          <div class="col-12 col-md-6">
+          <div style="display: none;" class="col-12 col-md-6">
               <button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
                   <svg style="fill: white; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
                   Unverbindlich anfragen
               </button>
           </div>
-
-
-
-
-
       </div>
       </div>
           <hr class="mt-5">
diff --git a/content/master.blade.php b/content/master.blade.php
index 076a22d..bbc605c 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -153,6 +153,19 @@
                 $('#count-products-in-bag').hide();
             }
             $('#total-price').text(formatter.format(totalPrice));
+            let productId = $('meta[name="product-id"]').attr('content');
+            if(productId != undefined){
+                if(objProducts.find(obj => obj.id == productId) == undefined) {
+                    $('#btn-add-to-bag').show();
+                    $('#btn-show-bag').hide();
+                    $('#btn-check-out').parent().show();
+                }
+                else {
+                    $('#btn-add-to-bag').hide();
+                    $('#btn-show-bag').show();
+                    $('#btn-check-out').parent().hide();
+                }
+            }
         }
         function addToBag(productId){
             let objProductInfo = objProducts.find(obj => obj.id == productId);