Kira kira template udah selesai

app/Http/Controllers/Auth/AuthenticatedSessionController.php

@@ -34,6 +34,8 @@ public function store(LoginRequest $request)
             session(['is_logged_in_admin' => false]);
         }
 
+        session(['is_logged_in' => true]);
+
         return response()->json([
             'status' => true,
             'msg' => 'Auth Successfull'

resources/views/admin/layouts/app.blade.php

@@ -68,6 +68,7 @@
   <script src="{{ asset('assets/admin/assets/js/fonts/custom-font.js') }}"></script>
   <script src="{{ asset('assets/admin/assets/js/pcoded.js') }}"></script>
   <script src="{{ asset('assets/admin/assets/js/plugins/feather.min.js') }}"></script>
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
   <script>layout_change('light');</script>
   <script>change_box_container('false');</script>
   <script>layout_rtl_change('false');</script>

resources/views/admin/layouts/navbar.blade.php

@@ -130,21 +130,9 @@ class="pc-head-link dropdown-toggle arrow-none me-0"
         aria-expanded="false"
       >
         <img src="{{ asset('assets/admin/assets/images/user/avatar-2.jpg') }}" alt="user-image" class="user-avtar">
-        <span>Stebin Ben</span>
+        <span>{{ Auth::user()->name }}</span>
       </a>
       <div class="dropdown-menu dropdown-user-profile dropdown-menu-end pc-h-dropdown">
-        <div class="dropdown-header">
-          <div class="d-flex mb-1">
-            <div class="flex-shrink-0">
-              <img src="{{ asset('assets/admin/assets/images/user/avatar-2.jpg') }}" alt="user-image" class="user-avtar wid-35">
-            </div>
-            <div class="flex-grow-1 ms-3">
-              <h6 class="mb-1">Stebin Ben</h6>
-              <span>UI/UX Designer</span>
-            </div>
-            <a href="#!" class="pc-head-link bg-transparent"><i class="ti ti-power text-danger"></i></a>
-          </div>
-        </div>
         <ul class="nav drp-tabs nav-fill nav-tabs" id="mydrpTab" role="tablist">
           <li class="nav-item" role="presentation">
             <button
@@ -191,9 +179,28 @@ class="nav-link"
               <i class="ti ti-wallet"></i>
               <span>Billing</span>
             </a>
-            <a href="#!" class="dropdown-item">
+            <a href="#" onclick="
+              Swal.fire({
+                title: 'Alert',
+                icon: 'question',
+                text: 'Apakah Anda yakin ingin logout?',
+                confirmButtonText: 'Ya',
+                cancelButtonText: 'Tidak',
+                showCancelButton: true,
+                showCloseButton: true,
+
+              }).then((result) => {
+                if (result.isConfirmed) {
+                  event.preventDefault();
+                  document.getElementById('logout-form').submit();
+                }
+              });
+            " class="dropdown-item">
               <i class="ti ti-power"></i>
               <span>Logout</span>
+              <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+                @csrf
+              </form>
             </a>
           </div>
           <div class="tab-pane fade" id="drp-tab-2" role="tabpanel" aria-labelledby="drp-t2" tabindex="0">

resources/views/user/layouts/navbar.blade.php

@@ -63,6 +63,17 @@
             </ul>
           </li>
           <li><a href="contact.html">Contact</a></li>
+          @if (session('is_logged_in'))
+            <li class="dropdown"><a href="#"><span>{{ Auth::user()->name }}</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
+              <ul>
+                <li><a href="{{ route('dashboard.index') }}">Dashboard</a></li>
+                <li><a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">Logout</a></li>
+                  <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
+                    @csrf
+                  </form>
+              </ul>
+            </li>
+          @endif
         </ul>
         <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
       </nav>