diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 4fb556d..26fda8b 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -8,6 +8,9 @@
 
     <link rel="icon" href="{{ asset('favicon.ico') }}" type="image/x-icon">
     <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/simple-datatables.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/table-datatable.css') }}">
+
 </head>
 
 <body>
@@ -23,7 +26,8 @@
                 </div>
                 <div class="sidebar-menu">
                     <ul class="menu">
-                        <li class="sidebar-item {{ request()->is('admin/beranda') ? 'active' : '' }}">
+                        <li
+                            class="sidebar-item {{ request()->is('admin/beranda', 'admin/beranda-pemilik') ? 'active' : '' }}">
                             <a href="{{ route('admin.beranda') }}" class='sidebar-link'>
                                 <i class="bi bi-grid-fill"></i>
                                 <span>Beranda</span>
@@ -61,6 +65,12 @@
                                 <span>Paket Foto</span>
                             </a>
                         </li>
+                        <li class="sidebar-item {{ request()->is('admin/kelola-admin*') ? 'active' : '' }}">
+                            <a href="{{ route('admin.kelola-admin.index') }}" class='sidebar-link'>
+                                <i class="bi bi-people-fill"></i>
+                                <span>Kelola Admin</span>
+                            </a>
+                        </li>
                     </ul>
                 </div>
             </div>
@@ -74,24 +84,25 @@
             </header>
 
             <div class="page-heading">
-                <div class="d-flex justify-content-between align-items-center mb-3">
+                <div class="d-flex justify-content-between align-items-center mb-4">
 
-                    <h3>@yield('title')</h3>
-                    <div class="dropdown">
-                        <a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false"><i
-                                class="bi bi-person-circle fs-4 text-secondary"></i>
+                    <h3 class="mb-0 page-title">@yield('title')</h3>
+                    <div class="avatar avatar me-3 dropdown">
+                        <a href="#" id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false"><img
+                                src="{{ asset('img/ava.png') }}" alt="" srcset="">
                         </a>
                         <ul class="dropdown-menu dropdown-menu-end shadow" aria-labelledby="profileDropdown"
-                            style="min-width: 200px;">
+                            style="min-width: 150px;">
                             <li class="dropdown-header text-center">
                                 <h6 class="mb-0 text-dark">Nama Admin</h6>
                                 <small class="text-muted">Administrator</small>
                             </li>
                             <li>
-                                <hr class="dropdown-divider">
+                                <hr class="dropdown-divider mt-0">
                             </li>
-                            <li><a class="dropdown-item" href="#">Profil Saya</a></li>
-                            <li><a class="dropdown-item text-danger" href="#">Logout</a></li>
+                            <li><a class="dropdown-item" href="{{ route('admin.profil.index') }}"
+                                    style="font-size: 0.9rem;">Profil Saya</a></li>
+
                         </ul>
                     </div>
                 </div>
@@ -108,8 +119,17 @@ class="bi bi-person-circle fs-4 text-secondary"></i>
             </footer>
         </div>
     </div>
-
     <script src="{{ asset('js/app.js') }}"></script>
+    <script src="{{ asset('js/ex-simple-datatables.js') }}"></script>
+    <script src="{{ asset('js/simple-datatables.js') }}"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+            var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
+                return new bootstrap.Tooltip(tooltipTriggerEl)
+            })
+        }, false);
+    </script>
     @yield('scripts')
 </body>
 
