A lot of things

- Added Database page.
- Added Xenforo API compatibility
- Added Hovercard
- Added Notifications

resources/views/components/topbar.blade.php

@@ -1,3 +1,4 @@
+@php $topbarModSeparator = false; $topBarAdminSeparator = false; @endphp
 <header id="topbar">
     <button class="mobile-toggle">
         <i data-lucide="menu"></i>
@@ -9,8 +10,65 @@
     </div>
 
     <div class="topbar-actions">
+
+        @if( !\Auth::guest() && \Auth::user()->is_admin === 1 )
+            @php $topbarAdminSeparator = true; @endphp
+            <a href="{{ config('app.forum_url') . '/admin.php' }}" class="btn">
+                <i data-lucide="landmark" size="18"></i>
+            </a>
+            <a href="{{ config('app.url') . '/manage' }}" class="btn">
+                <i data-lucide="shield-cog" size="18"></i>
+            </a>
+        @endif
+
+        @if( $topbarAdminSeparator )
+            <div class="vertical-separator"></div>
+        @endif
+
+        @if( !\Auth::guest() && \Auth::user()->is_moderator === 1 )
+            @php $topbarModSeparator = true; @endphp
+            <a href="#" class="btn">
+                <i data-lucide="siren" size="18"></i>
+            </a>
+            <a href="{{ xfRoute('approval-queue') }}" class="btn">
+                <i data-lucide="message-circle-check" size="18"></i>
+            </a>
+            <a href="{{ xfRoute('reports') }}" class="btn">
+                <i data-lucide="triangle-alert" size="18"></i>
+            </a>
+        @endif
+
+        @if( $topbarModSeparator )
+            <div class="vertical-separator"></div>
+        @endif
+
+        {{-- Users --}}
+        @if( !\Auth::guest() && \Auth::user()->can('romhackplaza', 'canSubmitEntry') )
+            <a href="#" class="btn">
+                <i data-lucide="hard-drive-upload" size="18"></i>
+            </a>
+        @endif
+        @if( !\Auth::guest() )
+            <div x-data x-init="$store.notifications.unviewed = {{ \Auth::user()->alerts_unviewed }}" style="position:relative">
+                <button type="button" class="btn" :class="{ 'active': $store.notifications.start }" @click="$store.notifications.open($el)" @click.outside="$store.notifications.close()">
+                    <i data-lucide="bell" size="18"></i>
+                    <span
+                        class="topbar-badge"
+                        :class="$store.notifications.unread > 9 ? 'topbar-badge--overflow' : ''"
+                        x-show="$store.notifications.unread > 0"
+                        x-text="$store.notifications.unread > 99 ? '99+' : $store.notifications.unread"
+                    ></span>
+                </button>
+
+                @include('components.notifications')
+            </div>
+            <button class="btn">
+                <i data-lucide="mail" size="18"></i>
+            </button>
+        @endif
         <button class="btn">
-            <i data-lucide="bell" size="18"></i>
+            <i data-lucide="settings" size="18"></i>
         </button>
+
     </div>
 </header>