<?php
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
$loggedIn = !empty($_SESSION['user']);
?>
<head>
    <meta charset="utf-8">
    <title>Travelsspeed - Your cheapest travel deals always</title>
    <meta name="robots" content="index follow">
    <meta name="googlebot" content="index follow">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="keywords" content="Travel, flight, London, Port harcourt , cheapest, fly-dubai, Create a Travel experince">
    <meta name="description" content="Travel, flight, London, Port harcourt , cheapest, fly-dubai, Create a Travel experince">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800|Poppins:300i,400,300,700,400i,500|Ubuntu:300i,400,300,700,400i,500|Raleway:400,500,600,700" rel="stylesheet">
    <link rel="stylesheet" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/fonts/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/css/bootstrap.min.css">
    <link rel="stylesheet" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/css/travlez-jquery-ui.css">
    <link rel="stylesheet" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/css/style.css">
    <link rel="stylesheet" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/css/responsive.css">
    <script type="text/javascript" src="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/js/jquery-3.2.1.min.js"></script>
    <style>
        body { font-family: 'Poppins', sans-serif; background: #f7f9fc; color: #23304e; }
        .top-bar { background: #0b3159; color: #fff; font-size: 13px; }
        .top-bar a { color: rgba(255,255,255,.9); }
        .top-bar .list-inline-item:not(:last-child) { margin-right: 14px; }
        .top-bar .list-inline-item a { display: inline-block; }
        .header-output { background: #fff; border-bottom: 1px solid rgba(0,0,0,.08); }
        .site-logo img { max-height: 60px; }
        .nav-menu { margin: 0; padding: 0; list-style: none; }
        .nav-menu > li { display: inline-block; margin-left: 20px; }
        .nav-menu > li:first-child { margin-left: 0; }
        .nav-menu > li > a { color: #23304e; font-size: 13px; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 28px 0; display: inline-block; }
        .nav-menu > li > a:hover { color: #f3be4e; }
        .nav-menu .sub-menu { display: none; position: absolute; background: #fff; border: 1px solid #e4e7ed; padding: 10px 0; min-width: 180px; box-shadow: 0 20px 50px rgba(0,0,0,.08); }
        .nav-menu li:hover > .sub-menu { display: block; }
        .nav-menu .sub-menu li { display: block; }
        .nav-menu .sub-menu li a { padding: 10px 18px; display: block; color: #23304e; }
        .nav-menu .sub-menu li a:hover { color: #f3be4e; }
        .hero { min-height: 65vh; display: flex; align-items: center; background-color: #0b3159; }
        .hero h1 { font-size: 3.2rem; line-height: 1.05; margin-bottom: 20px; font-weight: 800; }
        .hero p { color: rgba(255,255,255,.9); max-width: 580px; margin-bottom: 26px; }
        .btn-primary { background: #f3be4e; border: none; color: #1d2a3c; font-weight: 700; padding: 14px 30px; }
        .btn-light { background: rgba(255,255,255,.95); border: none; color: #1d2a3c; font-weight: 700; padding: 14px 30px; }
        .footer-main { background: #0b3159; color: #c7d0df; padding: 55px 0 30px; }
        .footer-main a { color: #f3be4e; text-decoration: none; }
        .footer-main a:hover { color: #fff; }
        .auth-card { max-width: 520px; margin: 0 auto; background: #fff; border-radius: 22px; box-shadow: 0 24px 60px rgba(12,32,69,.12); padding: 36px; }
        .auth-card h2 { font-size: 2rem; margin-bottom: 18px; color: #0f2345; }
        .auth-card .form-control { border-radius: 10px; border: 1px solid #d6dbe8; }
        .auth-card .form-control:focus { box-shadow: none; border-color: #f3be4e; }
        .auth-card .btn-primary { width: 100%; }
        .auth-card .auth-note { color: #5f6f87; font-size: 0.95rem; }
        .auth-card .auth-links a { color: #0b3159; font-weight: 700; }
        .dashboard-panel { background: #fff; border-radius: 22px; box-shadow: 0 24px 60px rgba(12,32,69,.08); padding: 30px; margin-bottom: 30px; }
        .dashboard-panel h3 { margin-bottom: 18px; font-size: 1.8rem; color: #0f2345; }
        .dashboard-panel .small-text { color: #5f6f87; }
        .dashboard-summary .card { border: none; border-radius: 18px; box-shadow: 0 22px 45px rgba(22,34,70,.1); }
        .dashboard-summary .card-body { padding: 28px; }
        .dashboard-summary .card-title { margin-bottom: 10px; font-size: 1.1rem; color: #5f6f87; }
        .dashboard-summary .display-4 { font-size: 2.5rem; color: #0b3159; }
        .booking-table .table thead th { border-bottom: 2px solid #e7eaf3; }
        .booking-table .badge { border-radius: 12px; padding: 8px 12px; font-size: 0.85rem; }
        .badge-pending { background: #ffebc2; color: #7a5d00; }
        .badge-confirmed { background: #cff2e0; color: #1a6f4a; }
        .badge-cancelled { background: #f8d7da; color: #7a1f2d; }
        .modal-backdrop.show { opacity: 0.35; }
        .footer-bar { background: #081d3a; color: #a8b3c8; text-align: center; padding: 16px 0; font-size: 13px; }
        @media (max-width: 991px) {
            .nav-menu { display: none; }
        }
    </style>
</head>
<body>
    <div class="top-bar">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-md-8">
                    <span class="mr-4"><i class="fa fa-phone margin-right-5px"></i> 08074406431</span>
                    <span><i class="fa fa-envelope margin-right-5px"></i> info@travelsspeed.com</span>
                </div>
                <div class="col-12 col-md-4 text-md-right d-none d-md-block">
                    <ul class="list-inline mb-0">
                        <li class="list-inline-item"><a href="https://web.facebook.com/travelsspeed/?view_public_for=487246585371291"><i class="fa fa-facebook"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-youtube-play"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li class="list-inline-item"><a href="https://twitter.com/travels_speed?s=09"><i class="fa fa-twitter"></i></a></li>
                        <li class="list-inline-item"><a href="#"><i class="fa fa-rss"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <header class="header-output">
        <div class="container header-in">
            <div class="row align-items-center">
                <div class="col-6 col-lg-3">
                    <a id="logo" href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/index.php" class="site-logo d-inline-block py-3"><img src="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/images/logo.png" alt="Travelsspeed"></a>
                </div>
                <div class="col-lg-9 d-none d-lg-block">
                    <ul id="menu-main" class="nav-menu float-right link-padding-tb-20px mb-0">
                        <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/index.php">Home</a></li>
                        <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/hotel.php">Hotels</a></li>
                        <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/about.php">About Us</a></li>
                        <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/contact.php">Contact Us</a></li>
                        <li class="has-dropdown"><a href="#">Account</a>
                            <ul class="sub-menu">
                                <?php if ($loggedIn): ?>
                                    <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/dashboard.php">My Dashboard</a></li>
                                    <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/booking_hx.php">Booking HX Manager</a></li>
                                    <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/logout.php">Logout</a></li>
                                <?php else: ?>
                                    <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/login.php">Login</a></li>
                                    <li><a href="//<?= $_SERVER['HTTP_HOST']; ?>/travelsspeed/Register.php">Register</a></li>
                                <?php endif; ?>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
