From c78e51874c2f2ff52982ea52dd3a4abb96bf2c35 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Sat, 19 Oct 2024 04:21:33 +0330
Subject: [PATCH] added Farhad theme part

---
 .../FarhadSocial/FarhadSocial.blade.php       | 17 +++++
 .../floats/FarhadSocial/FarhadSocial.js       |  0
 .../floats/FarhadSocial/FarhadSocial.json     | 10 +++
 .../floats/FarhadSocial/FarhadSocial.php      | 21 ++++++
 .../floats/FarhadSocial/FarhadSocial.scss     | 67 +++++++++++++++++++
 5 files changed, 115 insertions(+)
 create mode 100644 resources/views/segments/floats/FarhadSocial/FarhadSocial.blade.php
 create mode 100644 resources/views/segments/floats/FarhadSocial/FarhadSocial.js
 create mode 100644 resources/views/segments/floats/FarhadSocial/FarhadSocial.json
 create mode 100644 resources/views/segments/floats/FarhadSocial/FarhadSocial.php
 create mode 100644 resources/views/segments/floats/FarhadSocial/FarhadSocial.scss

diff --git a/resources/views/segments/floats/FarhadSocial/FarhadSocial.blade.php b/resources/views/segments/floats/FarhadSocial/FarhadSocial.blade.php
new file mode 100644
index 0000000..98bf5db
--- /dev/null
+++ b/resources/views/segments/floats/FarhadSocial/FarhadSocial.blade.php
@@ -0,0 +1,17 @@
+<div id='FarhadSocial'>
+    <div id="fari-btn">
+        <i class="ri-customer-service-2-fill"></i>
+    </div>
+    <div id="fari-collapse">
+        <a href="tel:{{getSetting('tel')}}" " data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip"
+           data-bs-title="{{__("Phone")}}">
+           <i class="ri-phone-line"></i>
+        </a>
+        @foreach(getSettingsGroup('social_')??[] as $k => $social)
+            <a href="{{$social}}" data-bs-toggle="tooltip" data-bs-placement="auto" data-bs-custom-class="custom-tooltip"
+               data-bs-title="{{ucfirst($k)}}">
+                <i class="ri-{{$k}}-line"></i>
+            </a>
+        @endforeach
+    </div>
+</div>
diff --git a/resources/views/segments/floats/FarhadSocial/FarhadSocial.js b/resources/views/segments/floats/FarhadSocial/FarhadSocial.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/floats/FarhadSocial/FarhadSocial.json b/resources/views/segments/floats/FarhadSocial/FarhadSocial.json
new file mode 100644
index 0000000..ecec719
--- /dev/null
+++ b/resources/views/segments/floats/FarhadSocial/FarhadSocial.json
@@ -0,0 +1,10 @@
+{
+    "name": "FarhadSocial",
+    "version": "1.0",
+    "author": "xStack",
+    "email": "xshop@xstack.ir",
+    "license": "GPL-3.0-or-later",
+    "url": "https:\/\/xstack.ir",
+    "author_url": "https:\/\/4xmen.ir",
+    "packages": []
+}
\ No newline at end of file
diff --git a/resources/views/segments/floats/FarhadSocial/FarhadSocial.php b/resources/views/segments/floats/FarhadSocial/FarhadSocial.php
new file mode 100644
index 0000000..067471e
--- /dev/null
+++ b/resources/views/segments/floats/FarhadSocial/FarhadSocial.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+
+class FarhadSocial
+{
+    public static function onAdd(Part $part = null)
+    {
+
+    }
+    public static function onRemove(Part $part = null)
+    {
+
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}
diff --git a/resources/views/segments/floats/FarhadSocial/FarhadSocial.scss b/resources/views/segments/floats/FarhadSocial/FarhadSocial.scss
new file mode 100644
index 0000000..f3482ad
--- /dev/null
+++ b/resources/views/segments/floats/FarhadSocial/FarhadSocial.scss
@@ -0,0 +1,67 @@
+#FarhadSocial {
+    // scss
+    position: fixed;
+    z-index: 99;
+    inset-inline-start: 1rem;
+    bottom: 1rem;
+    i{
+        font-size: 37px;
+    }
+    #fari-btn{
+        background: var(--xshop-secondary);
+        color: var(--xshop-diff2);
+        width: 50px;
+        height: 50px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+        position: absolute;
+        inset-inline-start: 0;
+        bottom: 0;
+        z-index: 98;
+    }
+    #fari-collapse{
+        a{
+            background: var(--xshop-primary);
+            color: var(--xshop-diff);
+            width: 50px;
+            height: 50px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            border-radius: 50%;
+            position: absolute;
+            inset-inline-start: 0;
+            bottom: 0;
+            z-index: 96;
+            transition: 500ms;
+            box-shadow: var(--xshop-shadow);
+        }
+    }
+    &:hover{
+        #fari-collapse{
+            a:nth-child(1){
+                bottom: 3.5rem;
+            }
+            a:nth-child(2){
+                bottom: 7rem;
+            }
+            a:nth-child(3){
+                bottom: 10.5rem;
+            }
+            a:nth-child(4){
+                bottom: 14rem;
+            }
+            a:nth-child(5){
+                bottom: 17.5rem;
+            }
+            a:nth-child(6){
+                bottom: 21rem;
+            }
+            a:nth-child(7){
+                bottom: 24.5rem;
+            }
+        }
+    }
+}