From 31c24aad34a65579ee3714616427f3d8f0bc4076 Mon Sep 17 00:00:00 2001
From: Dima Uryvskiy <dima-uryvskiyy@rambler.ru>
Date: Wed, 21 Jul 2021 10:34:41 +0300
Subject: [PATCH] Add label for whatsapp icon and update style

---
 src/assets/css/whatsapp-icon.css        | 11 ++++++++++-
 src/assets/css/whatsapp-icon.min.css    |  2 +-
 src/include/class-wc-retailcrm-base.php |  6 ++++++
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/assets/css/whatsapp-icon.css b/src/assets/css/whatsapp-icon.css
index 4dcad66..e4fcefd 100644
--- a/src/assets/css/whatsapp-icon.css
+++ b/src/assets/css/whatsapp-icon.css
@@ -1,7 +1,7 @@
 .whatsapp-icon {
   position: fixed;
   left: 0;
-  bottom: 20px;
+  bottom: 55px;
   width: 60px;
   height: 60px;
   box-sizing: border-box;
@@ -21,3 +21,12 @@
   width: 100%;
   height: 100%;
 }
+
+.chat-btn__text {
+  color: #8A96A6;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 14px;
+  text-align: center;
+  margin: 8px 0 0;
+}
diff --git a/src/assets/css/whatsapp-icon.min.css b/src/assets/css/whatsapp-icon.min.css
index 0d37f09..405d904 100644
--- a/src/assets/css/whatsapp-icon.min.css
+++ b/src/assets/css/whatsapp-icon.min.css
@@ -1 +1 @@
-.whatsapp-icon{position:fixed;left:0;bottom:20px;width:60px;height:60px;box-sizing:border-box}.whatsapp-icon_left{left:32px;right:auto}.whatsapp-icon_right{right:32px;left:auto}.whatsapp-icon__icon{width:100%;height:100%}
\ No newline at end of file
+.whatsapp-icon{position:fixed;left:0;bottom:55px;width:60px;height:60px;box-sizing:border-box}.whatsapp-icon_left{left:32px;right:auto}.whatsapp-icon_right{right:32px;left:auto}.whatsapp-icon__icon{width:100%;height:100%}.chat-btn__text{color:#8A96A6;font-weight:600;font-size:12px;line-height:14px;text-align:center;margin:8px 0 0}
\ No newline at end of file
diff --git a/src/include/class-wc-retailcrm-base.php b/src/include/class-wc-retailcrm-base.php
index c24f9c1..294f8e9 100644
--- a/src/include/class-wc-retailcrm-base.php
+++ b/src/include/class-wc-retailcrm-base.php
@@ -502,6 +502,12 @@ if (!class_exists('WC_Retailcrm_Base')) {
                                 <a class="whatsapp-icon__link" href="https://api.whatsapp.com/send/?phone=%s&text&app_absent=0" target="_blank">
                                   <svg class="whatsapp-icon__icon" fill="none" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12z" fill="#25D366"/><path d="M12.396 18.677h-.003a7.13 7.13 0 01-3.41-.869L5.2 18.8l1.013-3.697a7.123 7.123 0 01-.953-3.567C5.262 7.6 8.463 4.4 12.396 4.4c1.909.001 3.7.744 5.047 2.093a7.093 7.093 0 012.088 5.048c-.001 3.934-3.201 7.134-7.135 7.136zm-3.238-2.16l.217.128c.91.54 1.954.826 3.018.827h.003a5.94 5.94 0 005.93-5.931 5.895 5.895 0 00-1.735-4.196 5.89 5.89 0 00-4.193-1.74 5.94 5.94 0 00-5.933 5.931c0 1.12.313 2.212.907 3.156l.14.225-.599 2.188 2.245-.588zm6.588-3.44c.125.06.209.101.245.161.044.074.044.431-.104.848-.15.416-.861.796-1.204.848a2.443 2.443 0 01-1.123-.071 10.223 10.223 0 01-1.016-.376c-1.672-.721-2.801-2.341-3.015-2.648l-.031-.044-.002-.002c-.094-.126-.726-.97-.726-1.842 0-.821.403-1.252.589-1.45l.035-.038a.655.655 0 01.475-.223c.12 0 .238.001.342.007h.04c.104 0 .233-.001.361.306.05.118.121.293.197.478.154.373.323.786.353.846.044.089.074.193.015.312l-.025.05c-.045.092-.078.159-.153.247l-.092.11c-.061.075-.123.15-.176.203-.09.089-.182.185-.078.364.104.178.462.762.992 1.235.57.508 1.065.723 1.316.832.049.02.088.038.118.053.178.089.282.074.386-.045.104-.119.446-.52.564-.7.12-.178.238-.148.402-.088.163.06 1.04.49 1.218.58l.097.048z" fill="#FDFDFD"/></svg>
                                 </a>
+                                <div class="chat-btn__wrapper">
+                                  <p class="chat-btn__text">
+                                    Powered<br>by
+                                    <a href="https://www.simla.com?utm_source=woocommerce&utm_medium=home_button&utm_campaign=whatsapp_link" target="_blank" class="chat-btn__link">Simla.com</a>  
+                                  </p>
+                                </div>
                             </div>';
 
                 echo sprintf($whatsAppHtml, $positionIcon, $phoneNumber);