Upgraded to 1.1.0

1.1.0 (2025-10-09)
- **User Notifications System** - In-app notification center with 7 notification types, filtering, pagination
- **Advanced Session Management** - Database-backed sessions with geolocation (country, city, ISP)
- **Remote Session Control** - Terminate any device instantly with immediate logout validation
- **Enhanced Profile Page** - Sidebar navigation with 4 tabs, hash-based routing (#profile, #security, #sessions)
- **MVC Architecture Refactoring** - 3 new Helpers (Layout, Domain, Session), ~265 lines cleaned from views
- **Geolocation Tracking** - IP-based location detection using ip-api.com, country flags with flag-icons
- **Device Detection** - Browser & device type parsing (Chrome/Firefox/Safari, Desktop/Mobile/Tablet)
- **Auto-Detected Cron Paths** - Settings show actual installation paths (thanks @jadeops)
- **Welcome Notifications** - Sent to new users on registration or fresh install
- **Upgrade Notifications** - Admins notified on system updates with version & migration count
- **Web-Based Installer** - Replaces CLI, auto-generates encryption key, one-time password display
- **Web-Based Updater** - `/install/update` for running new migrations with smart detection
- **User Registration** - Full signup flow with email verification, password reset, resend verification
- **User Management** - CRUD for users with filtering, sorting, pagination (admin-only)
- **Remember Me** - 30-day secure tokens linked to sessions, cascade deletion on logout
- **Session Validator** - Middleware validates sessions on every request for instant remote logout
- **Consistent UI/UX** - Unified filtering, sorting, pagination across Domains, Users, Notifications, TLD Registry
- **Smart Migrations** - Consolidated schema for fresh installs, incremental for upgrades
- **XSS Protection** - htmlspecialchars() applied across all user-facing data (thanks @jadeops)

app/Views/layout/base.php

@@ -4,61 +4,30 @@
  * Contains: HTML structure, meta tags, CSS/JS includes, global stats
  */
 
+// Fetch notifications for top nav (available on all pages)
+if (isset($_SESSION['user_id'])) {
+    $notificationData = \App\Helpers\LayoutHelper::getNotifications($_SESSION['user_id']);
+    $recentNotifications = $notificationData['items'];
+    $unreadNotifications = $notificationData['unread_count'];
+} else {
+    $recentNotifications = [];
+    $unreadNotifications = 0;
+}
+
 // Fetch global stats for sidebar (available on all pages)
 if (!isset($globalStats)) {
-    try {
-        $pdo = \Core\Database::getConnection();
-        
-        // Get total domains
-        $totalStmt = $pdo->query("SELECT COUNT(*) as count FROM domains");
-        $totalResult = $totalStmt->fetch(\PDO::FETCH_ASSOC);
-        $total = $totalResult['count'] ?? 0;
-        
-        // Get active domains
-        $activeStmt = $pdo->query("SELECT COUNT(*) as count FROM domains WHERE is_active = 1");
-        $activeResult = $activeStmt->fetch(\PDO::FETCH_ASSOC);
-        $active = $activeResult['count'] ?? 0;
-        
-        // Get expiring soon - use the first notification threshold from settings
-        $settingModel = new \App\Models\Setting();
-        $notificationDays = $settingModel->getNotificationDays();
-        $expiringThreshold = !empty($notificationDays) ? max($notificationDays) : 30; // Use the largest notification day
-        
-        $expiringSoonStmt = $pdo->prepare("SELECT COUNT(*) as count FROM domains WHERE is_active = 1 AND expiration_date IS NOT NULL AND expiration_date <= DATE_ADD(NOW(), INTERVAL ? DAY) AND expiration_date >= NOW()");
-        $expiringSoonStmt->execute([$expiringThreshold]);
-        $expiringSoonResult = $expiringSoonStmt->fetch(\PDO::FETCH_ASSOC);
-        $expiringSoon = $expiringSoonResult['count'] ?? 0;
-        
-        $globalStats = [
-            'total' => $total,
-            'active' => $active,
-            'expiring_soon' => $expiringSoon,
-            'expiring_threshold' => $expiringThreshold
-        ];
-    } catch (\Exception $e) {
-        $globalStats = [
-            'total' => 0,
-            'active' => 0,
-            'expiring_soon' => 0,
-            'expiring_threshold' => 30
-        ];
-    }
+    $globalStats = \App\Helpers\LayoutHelper::getGlobalStats();
 }
 
 // Get application settings from database
 if (!isset($appName)) {
-    try {
-        $settingModel = new \App\Models\Setting();
-        $appSettings = $settingModel->getAppSettings();
-        $appName = htmlspecialchars($appSettings['app_name']);
-        $appTimezone = $appSettings['app_timezone'];
-        
-        // Set PHP timezone
-        date_default_timezone_set($appTimezone);
-    } catch (\Exception $e) {
-        $appName = 'Domain Monitor';
-        date_default_timezone_set('UTC');
-    }
+    $appSettings = \App\Helpers\LayoutHelper::getAppSettings();
+    $appName = $appSettings['app_name'];
+    $appTimezone = $appSettings['app_timezone'];
+    $appVersion = $appSettings['app_version'];
+    
+    // Set PHP timezone
+    date_default_timezone_set($appTimezone);
 }
 ?>
 <!DOCTYPE html>
@@ -179,16 +148,44 @@ if (!isset($appName)) {
 
         // Toggle user dropdown
         function toggleDropdown() {
-            document.getElementById('userDropdown').classList.toggle('show');
+            const dropdown = document.getElementById('userDropdown');
+            const notifDropdown = document.getElementById('notificationsDropdown');
+            
+            // Close notifications dropdown if open
+            if (notifDropdown && notifDropdown.classList.contains('show')) {
+                notifDropdown.classList.remove('show');
+            }
+            
+            dropdown.classList.toggle('show');
         }
 
-        // Close dropdown when clicking outside
-        document.addEventListener('click', function(event) {
-            const dropdown = document.getElementById('userDropdown');
-            const isClickInside = event.target.closest('[onclick="toggleDropdown()"]') || event.target.closest('#userDropdown');
+        // Toggle notifications dropdown
+        function toggleNotifications() {
+            const dropdown = document.getElementById('notificationsDropdown');
+            const userDropdown = document.getElementById('userDropdown');
             
-            if (!isClickInside && dropdown && dropdown.classList.contains('show')) {
-                dropdown.classList.remove('show');
+            // Close user dropdown if open
+            if (userDropdown && userDropdown.classList.contains('show')) {
+                userDropdown.classList.remove('show');
+            }
+            
+            dropdown.classList.toggle('show');
+        }
+
+        // Close dropdowns when clicking outside
+        document.addEventListener('click', function(event) {
+            const userDropdown = document.getElementById('userDropdown');
+            const notifDropdown = document.getElementById('notificationsDropdown');
+            
+            const isUserDropdownClick = event.target.closest('[onclick="toggleDropdown()"]') || event.target.closest('#userDropdown');
+            const isNotifDropdownClick = event.target.closest('[onclick="toggleNotifications()"]') || event.target.closest('#notificationsDropdown');
+            
+            if (!isUserDropdownClick && userDropdown && userDropdown.classList.contains('show')) {
+                userDropdown.classList.remove('show');
+            }
+            
+            if (!isNotifDropdownClick && notifDropdown && notifDropdown.classList.contains('show')) {
+                notifDropdown.classList.remove('show');
             }
         });
 

app/Views/layout/sidebar.php

@@ -33,6 +33,9 @@
                 <a href="/tld-registry" class="sidebar-link flex items-center px-3 py-2 rounded-md text-gray-400 hover:bg-gray-800 hover:text-white transition-colors duration-150 <?= strpos($_SERVER['REQUEST_URI'], '/tld-registry') !== false ? 'bg-primary text-white' : '' ?>">
                     <i class="fas fa-database text-xs mr-3 w-4"></i>
                     <span class="text-sm">TLD Registry</span>
+                    <?php if (isset($_SESSION['role']) && $_SESSION['role'] !== 'admin'): ?>
+                    <span class="ml-auto text-xs bg-gray-700 px-1.5 py-0.5 rounded text-gray-400">View</span>
+                    <?php endif; ?>
                 </a>
             </div>
 
@@ -47,7 +50,8 @@
                 </div>
             </div>
 
-            <!-- System Section -->
+            <!-- System Section (Admin Only) -->
+            <?php if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin'): ?>
             <div class="mt-4 pt-3 border-t border-gray-800">
                 <p class="text-xs font-semibold text-gray-500 uppercase tracking-wider px-3 mb-1">System</p>
                 <div class="space-y-0.5">
@@ -55,8 +59,13 @@
                         <i class="fas fa-cog text-xs mr-3 w-4"></i>
                         <span class="text-sm">Settings</span>
                     </a>
+                    <a href="/users" class="sidebar-link flex items-center px-3 py-2 rounded-md text-gray-400 hover:bg-gray-800 hover:text-white transition-colors duration-150 <?= strpos($_SERVER['REQUEST_URI'], '/users') !== false ? 'bg-primary text-white' : '' ?>">
+                        <i class="fas fa-users text-xs mr-3 w-4"></i>
+                        <span class="text-sm">Users</span>
+                    </a>
                 </div>
             </div>
+            <?php endif; ?>
         </nav>
 
         <!-- Quick Stats Cards - Pinned to Bottom -->
@@ -105,7 +114,7 @@
         <div class="px-4 py-3 border-t border-gray-800">
             <div class="text-center">
                 <p class="text-xs text-gray-500">© <?= date('Y') ?> Domain Monitor</p>
-                <p class="text-xs text-gray-600 mt-0.5">v1.0.0</p>
+                <p class="text-xs text-gray-600 mt-0.5">v<?= $appVersion ?></p>
             </div>
         </div>
     </div>

app/Views/layout/top-nav.php

@@ -1,4 +1,5 @@
 <!-- Top Navigation Bar -->
+<!-- Notification data ($recentNotifications, $unreadNotifications) loaded in base.php -->
 <nav class="bg-white border-b border-gray-200 fixed top-0 left-0 md:left-64 right-0 z-20">
     <div class="px-4 sm:px-6 lg:px-8">
         <div class="flex items-center justify-between h-16">
@@ -50,25 +51,72 @@
             <!-- Right: Actions & User -->
             <div class="flex items-center space-x-2">
                 <!-- Quick Add Domain -->
-                <a href="/domains/create" title="Add Domain" class="flex items-center justify-center w-9 h-9 bg-primary hover:bg-primary-dark text-white rounded-lg transition-colors duration-150">
+                <a href="/domains/create" title="Add Domain" class="flex items-center justify-center w-9 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-lg transition-colors duration-150">
                     <i class="fas fa-plus"></i>
                 </a>
                 
                 <!-- Notifications -->
-                <button title="Notifications" class="relative flex items-center justify-center w-9 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-lg transition-colors duration-150">
-                    <i class="fas fa-bell"></i>
-                    <?php if (($globalStats['expiring_soon'] ?? 0) > 0): ?>
-                        <span class="absolute top-1 right-1 flex h-2 w-2">
-                            <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-red-400 opacity-75"></span>
-                            <span class="relative inline-flex rounded-full h-2 w-2 bg-red-500"></span>
-                        </span>
-                    <?php endif; ?>
-                </button>
-                
-                <!-- Settings -->
-                <button title="Settings" class="flex items-center justify-center w-9 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-lg transition-colors duration-150">
-                    <i class="fas fa-cog"></i>
-                </button>
+                <div class="relative">
+                    <button onclick="toggleNotifications()" title="Notifications" class="relative flex items-center justify-center w-9 h-9 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-lg transition-colors duration-150">
+                        <i class="fas fa-bell"></i>
+                        <?php if ($unreadNotifications > 0): ?>
+                            <span class="absolute top-1 right-1 flex h-2 w-2">
+                                <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-orange-400 opacity-75"></span>
+                                <span class="relative inline-flex rounded-full h-2 w-2 bg-orange-500"></span>
+                            </span>
+                        <?php endif; ?>
+                    </button>
+                    
+                    <!-- Notifications Dropdown -->
+                    <div id="notificationsDropdown" class="dropdown-menu absolute right-0 mt-2 w-96 bg-white rounded-lg shadow-xl border border-gray-200 max-h-[32rem] overflow-hidden">
+                        <!-- Header -->
+                        <div class="px-4 py-3 border-b border-gray-200 bg-gray-50">
+                            <div class="flex items-center justify-between">
+                                <h3 class="text-sm font-semibold text-gray-900">Notifications</h3>
+                                <?php if ($unreadNotifications > 0): ?>
+                                    <span class="px-2 py-0.5 bg-orange-100 text-orange-700 text-xs font-semibold rounded"><?= $unreadNotifications ?> new</span>
+                                <?php endif; ?>
+                            </div>
+                        </div>
+
+                        <!-- Notifications List (Scrollable) -->
+                        <div class="max-h-96 overflow-y-auto">
+                            <?php if (!empty($recentNotifications)): ?>
+                                <?php foreach ($recentNotifications as $notif): ?>
+                                    <div class="px-4 py-3 hover:bg-gray-50 border-b border-gray-100 bg-blue-50 transition-colors cursor-pointer">
+                                        <div class="flex items-start space-x-3">
+                                            <div class="w-8 h-8 bg-<?= $notif['color'] ?>-100 rounded-lg flex items-center justify-center flex-shrink-0">
+                                                <i class="fas fa-<?= $notif['icon'] ?> text-<?= $notif['color'] ?>-600 text-sm"></i>
+                                            </div>
+                                            <div class="flex-1 min-w-0">
+                                                <div class="flex items-center gap-2">
+                                                    <p class="text-sm font-semibold text-gray-900"><?= htmlspecialchars($notif['title']) ?></p>
+                                                    <span class="w-2 h-2 bg-blue-500 rounded-full"></span>
+                                                </div>
+                                                <p class="text-xs text-gray-600 mt-0.5"><?= htmlspecialchars($notif['message']) ?></p>
+                                                <p class="text-xs text-gray-400 mt-1"><?= $notif['time_ago'] ?></p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                <?php endforeach; ?>
+                            <?php else: ?>
+                                <div class="px-4 py-8 text-center">
+                                    <i class="fas fa-bell-slash text-gray-300 text-3xl mb-2"></i>
+                                    <p class="text-sm text-gray-600">No new notifications</p>
+                                    <p class="text-xs text-gray-400 mt-0.5">You're all caught up!</p>
+                                </div>
+                            <?php endif; ?>
+                        </div>
+
+                        <!-- Footer - View All Button -->
+                        <div class="px-4 py-3 border-t border-gray-200 bg-gray-50">
+                            <a href="/notifications" class="block text-center text-sm font-medium text-primary hover:text-primary-dark">
+                                View All Notifications
+                                <i class="fas fa-arrow-right ml-1 text-xs"></i>
+                            </a>
+                        </div>
+                    </div>
+                </div>
                 
                 <!-- Divider -->
                 <div class="hidden md:block h-8 w-px bg-gray-300"></div>
@@ -81,7 +129,9 @@
                         </div>
                         <div class="hidden lg:block text-left">
                             <p class="text-sm font-medium text-gray-700"><?= htmlspecialchars($_SESSION['username'] ?? 'User') ?></p>
-                            <p class="text-xs text-gray-500">Administrator</p>
+                            <p class="text-xs text-gray-500">
+                                <?= ucfirst($_SESSION['role'] ?? 'user') ?>
+                            </p>
                         </div>
                         <i class="fas fa-chevron-down text-gray-400 text-xs hidden md:block"></i>
                     </button>
@@ -90,32 +140,38 @@
                     <div id="userDropdown" class="dropdown-menu absolute right-0 mt-2 w-56 bg-white rounded-lg shadow-lg py-2 border border-gray-200">
                         <div class="px-4 py-3 border-b border-gray-200">
                             <p class="text-sm font-medium text-gray-900"><?= htmlspecialchars($_SESSION['full_name'] ?? $_SESSION['username'] ?? 'User') ?></p>
-                            <p class="text-xs text-gray-500 mt-1"><?= htmlspecialchars($_SESSION['email'] ?? 'admin@example.com') ?></p>
+                            <p class="text-xs text-gray-500 mt-1"><?= htmlspecialchars($_SESSION['email'] ?? 'user@example.com') ?></p>
                             <span class="inline-block mt-2 px-2 py-1 bg-green-100 text-green-800 text-xs font-semibold rounded">
                                 <i class="fas fa-circle text-xs mr-1"></i>Online
                             </span>
                         </div>
                         
-                        <a href="#" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
+                        <a href="/profile#profile" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
                             <i class="fas fa-user-circle w-5 text-gray-400 mr-3"></i>
                             My Profile
                         </a>
                         
-                        <a href="#" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
+                        <a href="/profile#security" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
                             <i class="fas fa-cog w-5 text-gray-400 mr-3"></i>
                             Account Settings
                         </a>
                         
-                        <a href="#" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
+                        <a href="/notifications" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
                             <i class="fas fa-bell w-5 text-gray-400 mr-3"></i>
                             Notifications
+                            <?php if ($unreadNotifications > 0): ?>
+                                <span class="ml-auto px-2 py-0.5 bg-orange-500 text-white text-xs font-bold rounded-full">
+                                    <?= $unreadNotifications ?>
+                                </span>
+                            <?php endif; ?>
                         </a>
                         
                         <div class="border-t border-gray-200 my-1"></div>
                         
-                        <a href="#" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
-                            <i class="fas fa-question-circle w-5 text-gray-400 mr-3"></i>
+                        <a href="https://github.com/Hosteroid/domain-monitor" target="_blank" class="flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition-colors duration-150">
+                            <i class="fab fa-github w-5 text-gray-400 mr-3"></i>
                             Help & Support
+                            <i class="fas fa-external-link-alt ml-auto text-xs text-gray-400"></i>
                         </a>
                         
                         <div class="border-t border-gray-200 my-1"></div>
@@ -130,4 +186,3 @@
         </div>
     </div>
 </nav>
-