File: /home/workzeni/stream-flix.workzenix.com/resources/views/admin/includes/header.blade.php
<header class="admin-header">
<div class="header-left">
<h1 class="page-title">Dashboard</h1>
<div class="breadcrumb">
<span>Admin</span>
<i class="fas fa-chevron-right breadcrumb-separator"></i>
<span>Dashboard</span>
</div>
</div>
<div class="header-right">
<!-- Search -->
<div class="search-container">
<i class="fas fa-search search-icon"></i>
<input type="text" class="search-input" placeholder="Search anything...">
</div>
<!-- Header Actions -->
<div class="header-actions">
<!-- Notifications Dropdown -->
<div class="dropdown notification-dropdown">
<button class="header-action notification-dropdown-trigger" data-tooltip="Notifications">
<i class="fas fa-bell"></i>
<span class="notification-badge">5</span>
</button>
<div class="dropdown-menu">
<div class="dropdown-header">
<h4 class="dropdown-title">Notifications</h4>
<p class="dropdown-subtitle">You have 5 unread notifications</p>
</div>
<div class="dropdown-body">
<div class="notification-item unread" data-notification-id="1">
<div class="notification-icon success">
<i class="fas fa-user-plus"></i>
</div>
<div class="notification-content">
<div class="notification-title">New User Registration</div>
<div class="notification-message">Sarah Johnson has joined the platform</div>
<div class="notification-time">2 minutes ago</div>
<div class="notification-actions">
<button class="notification-action primary" onclick="markNotificationAsRead(1)">Mark as Read</button>
<button class="notification-action secondary">View Profile</button>
</div>
</div>
</div>
<div class="notification-item unread" data-notification-id="2">
<div class="notification-icon info">
<i class="fas fa-film"></i>
</div>
<div class="notification-content">
<div class="notification-title">New Movie Upload</div>
<div class="notification-message">"The Matrix Resurrections" has been uploaded successfully</div>
<div class="notification-time">15 minutes ago</div>
<div class="notification-actions">
<button class="notification-action primary" onclick="markNotificationAsRead(2)">Mark as Read</button>
<button class="notification-action secondary">View Movie</button>
</div>
</div>
</div>
<div class="notification-item unread" data-notification-id="3">
<div class="notification-icon warning">
<i class="fas fa-exclamation-triangle"></i>
</div>
<div class="notification-content">
<div class="notification-title">Server Performance Alert</div>
<div class="notification-message">High CPU usage detected on server #2</div>
<div class="notification-time">1 hour ago</div>
<div class="notification-actions">
<button class="notification-action primary" onclick="markNotificationAsRead(3)">Mark as Read</button>
<button class="notification-action secondary">View Details</button>
</div>
</div>
</div>
<div class="notification-item unread" data-notification-id="4">
<div class="notification-icon success">
<i class="fas fa-dollar-sign"></i>
</div>
<div class="notification-content">
<div class="notification-title">Payment Received</div>
<div class="notification-message">Premium subscription payment from Mike Chen</div>
<div class="notification-time">2 hours ago</div>
<div class="notification-actions">
<button class="notification-action primary" onclick="markNotificationAsRead(4)">Mark as Read</button>
<button class="notification-action secondary">View Transaction</button>
</div>
</div>
</div>
<div class="notification-item unread" data-notification-id="5">
<div class="notification-icon danger">
<i class="fas fa-shield-alt"></i>
</div>
<div class="notification-content">
<div class="notification-title">Security Alert</div>
<div class="notification-message">Failed login attempts detected from unknown IP</div>
<div class="notification-time">3 hours ago</div>
<div class="notification-actions">
<button class="notification-action primary" onclick="markNotificationAsRead(5)">Mark as Read</button>
<button class="notification-action secondary">Review Security</button>
</div>
</div>
</div>
</div>
<div class="dropdown-footer">
<button class="btn btn-sm btn-primary w-100" onclick="markAllNotificationsAsRead()">
<i class="fas fa-check-double"></i>
Mark All as Read
</button>
</div>
</div>
</div>
<!-- Theme Toggle -->
<button class="theme-toggle">
<i class="theme-icon fas fa-sun"></i>
<span class="theme-text">Light</span>
</button>
<!-- Profile Dropdown -->
<div class="dropdown profile-dropdown">
<div class="profile-trigger">
<div class="profile-avatar">
JD
<div class="profile-status"></div>
</div>
<div class="profile-info">
<div class="profile-name">John Doe</div>
<div class="profile-role">Administrator</div>
</div>
<i class="fas fa-chevron-down dropdown-arrow"></i>
</div>
<div class="dropdown-menu">
<div class="profile-header">
<div class="profile-avatar">JD</div>
<div class="profile-name">John Doe</div>
<div class="profile-email">john.doe@streamflix.com</div>
</div>
<div class="profile-menu">
<a href="#" class="profile-menu-item" onclick="handleProfileAction('profile')">
<i class="fas fa-user"></i>
<span>My Profile</span>
</a>
<a href="#" class="profile-menu-item" onclick="handleProfileAction('settings')">
<i class="fas fa-cog"></i>
<span>Account Settings</span>
</a>
<a href="#" class="profile-menu-item">
<i class="fas fa-bell"></i>
<span>Notification Preferences</span>
</a>
<a href="#" class="profile-menu-item">
<i class="fas fa-shield-alt"></i>
<span>Security & Privacy</span>
</a>
<div class="profile-menu-divider"></div>
<a href="#" class="profile-menu-item" onclick="handleProfileAction('help')">
<i class="fas fa-question-circle"></i>
<span>Help & Support</span>
</a>
<a href="#" class="profile-menu-item">
<i class="fas fa-keyboard"></i>
<span>Keyboard Shortcuts</span>
</a>
<div class="profile-menu-divider"></div>
<a href="#" class="profile-menu-item danger" onclick="handleProfileAction('logout')">
<i class="fas fa-sign-out-alt"></i>
<span>Sign Out</span>
</a>
</div>
</div>
</div>
</div>
</div>
</header>