added sub menu to homayon

resources/views/segments/menu/HomayonMenu/HomayonMenu.blade.php

@@ -103,6 +103,17 @@
                                                         <a href="{{$itm->webUrl()}}">
                                                             {{$itm->name}}
                                                         </a>
+                                                        @if($itm->children()->where('hide',false)->count() > 0)
+                                                            <ul class="sub-sub-item">
+                                                                @foreach($itm->children()->where('hide',false)->get() as $subItem)
+                                                                    <li>
+                                                                        <a href="{{$subItem->webUrl()}}">
+                                                                            {{$subItem->name}}
+                                                                        </a>
+                                                                    </li>
+                                                                @endforeach
+                                                            </ul>
+                                                        @endif
                                                     </li>
                                                 @endforeach
                                             </ul>

resources/views/segments/menu/HomayonMenu/HomayonMenu.scss

@@ -199,6 +199,37 @@
         }
     }
 
+    .sub-menu-item{
+
+        li{
+            position: relative;
+            .sub-sub-item{
+                width: 200px;
+                display: none;
+            }
+
+            &:hover{
+                .sub-sub-item{
+                    padding: 0;
+                    border-radius: 7px;
+                    position: absolute;
+                    display: block;
+                    inset-inline-start: 90%;
+                    top: 0;
+                    height: auto;
+                    li{
+                        border-radius: 7px;
+                        margin: 0;
+                        a{
+                            border-radius: 7px !important;
+                        }
+                    }
+
+                }
+            }
+        }
+    }
+
     /*-875px width*/
     @media (max-width: 875px) {
         ul {