From 290ace2fdb96b6431d27b7cbf0fc8d40f90d7af7 Mon Sep 17 00:00:00 2001
From: A1Gard <a1gard@4xmen.ir>
Date: Tue, 15 Oct 2024 07:34:37 +0330
Subject: [PATCH] added minoo theme part

---
 .../DefaultProductGrid.scss                   |   2 +-
 .../MinooProductGrid.blade.php                |  40 +++++++
 .../MinooProductGrid/MinooProductGrid.js      |   0
 .../MinooProductGrid/MinooProductGrid.json    |  10 ++
 .../MinooProductGrid/MinooProductGrid.php     |  21 ++++
 .../MinooProductGrid/MinooProductGrid.scss    | 104 ++++++++++++++++++
 6 files changed, 176 insertions(+), 1 deletion(-)
 create mode 100644 resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.blade.php
 create mode 100644 resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.js
 create mode 100644 resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.json
 create mode 100644 resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.php
 create mode 100644 resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.scss

diff --git a/resources/views/segments/product_grid/DefaultProductGrid/DefaultProductGrid.scss b/resources/views/segments/product_grid/DefaultProductGrid/DefaultProductGrid.scss
index 672b697..d68d359 100644
--- a/resources/views/segments/product_grid/DefaultProductGrid/DefaultProductGrid.scss
+++ b/resources/views/segments/product_grid/DefaultProductGrid/DefaultProductGrid.scss
@@ -15,7 +15,7 @@
         font-size: 20px;
         font-weight: 300;
         color: var(--xshop-text);
-        height: 2.1em;
+        height: 2.5em;
         overflow: hidden;
     }
 
diff --git a/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.blade.php b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.blade.php
new file mode 100644
index 0000000..1db6080
--- /dev/null
+++ b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.blade.php
@@ -0,0 +1,40 @@
+<div class="MinooProductGrid">
+    <a href="{{$product->webUrl()}}">
+        <img src="{{$product->imgUrl()}}" alt="{{$product->name}}" loading="lazy">
+        <img src="{{$product->imgUrl2()}}" class="img-2" alt="{{$product->name}}" loading="lazy">
+        <div class="">
+            <div class="btns">
+                <a href="{{ route('client.product-card-toggle',$product->slug) }}"
+                   class="btn btn-primary add-to-card">
+                    <i class="ri-shopping-bag-3-line"></i>
+                    {{__("Add to card")}}
+                </a>
+                <a class="btn btn-outline-dark compare-btn text-dark" data-slug="{{$product->slug}}"
+                   data-bs-custom-class="custom-tooltip"
+                   data-bs-toggle="tooltip" data-bs-placement="top"
+                   title="{{__("Add to/ Remove from compare list")}}">
+                    <i class="ri-scales-3-line"></i>
+                </a>
+                <a class="btn btn-outline-secondary fav-btn" data-slug="{{$product->slug}}" data-is-fav="{{$product->isFav()}}"
+                   data-bs-custom-class="custom-tooltip"
+                   data-bs-toggle="tooltip" data-bs-placement="top" title="{{__("Add to / Remove from favorites")}}">
+                    <i class="ri-heart-line"></i>
+                    <i class="ri-heart-fill"></i>
+                </a>
+            </div>
+        </div>
+        <h3>
+            {{$product->name}}
+        </h3>
+        <div class="prices">
+            @if($product->hasDiscount())
+                <span class="old-price">
+                    {{$product->oldPrice()}}
+                </span>
+            @endif
+            <span class="price">
+                {{$product->getPrice()}}
+            </span>
+        </div>
+    </a>
+</div>
diff --git a/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.js b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.js
new file mode 100644
index 0000000..e69de29
diff --git a/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.json b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.json
new file mode 100644
index 0000000..432e70f
--- /dev/null
+++ b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.json
@@ -0,0 +1,10 @@
+{
+    "name": "MinooProductGrid",
+    "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/product_grid/MinooProductGrid/MinooProductGrid.php b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.php
new file mode 100644
index 0000000..8011da3
--- /dev/null
+++ b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+
+class MinooProductGrid
+{
+    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/product_grid/MinooProductGrid/MinooProductGrid.scss b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.scss
new file mode 100644
index 0000000..a85467f
--- /dev/null
+++ b/resources/views/segments/product_grid/MinooProductGrid/MinooProductGrid.scss
@@ -0,0 +1,104 @@
+.MinooProductGrid {
+
+    //border: 1px solid silver;
+    //box-shadow: var(--xshop-shadow);
+    border-radius: var(--xshop-border-radius);
+    position: relative;
+    overflow: hidden;
+
+    img {
+        width: 100%;
+    }
+
+    h3 {
+        margin-top: 1rem;
+        text-align: start;
+        font-size: 20px;
+        font-weight: 300;
+        color: var(--xshop-text);
+        height: 1.3em;
+        overflow: hidden;
+    }
+
+    .prices {
+        display: grid;
+        grid-auto-columns: minmax(0, 1fr);
+        grid-auto-flow: column;
+        text-align: start;
+
+        span {
+            display: block;
+            padding: .5rem;
+        }
+
+        .old-price {
+            text-decoration: red line-through;
+            color: gray;
+        }
+    }
+
+    .fav-btn, .compare-btn {
+        //position: absolute;
+        //inset-inline-start: -12%;
+        //top: 3%;
+        width: 40px;
+        height: 40px;
+        background: #ffffff55;
+        font-size: 25px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 4;
+        cursor: pointer;
+        transition: .4s;
+
+        &:hover {
+            background: var(--xshop-primary);
+            color: var(--xshop-diff);
+        }
+    }
+
+    .fav-btn {
+        top: calc(3% + 50px);
+
+        &[data-is-fav="-1"] {
+            display: none;
+        }
+
+        &[data-is-fav="1"] {
+            .ri-heart-line {
+                display: none;
+            }
+        }
+
+        &[data-is-fav="0"] {
+            .ri-heart-fill {
+                display: none;
+            }
+        }
+
+    }
+
+    .btns {
+        display: flex;
+        flex: 1;
+
+        .add-to-card {
+            flex-grow: 4;
+        }
+    }
+
+    .img-2 {
+        position: absolute;
+        left: 0;
+        right: 0;
+        opacity: 0;
+        transition: 500ms;
+    }
+
+    &:hover {
+        .img-2 {
+            opacity: 1;
+        }
+    }
+}