From 963faf52bef80e8667396c4ad54e8718c3f19499 Mon Sep 17 00:00:00 2001
From: Ilham Wara Nugroho <ilhamwara@gmail.com>
Date: Mon, 17 Nov 2025 16:19:56 +0700
Subject: [PATCH] update

---
 app/Http/Controllers/HomeController.php    |   3 +-
 public/assets/js/app.js                    |  12 +-
 resources/views/auth/login.blade.php       |   1 -
 resources/views/include/rightbar.blade.php | 170 +++++++++++++++++++++
 resources/views/include/sidebar.blade.php  |  25 ++-
 resources/views/include/topbar.blade.php   |  73 +--------
 resources/views/layouts/blank.blade.php    |   1 +
 resources/views/layouts/master.blade.php   |   4 +-
 routes/modules/modules.php                 |   6 +-
 9 files changed, 204 insertions(+), 91 deletions(-)
 create mode 100644 resources/views/include/rightbar.blade.php

diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 7cbc2c3..b9940db 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -23,6 +23,7 @@ class HomeController extends Controller
      */
     public function index()
     {
-        return view('home');
+        $data['title'] = 'Dashboard';
+        return view('home',$data);
     }
 }
diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index 89b9e3b..3531c03 100755
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -368,7 +368,7 @@ File: Main Js File
             updateRadio("layout-horizontal");
             document.getElementById("sidebar-setting").style.display = "none";
             document.getElementsByClassName("vertical-menu")[0].style.display = "none";
-            document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
+            // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
             document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";
             document.getElementsByClassName("topnav")[0].style.display = "block";
             document.getElementsByClassName("footer")[0].style.display = "block";
@@ -384,10 +384,10 @@ File: Main Js File
             // document.body.setAttribute("data-sidebar", "light");
             document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
             updateRadio("layout-vertical");
-            document.getElementsByClassName("topnav")[0].style.display = "none";
+            // document.getElementsByClassName("topnav")[0].style.display = "none";
             // document.getElementsByClassName("vertical-menu")[0].style.display =
             //     "block";
-            document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
+            // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
         }
     }
 
@@ -469,10 +469,10 @@ File: Main Js File
                     document.body.setAttribute("data-layout", "vertical");
                     document.body.setAttribute("data-topbar", "light");
                     document.getElementsByClassName("isvertical-topbar")[0].style.display = "block";
-                    document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
+                    // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "none";
                     document.getElementsByClassName("vertical-menu")[0].style.display = "block";
                     document.getElementById("sidebar-setting").style.display = "block";
-                    document.getElementsByClassName("topnav")[0].style.display = "none";
+                    // document.getElementsByClassName("topnav")[0].style.display = "none";
                     if (window.innerWidth <= 992) {
                         document.getElementsByClassName("vertical-menu")[0].removeAttribute('style');
                     }
@@ -487,7 +487,7 @@ File: Main Js File
                     document.getElementById("sidebar-setting").style.display = "none";
                     document.getElementsByClassName("vertical-menu")[0].style.display =
                         "none";
