315 lines
14 KiB
PHP
315 lines
14 KiB
PHP
<?php
|
|
ob_start();
|
|
require_once("env.php");
|
|
require_once("session.php");
|
|
require_once("connection.php");
|
|
require_once("functions.php");
|
|
$is_logged_in = isset($_SESSION['user_id']);
|
|
$role = getUserRole();
|
|
if (isset($_SESSION['user_id'])) {
|
|
$is_member = getUserMemberStatus($_SESSION['user_id']);
|
|
$user_id = $_SESSION['user_id'];
|
|
}
|
|
logVisitor();
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="zxx">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Title -->
|
|
<title>4WDCSA - The Four Wheel Drive Club of Southern Africa</title>
|
|
<!-- Favicon Icon -->
|
|
<link rel="shortcut icon" href="assets/images/logos/favicon.ico" type="image/x-icon">
|
|
<!-- Google Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
|
|
|
|
<!-- Flaticon -->
|
|
<link rel="stylesheet" href="assets/css/flaticon.min.css">
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="assets/css/fontawesome-5.14.0.min.css">
|
|
<!-- Bootstrap -->
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<!-- Magnific Popup -->
|
|
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
|
|
<!-- Nice Select -->
|
|
<link rel="stylesheet" href="assets/css/nice-select.min.css">
|
|
<!-- jQuery UI -->
|
|
<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
|
|
<!-- Animate -->
|
|
<link rel="stylesheet" href="assets/css/aos.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" onload="AOS.init();">
|
|
<!-- Slick -->
|
|
<link rel="stylesheet" href="assets/css/slick.min.css">
|
|
<!-- Main Style -->
|
|
<link rel="stylesheet" href="assets/css/style_new.css">
|
|
|
|
<script id="mcjs">
|
|
! function(c, h, i, m, p) {
|
|
m = c.createElement(h), p = c.getElementsByTagName(h)[0], m.async = 1, m.src = i, p.parentNode.insertBefore(m, p)
|
|
}(document, "script", "https://chimpstatic.com/mcjs-connected/js/users/3c26590bcc200ef52edc0bec2/b960bfcd9c876f911833ca3f0.js");
|
|
</script>
|
|
|
|
|
|
|
|
</head>
|
|
<style>
|
|
.profile-menu {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
|
|
.profile-info {
|
|
display: flex;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.profile-info span {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.profile-pic {
|
|
width: 50px;
|
|
height: 50px;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
object-fit: cover;
|
|
/* Ensures the image fits without distortion */
|
|
}
|
|
|
|
.dropdown-arrow {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dropdown-menu2 {
|
|
display: none;
|
|
position: absolute;
|
|
top: 100%;
|
|
right: 0;
|
|
background-color: #fff;
|
|
box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1), -2px 0px 5px 1px rgba(0, 0, 0, 0.1);
|
|
/* border-radius: 5px; */
|
|
min-width: 250px;
|
|
z-index: 1000;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.dropdown-menu2 ul {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.dropdown-menu2 ul li {
|
|
padding: 8px;
|
|
border-bottom: 1px solid #f0f0f0;
|
|
}
|
|
|
|
.dropdown-menu22 ul li a {
|
|
text-decoration: none;
|
|
color: #333;
|
|
}
|
|
|
|
.dropdown-menu22 ul li:hover {
|
|
background-color: #f8f8f8;
|
|
}
|
|
|
|
.page-banner-area {
|
|
position: relative;
|
|
background-size: cover;
|
|
background-position: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.banner-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-image: url('assets/images/banner/tracks7.png');
|
|
/* Replace with your PNG */
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-position: center;
|
|
z-index: 1;
|
|
pointer-events: none;
|
|
}
|
|
|
|
|
|
/* Make sure your content is above the overlays */
|
|
.banner-inner {
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
</style>
|
|
|
|
<body>
|
|
<div class="page-wrapper">
|
|
|
|
<!-- Preloader -->
|
|
<div class="preloader">
|
|
<div class="custom-loader"></div>
|
|
</div>
|
|
|
|
<!-- main header -->
|
|
<header class="main-header header-one">
|
|
<!--Header-Upper-->
|
|
<div class="header-upper bg-white py-30 rpy-0">
|
|
<div class="container-fluid clearfix">
|
|
|
|
<div class="header-inner rel d-flex align-items-center">
|
|
<div class="logo-outer">
|
|
<div style="width:200px;" class="logo"><a href="index.php"><img src="assets/images/logos/logo-two.png" alt="Logo" title="Logo"></a></div>
|
|
</div>
|
|
|
|
<div class="nav-outer mx-lg-auto ps-xxl-5 clearfix">
|
|
<!-- Main Menu -->
|
|
<nav class="main-menu navbar-expand-lg">
|
|
<div class="navbar-header">
|
|
<div class="mobile-logo">
|
|
<a href="index.php">
|
|
<img src="assets/images/logos/logo-two.png" alt="Logo" title="Logo">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Toggle Button -->
|
|
<button type="button" class="navbar-toggle" data-bs-toggle="collapse" data-bs-target=".navbar-collapse">
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="navbar-collapse collapse clearfix">
|
|
<ul class="navigation clearfix">
|
|
<li><a href="index.php">Home</a></li>
|
|
<li><a href="about.php">About</a></li>
|
|
<!-- <li class="dropdown"><a href="about.html">BASE 4</a>
|
|
<ul>
|
|
<li><a href="tour-list.html">About BASE 4</a></li>
|
|
<li><a href="campsite_booking.php">Book a Campsite</a></li>
|
|
</ul>
|
|
</li> -->
|
|
<li><a href="trips.php">Trips</a>
|
|
</li>
|
|
<li class="dropdown"><a href="#">Training</a>
|
|
<ul>
|
|
<li><a href="driver_training.php">Basic 4X4 Driver Training</a></li>
|
|
<li><a href="bush_mechanics.php">Bush Mechanics</a></li>
|
|
<li><a href="rescue_recovery.php">Rescue & Recovery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="events.php">Events</a>
|
|
</li>
|
|
<li><a href="blog.php">Blog</a></li>
|
|
<?php if ($role === 'admin' || $role === 'superadmin') { ?>
|
|
<li class="dropdown"><a href="#">admin</a>
|
|
<ul>
|
|
<li><a href="admin_web_users.php">Website Users</a></li>
|
|
<li><a href="admin_members.php">4WDCSA Members</a></li>
|
|
<li><a href="admin_trip_bookings.php">Trip Bookings</a></li>
|
|
<li><a href="admin_course_bookings.php">Course Bookings</a></li>
|
|
<!-- <li><a href="admin_camp_bookings.php">Camping Bookings</a></li> -->
|
|
<!-- <li><a href="admin_payments.php">Payfast Payments</a></li> -->
|
|
<li><a href="admin_efts.php">EFT Payments</a></li>
|
|
<li><a href="process_payments.php">Process Payments</a></li>
|
|
<li><a href="admin_blogs.php">Manage Blogs</a></li>
|
|
<?php if ($role === 'superadmin') { ?>
|
|
<li><a href="admin_visitors.php">Visitor Log</a></li>
|
|
<?php } ?>
|
|
<!-- <li><a href="bar_tabs.php">Bar</a></li> -->
|
|
</ul>
|
|
</li>
|
|
<?php } ?>
|
|
<li><a href="contact.php">Contact</a></li>
|
|
<?php if ($is_logged_in) : ?>
|
|
<li class="dropdown"><a href="#">My Account</a>
|
|
<ul>
|
|
<li><a href="account_settings.php">Account Settings</a></li>
|
|
<li><a href="membership_details.php">Membership</a></li>
|
|
<li><a href="bookings.php">My Bookings</a></li>
|
|
<li><a href="user_blogs.php">My Blogs</a></li>
|
|
<li><a href="submit_pop.php">Submit P.O.P</a></li>
|
|
<li><a href="logout.php">Log Out</a></li>
|
|
</ul>
|
|
|
|
<?php else : ?>
|
|
<li class="nav-item d-xl-none"><a href="login.php">Log In</a></li>
|
|
<?php endif; ?>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
</nav>
|
|
<!-- Main Menu End-->
|
|
</div>
|
|
|
|
<!-- Menu Button -->
|
|
<div class="menu-btns py-10">
|
|
<?php if ($is_logged_in) : ?>
|
|
<div class="profile-menu">
|
|
<div class="profile-info">
|
|
<span style="color: #111111;">Welcome, <?php echo $_SESSION['first_name']; ?></span>
|
|
<a href="account_settings.php">
|
|
<img src="<?php echo $_SESSION['profile_pic']; ?>?v=<?php echo time(); ?>" alt="Profile Picture" class="profile-pic">
|
|
</a>
|
|
|
|
<!-- <i style="color: #111111;" class="fal fa-chevron-down dropdown-arrow"></i> -->
|
|
</div>
|
|
<!-- Dropdown Menu -->
|
|
<!-- <div class="dropdown-menu2">
|
|
<ul>
|
|
<li><a href="account_settings.php">Account Settings</a></li>
|
|
<li><a href="membership_details.php">Membership</a></li>
|
|
<li><a href="bookings.php">Bookings</a></li>
|
|
<li><a href="logout.php">Log Out</a></li>
|
|
</ul>
|
|
</div> -->
|
|
</div>
|
|
<?php else : ?>
|
|
<a href="login.php" class="theme-btn style-two bgc-secondary">
|
|
<span data-hover="Log In">Log In</span>
|
|
<i class="fal fa-arrow-right"></i>
|
|
</a>
|
|
<?php endif; ?>
|
|
<!-- menu sidebar -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--End Header Upper-->
|
|
</header>
|
|
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// Toggle dropdown menu visibility when the profile-info is clicked
|
|
document.querySelector('.profile-info').addEventListener('click', function(event) {
|
|
const dropdownMenu = document.querySelector('.dropdown-menu2');
|
|
dropdownMenu.style.display = dropdownMenu.style.display === 'block' ? 'none' : 'block';
|
|
event.stopPropagation(); // Prevent this click from closing the menu
|
|
});
|
|
|
|
// Close the dropdown menu if the user clicks outside of it
|
|
document.addEventListener('click', function(event) {
|
|
const dropdownMenu = document.querySelector('.dropdown-menu2');
|
|
const profileMenu = document.querySelector('.profile-menu');
|
|
if (!profileMenu.contains(event.target)) {
|
|
dropdownMenu.style.display = 'none';
|
|
}
|
|
});
|
|
});
|
|
</script>
|