From 8942677930ce8c356710925e5f91913b166069e9 Mon Sep 17 00:00:00 2001
From: Thekindbull <thekindbull@gmail.com>
Date: Tue, 23 Sep 2025 09:08:32 +0800
Subject: [PATCH] mobile menu updated

---
 .../Views/livewire/info/index.blade.php       |  2 +-
 resources/views/layouts/app.blade.php         | 26 ++++++--------
 resources/views/livewire/main-menu.blade.php  | 34 ++++++++++++++++++-
 3 files changed, 44 insertions(+), 18 deletions(-)

diff --git a/app/Modules/CityManager/Views/livewire/info/index.blade.php b/app/Modules/CityManager/Views/livewire/info/index.blade.php
index cfd3813..fe113f7 100644
--- a/app/Modules/CityManager/Views/livewire/info/index.blade.php
+++ b/app/Modules/CityManager/Views/livewire/info/index.blade.php
@@ -1,6 +1,6 @@
 <div>
     @if ($manager)
-        <div>Ваш менеджер:</div>
+        <div class="text-secondary">Ваш менеджер:</div>
         <div class="fw-bold text-uppercase text-primary">
             {{ $manager->name }}
         </div>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index e9c4c83..e961a1c 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -33,22 +33,16 @@
                         {{ $title }}
                     @endisset
                 </div>
-
-                <ul class="navbar-nav me-auto">
-
-                </ul>
-
                 <!-- Right Side Of Navbar -->
-                <ul class="navbar-nav align-items-center ms-auto">
-                    <div class="nav-item">
+                <div class="position-sm-fixed position-relative d-flex flex-row align-items-center ms-auto">
+                    <div class="nav-item d-none d-lg-block">
                         @livewire('citymanagerinfo')
                     </div>
                     <div class="vr mx-3 d-none d-md-block"></div>
-                    <div class="nav-item ">
+                    <div class="nav-item">
                         @livewire('notices.user-notices-button')
                     </div>
-
-                    <li class="nav-item dropdown">
+                    <div class="dropdown">
                         <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button"
                             data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                             <img src="../../images/icons/user.png" class="img-fluid align-middle" style="height: 40px;">
@@ -73,8 +67,8 @@
                                 @csrf
                             </form>
                         </div>
-                    </li>
-                </ul>
+                    </div>
+                </div>
             </div>
         </nav>
 
@@ -110,12 +104,12 @@
         </div>
 
         <main class="py-4">
-            <div class="container">
-                <div class="row justify-content-center">
-                    <div class="col col-sm-2" id="leftPanel">
+            <div class="container ">
+                <div class="d-flex flex-row justify-content-center">
+                    <div class="d-flex flex-column" id="leftPanel">
                         @include('left-panel')
                     </div>
-                    <div class="col-10 px-0 px-md-4">
+                    <div class="px-0 px-md-4">
                         @if (session('success'))
                             <div class="alert alert-success">
                                 {{ session('success') }}
diff --git a/resources/views/livewire/main-menu.blade.php b/resources/views/livewire/main-menu.blade.php
index 5801a0e..846146d 100644
--- a/resources/views/livewire/main-menu.blade.php
+++ b/resources/views/livewire/main-menu.blade.php
@@ -6,6 +6,7 @@
         'route' => 'home',
         'name' => 'Главная',
         'icon' => 'columns-gap',
+        'primary_on_mobile' => true,
     ];
 }
 if (in_array($roles::AGENT, $userRoles) || in_array($roles::COMPANY_ADMIN, $userRoles)) {
@@ -14,6 +15,7 @@
         'route' => 'clients.table',
         'name' => 'Клиенты',
         'icon' => 'person',
+        'primary_on_mobile' => false,
     ];
 
     $items[] = [
@@ -21,6 +23,7 @@
         'route' => 'contracts',
         'name' => 'Договоры',
         'icon' => 'files-alt',
+        'primary_on_mobile' => true,
     ];
 
     $items[] = [
@@ -28,6 +31,7 @@
         'modal' => '#plan7Modal',
         'name' => 'Проекты',
         'icon' => 'book',
+        'primary_on_mobile' => true,
     ];
 }
 
@@ -52,6 +56,7 @@
     'route' => 'docs.index',
     'name' => 'Документы',
     'icon' => 'archive',
+    'primary_on_mobile' => true,
 ];
 
 if (in_array($roles::COMPANY_ADMIN, $userRoles)) {
@@ -74,7 +79,7 @@
 ?>
 <div>
     @php($current = Route::currentRouteName())
-    <ul class="nav flex flex-md-column ">
+    <ul class="nav flex flex-md-column d-none d-sm-block">
         @foreach ($items as $item)
             <li class="nav-item text-center m-2">
                 @if ($item['target'] == 'route')
@@ -96,4 +101,31 @@ class="d-none d-lg-inline text-truncate">{{ $item['name'] }}</span>
             </li>
         @endforeach
     </ul>
+    <div class="d-block d-sm-none position-fixed bottom-0 start-0 w-100 bg-primary shadow-lg py-3" style="z-index:1000">
+        <div class="mobile-menu d-flex flex-row gap-3 fs-3 justify-content-center">
+            @foreach ($items as $key => $item)
+                @if (array_key_exists('primary_on_mobile', $item))
+                    <div>
+                        @if ($item['target'] == 'route')
+                            <a href="{{ route($item['route']) }}"
+                                class="d-flex flex-column align-items-center text-white text-decoration-none
+                                @if (Route::currentRouteName() == $item['route']) text-decoration-underline @endif"
+                                aria-current="page">
+                                <i class="bi bi-{{ $item['icon'] }}"></i>
+                                <span style="margin-top:-10px" class="text-truncate fs-6">{{ $item['name'] }}</span>
+                            </a>
+                        @endif
+                        @if ($item['target'] == 'modal')
+                            <a href="#" data-bs-toggle="modal" data-bs-target="{{ $item['modal'] }}"
+                                class="d-flex flex-column align-items-center text-white text-decoration-none"
+                                aria-current="page">
+                                <i class="bi bi-{{ $item['icon'] }}"></i>
+                                <span style="margin-top:-10px" class=" text-truncate fs-6">{{ $item['name'] }}</span>
+                            </a>
+                        @endif
+                    </div>
+                @endif
+            @endforeach
+        </div>
+    </div>
 </div>