-                    document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
+                    // document.getElementsByClassName("ishorizontal-topbar")[0].style.display = "block";
 
                     document.getElementsByClassName("isvertical-topbar")[0].style.display = "none";
 
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index 1a5b50b..f495f36 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -77,7 +77,6 @@
     </div>
 @endsection
 @section('js')
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 <script>
     $(document).ready(function() {
         $('#togglePassword').on('click', function() {
diff --git a/resources/views/include/rightbar.blade.php b/resources/views/include/rightbar.blade.php
new file mode 100644
index 0000000..c274ae9
--- /dev/null
+++ b/resources/views/include/rightbar.blade.php
@@ -0,0 +1,170 @@
+<!-- Right Sidebar -->
+<a href="#" class="right-bar-toggle layout-setting-btn" id="right-bar-toggle">
+    <i class="bx bx-cog icon-sm font-size-18"></i> <span>Settings</span>
+</a>
+
+<!-- Right Sidebar -->
+<div class="right-bar">
+    <div data-simplebar class="h-100">
+        <div class="rightbar-title d-flex align-items-center bg-dark p-3">
+
+            <h5 class="m-0 me-2 text-white">Theme Customizer</h5>
+
+            <a href="javascript:void(0);" class="right-bar-toggle-close ms-auto">
+                <i class="mdi mdi-close noti-icon"></i>
+            </a>
+        </div>
+
+        <!-- Settings -->
+        <hr class="m-0" />
+
+        <div class="p-4">
+            <h6 class="mb-3">Layout</h6>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout"
+                    id="layout-vertical" value="vertical">
+                <label class="form-check-label" for="layout-vertical">Vertical</label>
+            </div>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout"
+                    id="layout-horizontal" value="horizontal">
+                <label class="form-check-label" for="layout-horizontal">Horizontal</label>
+            </div>
+
+            <h6 class="mt-4 mb-3">Layout Mode</h6>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-mode"
+                    id="layout-mode-light" value="light">
+                <label class="form-check-label" for="layout-mode-light">Light</label>
+            </div>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-mode"
+                    id="layout-mode-dark" value="dark">
+                <label class="form-check-label" for="layout-mode-dark">Dark</label>
+            </div>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-mode"
+                    id="layout-mode-bordered" value="bordered">
+                <label class="form-check-label" for="layout-mode-bordered">Bordered</label>
+            </div>
+
+            <h6 class="mt-4 mb-3">Layout Width</h6>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-width"
+                    id="layout-width-fluid" value="fluid" onchange="document.body.setAttribute('data-layout-size', 'fluid')">
+                <label class="form-check-label" for="layout-width-fluid">Fluid</label>
+            </div>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-width"
+                    id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')">
+                <label class="form-check-label" for="layout-width-boxed">Boxed</label>
+            </div>
+
+            <h6 class="mt-4 mb-3">Layout Position</h6>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-position"
+                    id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')">
+                <label class="form-check-label" for="layout-position-fixed">Fixed</label>
+            </div>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-position"
+                    id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')">
+                <label class="form-check-label" for="layout-position-scrollable">Scrollable</label>
+            </div>
+
+            <h6 class="mt-4 mb-3">Topbar Type</h6>
+
+            
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="topbar-color"
+                    id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')">
+                <label class="form-check-label" for="topbar-color-light">Light</label>
+            </div>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="topbar-color"
+                    id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')">
+                <label class="form-check-label" for="topbar-color-dark">Dark</label>
+            </div>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="topbar-color"
+                    id="topbar-type-hidden" value="hidden" onchange="document.body.setAttribute('data-topbar', 'hidden')">
+                <label class="form-check-label" for="topbar-type-hidden">Hidden</label>
+            </div>
+            
+
+            <div id="sidebar-setting">
+            <h6 class="mt-4 mb-3 sidebar-setting">Sidebar Size</h6>
+
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-size"
+                    id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')">
+                <label class="form-check-label" for="sidebar-size-default">Default</label>
+            </div>
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-size"
+                    id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')">
+                <label class="form-check-label" for="sidebar-size-compact">Compact</label>
+            </div>
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-size"
+                    id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')">
+                <label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label>
+            </div>
+
+            <h6 class="mt-4 mb-3 sidebar-setting">Sidebar Color</h6>
+
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-color"
+                    id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')">
+                <label class="form-check-label" for="sidebar-color-light">Light</label>
+            </div>
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-color"
+                    id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')">
+                <label class="form-check-label" for="sidebar-color-dark">Dark</label>
+            </div>
+            <div class="form-check sidebar-setting">
+                <input class="form-check-input" type="radio" name="sidebar-color"
+                    id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')">
+                <label class="form-check-label" for="sidebar-color-brand">Brand</label>
+            </div>
+        </div>
+
+            <h6 class="mt-4 mb-3">Direction</h6>
+
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-direction"
+                    id="layout-direction-ltr" value="ltr">
+                <label class="form-check-label" for="layout-direction-ltr">LTR</label>
+            </div>
+            <div class="form-check form-check-inline">
+                <input class="form-check-input" type="radio" name="layout-direction"
+                    id="layout-direction-rtl" value="rtl">
+                <label class="form-check-label" for="layout-direction-rtl">RTL</label>
+            </div>
+
+        </div>
+
+    </div> <!-- end slimscroll-menu-->
+</div>
+<!-- /Right-bar -->
+
+<!-- Right bar overlay-->
+<div class="rightbar-overlay"></div>
+
+<!-- chat offcanvas -->
+<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasActivity" aria-labelledby="offcanvasActivityLabel">
+    <div class="offcanvas-header border-bottom">
+      <h5 id="offcanvasActivityLabel">Offcanvas right</h5>
+      <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+    </div>
+    <div class="offcanvas-body">
+      ...
+    </div>
+</div>
\ No newline at end of file
diff --git a/resources/views/include/sidebar.blade.php b/resources/views/include/sidebar.blade.php
index a0c7af0..6e330f0 100644
--- a/resources/views/include/sidebar.blade.php
+++ b/resources/views/include/sidebar.blade.php
@@ -10,28 +10,23 @@
 
     <!-- LOGO -->
     <div class="navbar-brand-box">
-        <a href="index.php" class="logo logo-dark">
+        <a href="{{ url('dashboard') }}" class="logo logo-dark">
             <span class="logo-sm">
-                <img src="{{asset('assets/images/logo-dark-sm.png')}}" alt="" height="26">
+                <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
             </span>
             <span class="logo-lg">
-                <img src="{{asset('assets/images/logo-dark.png')}}" alt="" height="28">
-            </span>
-        </a>
-
-        <a href="index.php" class="logo logo-light">
-            <span class="logo-lg">
-                <img src="{{asset('assets/images/logo-light.png')}}" alt="" height="30">
-            </span>
-            <span class="logo-sm">
-                <img src="{{asset('assets/images/logo-light-sm.png')}}" alt="" height="26">
+                <div class="d-flex align-items-center gap-3">
+                    <div><img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="28"></div>
+                    <div><h3 class="mb-0 logo-lg">SIGD</h3></div>
+                    <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
+                        <i class="bx bx-menu align-middle"></i>
+                    </button>
+                </div>
             </span>
         </a>
     </div>
 
-    <button type="button" class="btn btn-sm px-3 font-size-24 header-item waves-effect vertical-menu-btn">
-        <i class="bx bx-menu align-middle"></i>
-    </button>
+    
 
     <div data-simplebar class="sidebar-menu-scroll">
 
diff --git a/resources/views/include/topbar.blade.php b/resources/views/include/topbar.blade.php
index 4959a01..e128718 100644
--- a/resources/views/include/topbar.blade.php
+++ b/resources/views/include/topbar.blade.php
@@ -5,19 +5,19 @@
             <div class="navbar-brand-box">
                 <a href="index.php" class="logo logo-dark">
                     <span class="logo-sm">
-                        <img src="assets/images/logo-dark-sm.png" alt="" height="26">
+                        <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
                     </span>
                     <span class="logo-lg">
-                        <img src="assets/images/logo-dark-sm.png" alt="" height="26">
+                        <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
                     </span>
                 </a>
 
                 <a href="index.php" class="logo logo-light">
                     <span class="logo-lg">
-                        <img src="assets/images/logo-light.png" alt="" height="30">
+                        <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="30">
                     </span>
                     <span class="logo-sm">
-                        <img src="assets/images/logo-light-sm.png" alt="" height="26">
+                        <img src="{{asset('assets/logo-dinas.ico')}}" alt="" height="26">
                     </span>
                 </a>
             </div>
@@ -35,64 +35,7 @@
         </div>
 
         <div class="d-flex">
-          
-            <div class="dropdown d-inline-block language-switch ms-2">
-                <button type="button" class="btn header-item" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                    <?php
-                        if (!empty($_SESSION['lang'])) {
-                            $language = $_SESSION['lang'];
-                            if ($language == "en") {
-                                $imgPath = 'assets/images/flags/us.jpg';
-                            } elseif ($language == "sp") {
-                                $imgPath = 'assets/images/flags/spain.jpg';
-                            } elseif ($language == "gr") {
-                                $imgPath = 'assets/images/flags/germany.jpg';
-                            } elseif ($language == "it") {
-                                $imgPath = 'assets/images/flags/italy.jpg';
-                            } elseif ($language == "ru") {
-                                $imgPath = 'assets/images/flags/russia.jpg';
-                            } else {
-                                $imgPath = 'assets/images/flags/us.jpg';
-                            }
-                        } else {
-                            $imgPath = 'assets/images/flags/us.jpg';
-                        }
-                    ?>
-                    <img class="header-lang-img" src="<?php echo $imgPath; ?>" alt="Header Language" height="18">
-                </button>
-                <div class="dropdown-menu dropdown-menu-end">
-                    
-                    <!-- item-->
-                    <a href="?lang=en" class="dropdown-item notify-item language" data-lang="en" title="English">
-                        <img src="assets/images/flags/us.jpg" alt="user-image" class="me-1" height="12"> 
-                        <span class="align-middle">English</span>
-                    </a>
-
-                    <!-- item-->
-                    <a href="?lang=sp" class="dropdown-item notify-item language" data-lang="sp" title="Spanish">
-                        <img src="assets/images/flags/spain.jpg" alt="user-image" class="me-1" height="12"> 
-                        <span class="align-middle">Spanish</span>
-                    </a>
-
-                    <!-- item-->
-                    <a href="?lang=gr" class="dropdown-item notify-item language" data-lang="gr" title="German">
-                        <img src="assets/images/flags/germany.jpg" alt="user-image" class="me-1" height="12"> 
-                        <span class="align-middle">German</span>
-                    </a>
-
-                    <!-- item-->
-                    <a href="?lang=it" class="dropdown-item notify-item language" data-lang="it" title="Italian">
-                        <img src="assets/images/flags/italy.jpg" alt="user-image" class="me-1" height="12"> 
-                        <span class="align-middle">Italian</span>
-                    </a>
-
-                    <!-- item-->
-                    <a href="?lang=ru" class="dropdown-item notify-item language" data-lang="ru" title="Russian">
-                        <img src="assets/images/flags/russia.jpg" alt="user-image" class="me-1" height="12"> 
-                        <span class="align-middle">Russian</span>
-                    </a>
-                </div>
-            </div>
+        
 
             <div class="dropdown d-inline-block">
                 <button type="button" class="btn header-item noti-icon" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -205,12 +148,12 @@
                     data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                     <img class="rounded-circle header-profile-user" src="assets/images/users/avatar-3.jpg"
                     alt="Header Avatar">
-                    <span class="d-none d-xl-inline-block ms-2 fw-medium font-size-15">Martin Gurley</span>
+                    <span class="d-none d-xl-inline-block ms-2 fw-medium font-size-15">{{ \Str::title(auth()->user()->name) }}</span>
                 </button>
                 <div class="dropdown-menu dropdown-menu-end pt-0">
                     <div class="p-3 border-bottom">
-                        <h6 class="mb-0">Martin Gurley</h6>
-                        <p class="mb-0 font-size-11 text-muted">martin.gurley@email.com</p>
+                        <h6 class="mb-0">{{ \Str::title(auth()->user()->name) }}</h6>
+                        <p class="mb-0 font-size-11 text-muted">{{ auth()->user()->email }}</p>
                     </div>
                     <a class="dropdown-item" href="contacts-profile.php"><i class="mdi mdi-account-circle text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Profile</span></a>
                     <a class="dropdown-item" href="apps-chat.php"><i class="mdi mdi-message-text-outline text-muted font-size-16 align-middle me-2"></i> <span class="align-middle">Messages</span></a>
diff --git a/resources/views/layouts/blank.blade.php b/resources/views/layouts/blank.blade.php
index af7cfe2..9c4b300 100644
--- a/resources/views/layouts/blank.blade.php
+++ b/resources/views/layouts/blank.blade.php
@@ -31,6 +31,7 @@
         <script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script>
         <script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script>
         <script src="{{ asset('assets/js/app.js') }}"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
         @yield('js')
 
     </body>
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 34abb48..66b0c94 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -56,9 +56,9 @@
         <script src="{{asset('assets/libs/simplebar/simplebar.min.js')}}"></script>
         <script src="{{asset('assets/libs/eva-icons/eva.min.js')}}"></script>
 
-        @yield('js')
-
         <script src="{{ asset('assets/js/app.js') }}"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
+        @yield('js')
 
     </body>
 
diff --git a/routes/modules/modules.php b/routes/modules/modules.php
index b16345e..bedbdc9 100644
--- a/routes/modules/modules.php
+++ b/routes/modules/modules.php
@@ -1,3 +1,7 @@
 <?php
 
-use Illuminate\Support\Facades\Route;
\ No newline at end of file
+use Illuminate\Support\Facades\Route;
+use App\Http\Controllers\HomeController;
+
+
+Route::get('dashboard',[HomeController::class,'index'])->name('index');
\ No newline at end of file