Files
magico.prototype/prototype/superpilot-web/header.php
T
oskarn 8c42888f52 feat(superpilot-web): wdrozenie webowej bazy pilotow z profilem, wyszukiwarka i zleceniami
- Wyszukiwarka ofert w stylu Pracuj.pl z multiselectem destynacji i filtrem bazy pilota
- Przeprojektowany profil pilota zgodny ze standardem UX/UI 2026 i aplikacja mobile
- Spokojny, ustrukturyzowany modal rezerwacji i zapytań ofertowych (booking-modal)
- Panel zleceń i zapytań ofertowych biura (inquiries.php) powiazany z awatarem profilu
- Integracja linku do Superpilota w menu glownym Travel Managera
2026-09-18 14:20:36 +02:00

116 lines
6.4 KiB
PHP

<?php
$basePath = '';
if (isset($_SERVER['HTTP_HOST']) && ($_SERVER['HTTP_HOST'] === 'localhost' || $_SERVER['HTTP_HOST'] === '127.0.0.1')) {
$basePath = '/magico-prototype';
}
if (!isset($pageTitle)) {
$pageTitle = 'Superpilot — Baza Pilotów dla Biur Podróży';
}
if (!isset($enablePrototypeComments)) {
$enablePrototypeComments = true;
}
?>
<!DOCTYPE html>
<html lang="pl" class="light-style layout-menu-fixed" dir="ltr" data-theme="theme-default" data-assets-path="<?= $basePath ?>/assets/">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
<title><?= htmlspecialchars($pageTitle) ?></title>
<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="<?= $basePath ?>/assets/img/favicon/favicon.ico" />
<!-- Google Fonts: Public Sans -->
<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:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap" rel="stylesheet" />
<!-- Icons & Core Sneat CSS -->
<link rel="stylesheet" href="<?= $basePath ?>/assets/vendor/fonts/boxicons.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" />
<link rel="stylesheet" href="<?= $basePath ?>/assets/vendor/css/core.css" />
<link rel="stylesheet" href="<?= $basePath ?>/assets/vendor/css/theme-default.css" />
<link rel="stylesheet" href="<?= $basePath ?>/assets/css/demo.css" />
<!-- Superpilot Dedicated Modern Stylesheet (Clean 2026 Design) -->
<link rel="stylesheet" href="assets/css/superpilot.css" />
<!-- Prototype Comments -->
<?php if (!empty($enablePrototypeComments)): ?>
<link rel="stylesheet" href="<?= $basePath ?>/assets/css/comments.css">
<?php endif; ?>
<!-- Helpers -->
<script src="<?= $basePath ?>/assets/vendor/js/helpers.js"></script>
<script src="<?= $basePath ?>/assets/js/config.js"></script>
</head>
<body>
<!-- Layout wrapper -->
<div class="layout-wrapper layout-navbar-full layout-horizontal layout-without-menu">
<div class="layout-container">
<!-- Navbar główny (Spokojny, lekki, profesjonalny) -->
<nav class="layout-navbar navbar navbar-expand-xl align-items-center bg-white" id="layout-navbar" style="position: sticky; top: 0; z-index: 1020; border-bottom: 1px solid var(--border-color);">
<div class="container-xxl d-flex align-items-center justify-content-between py-2">
<!-- Brand & Subtitle -->
<div class="d-flex align-items-center gap-3">
<a href="index.php" class="brand-superpilot">
<div class="logo-icon">
<i class='bx bx-compass'></i>
</div>
<div class="d-flex flex-column">
<span class="lh-1">Super<span style="color: var(--primary);">pilot</span></span>
<small class="text-muted" style="font-size: 0.68rem; font-weight: 500;">Baza Pilotów dla Biur Podróży</small>
</div>
</a>
</div>
<!-- Prawa strona paska nawigacji: Zastępstwo SOS, Aplikacja Pilota, Biuro -->
<div class="d-flex align-items-center gap-2 gap-md-3">
<!-- Spokojny przycisk SOS -->
<button type="button" class="btn-sos" onclick="openSosModal('Włochy')" title="Szybkie znalezienie pilota na cito">
<span class="sos-dot"></span>
<span>Dyżur SOS</span>
</button>
<!-- Przejście do aplikacji mobilnej pilota -->
<a href="../travelleader-mobile/profile.php" target="_blank" class="btn btn-sm btn-light text-muted d-none d-md-inline-flex align-items-center gap-1 border" style="font-size: 0.78rem;" title="Podgląd z perspektywy pilota">
<i class='bx bx-mobile-alt'></i>
<span>Aplikacja Pilota</span>
<i class='bx bx-link-external' style="font-size: 0.65rem;"></i>
</a>
<!-- Powrót do Travel Managera -->
<a href="../travel/index.php" class="btn btn-sm btn-link text-muted d-none d-lg-inline-block text-decoration-none p-0" style="font-size: 0.78rem;">
Travel Manager
</a>
<!-- Profil zalogowanego biura (Przejście do zapytań i zleceń) -->
<a href="inquiries.php" class="d-flex align-items-center gap-2 ps-2 border-start text-decoration-none" title="Moje zlecenia i wysłane zapytania">
<div class="position-relative">
<div class="rounded-circle d-flex align-items-center justify-content-center fw-bold" style="width: 36px; height: 36px; background: var(--primary-light); color: var(--primary); font-size: 0.85rem; border: 1px solid var(--primary-border); transition: all 0.15s ease;">
AL
</div>
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning text-dark border border-white" style="font-size: 0.6rem; padding: 2px 5px;" title="1 oczekujące zapytanie">
1
</span>
</div>
<div class="d-none d-xl-block text-start lh-sm">
<div class="fw-bold" style="font-size: 0.82rem; color: var(--dark-navy);">Biuro Almatur</div>
<small class="text-muted" style="font-size: 0.7rem;">Zlecenia & zapytania &rarr;</small>
</div>
</a>
</div>
</div>
</nav>
<!-- / Navbar -->
<!-- Layout container -->
<div class="layout-page" style="padding-top: 0px !important;">
<div class="content-wrapper">