loreal-global-kickoff/header.php
Vadym Samoilenko d62e40ef44 Fix admin badge: black bg + yellow border for visibility on dark header
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-03-02 20:46:35 +00:00

81 lines
2.8 KiB
PHP

<?php
/**
* Shared Header and Navigation
*/
// Get current page and user role
$currentPage = basename($_SERVER['PHP_SELF'], '.php');
$userRole = $user['role'] ?? 'user';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo $pageTitle ?? 'L\'Oréal Box Asset Submission'; ?></title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="page-header">
<div class="header-content">
<h1>L'Oréal OMG Assistant Global</h1>
<div class="user-info">
<span><?php echo htmlspecialchars($user['email']); ?></span>
<?php if ($userRole === 'admin'): ?>
<span class="role-badge">Admin</span>
<?php endif; ?>
<a href="auth.php?action=logout" class="signout-btn">Sign Out</a>
</div>
</div>
<nav class="tab-navigation">
<a href="index.php" class="tab <?php echo $currentPage === 'index' ? 'active' : ''; ?>">
Master Global Asset Submission
</a>
<a href="global-to-local.php" class="tab <?php echo $currentPage === 'global-to-local' ? 'active' : ''; ?>">
Global to Local
</a>
<?php if ($userRole === 'admin'): ?>
<a href="logs-viewer.php" class="tab <?php echo $currentPage === 'logs-viewer' ? 'active' : ''; ?>">
Activity Logs
</a>
<a href="admin.php" class="tab <?php echo $currentPage === 'admin' ? 'active' : ''; ?>">
Admin Panel
</a>
<?php endif; ?>
</nav>
</div>
<style>
.role-badge {
display: inline-block;
padding: 2px 10px;
background: #000;
color: #FFC407 !important;
border: 1px solid #FFC407;
border-radius: 12px;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
margin-left: 8px;
vertical-align: middle;
}
.signout-btn {
display: inline-block;
margin-left: 16px;
padding: 6px 16px;
background: transparent;
color: #FFC407;
border: 1px solid #FFC407;
border-radius: 4px;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 600;
text-decoration: none;
vertical-align: middle;
transition: all 0.2s;
}
.signout-btn:hover {
background: #FFC407;
color: #000;
}
</style>