81 lines
3.6 KiB
PHP
81 lines
3.6 KiB
PHP
<?php
|
|
$currentPage = basename($_SERVER['PHP_SELF'], '.php');
|
|
if (!isset($pageTitle)) {
|
|
$pageTitle = 'TravelLeader - Aplikacja Pilota';
|
|
}
|
|
$isAcceptedState = isset($_GET['accepted']) && $_GET['accepted'] == '15';
|
|
$isRejectedState = isset($_GET['rejected']) && $_GET['rejected'] == '15';
|
|
$headerNotifCount = ($isAcceptedState || $isRejectedState) ? 0 : 1;
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
|
|
<title><?= htmlspecialchars($pageTitle) ?></title>
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
|
|
<!-- Lokalne assety (Boxicons + Core CSS z projektu Magico, bez jsdelivr) -->
|
|
<link rel="stylesheet" href="../../assets/vendor/fonts/boxicons.css">
|
|
<link rel="stylesheet" href="../../assets/vendor/css/core.css">
|
|
|
|
<!-- Stylistyka aplikacji mobilnej TravelLeader -->
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
|
|
<!-- Magico Comments -->
|
|
<?php if (!empty($enablePrototypeComments)): ?>
|
|
<link rel="stylesheet" href="../../assets/css/comments.css">
|
|
<?php endif; ?>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="phone-viewport-wrapper">
|
|
<div class="phone-screen">
|
|
|
|
<!-- Pasek stanu telefonu (Widoczny w ramce na desktopie, ukryty na mobile) -->
|
|
<div class="phone-status-bar">
|
|
<span>9:05</span>
|
|
<div class="icons">
|
|
<span class="badge bg-secondary" style="font-size: 0.6rem; padding: 1px 4px;">VPN</span>
|
|
<i class='bx bx-wifi'></i>
|
|
<i class='bx bx-signal-5'></i>
|
|
<span style="font-size: 0.72rem; display: inline-flex; align-items: center; gap: 2px;">
|
|
46 <i class='bx bxs-battery-charging' style="font-size: 1rem;"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nagłówek aplikacji TravelLeader -->
|
|
<header class="app-header">
|
|
<a href="index.php" class="brand-logo-area">
|
|
<div class="brand-icon-box">
|
|
<i class='bx bx-compass'></i>
|
|
</div>
|
|
<div class="brand-name">Travel<span style="color: #2b304f;">Leader</span></div>
|
|
</a>
|
|
|
|
<div class="d-flex align-items-center gap-2">
|
|
<!-- Dzwonek powiadomień o zaproszeniach -->
|
|
<a href="index.php?tab=invitations" class="header-notif-btn" id="headerNotifBtn" title="Nowe zaproszenie na wycieczkę (<?= $headerNotifCount ?>)">
|
|
<i class='bx bx-bell'></i>
|
|
<?php if ($headerNotifCount > 0): ?>
|
|
<span class="header-notif-badge" id="headerNotifBadge"><?= $headerNotifCount ?></span>
|
|
<?php endif; ?>
|
|
</a>
|
|
|
|
<a href="profile.php" class="header-user-profile" title="Przejdź do profilu">
|
|
<div class="header-user-info">
|
|
<div class="header-user-email">oskar@magico.pl</div>
|
|
<div class="header-user-role">Pilot Wycieczek</div>
|
|
</div>
|
|
<div class="header-avatar" style="overflow: hidden; padding: 0;">
|
|
<img src="../../assets/img/pilots/oskar-avatar.jpg" alt="Oskar" style="width: 100%; height: 100%; object-fit: cover;">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</header>
|