407 lines
25 KiB
PHP
407 lines
25 KiB
PHP
<?php
|
||
$headerStyle = 'light';
|
||
$rootPath = dirname(dirname(dirname(__DIR__)));
|
||
include_once($rootPath . '/header.php');
|
||
checkUserSession();
|
||
|
||
// SQL query to fetch dates for driver training
|
||
$stmt = $conn->prepare("SELECT course_id, date
|
||
FROM courses
|
||
WHERE course_type = ?
|
||
AND date >= CURDATE()");
|
||
$course_type = 'driver_training';
|
||
$stmt->bind_param("s", $course_type);
|
||
$stmt->execute();
|
||
$result = $stmt->get_result();
|
||
$page_id = 'driver_training';
|
||
|
||
?>
|
||
|
||
<style>
|
||
.form-group {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
select {
|
||
width: 100%;
|
||
padding: 8px;
|
||
font-size: 16px;
|
||
}
|
||
</style><?php
|
||
$pageTitle = 'Driver Training';
|
||
$breadcrumbs = [['Home' => 'index.php']];
|
||
require_once($rootPath . '/components/banner.php');
|
||
?>
|
||
|
||
<!-- Product Details Start -->
|
||
<section class="product-details pt-100">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-6">
|
||
<div class="product-details-images rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="tab-content preview-images">
|
||
<div class="tab-pane fade preview-item active show" id="preview1">
|
||
<img src="assets/images/drivertraining/01.png" alt="Perview">
|
||
</div>
|
||
<div class="tab-pane fade preview-item" id="preview2">
|
||
<img src="assets/images/drivertraining/07.jpg" alt="Perview">
|
||
</div>
|
||
<div class="tab-pane fade preview-item" id="preview3">
|
||
<img src="assets/images/drivertraining/02.png" alt="Perview">
|
||
</div>
|
||
</div>
|
||
<div class="nav thumb-images rmb-20">
|
||
<a href="#preview1" data-bs-toggle="tab" class="thumb-item active show">
|
||
<img src="assets/images/drivertraining/01.png" alt="Thumb">
|
||
</a>
|
||
<a href="#preview2" data-bs-toggle="tab" class="thumb-item">
|
||
<img src="assets/images/drivertraining/07.jpg" alt="Thumb">
|
||
</a>
|
||
<a href="#preview3" data-bs-toggle="tab" class="thumb-item">
|
||
<img src="assets/images/drivertraining/02.png" alt="Thumb">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="product-details-content" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="section-title">
|
||
<h2>4X4 Driver Training</h2>
|
||
</div>
|
||
<!-- <div class="ratting mb-15">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
<span>(5.8k+ reviews)</span>
|
||
</div> -->
|
||
<span class="price mb-5">R <?= getPrice('driver_training', 'member'); ?>/member</span>
|
||
<span class="price mb-25">R <?= getPrice('driver_training', 'nonmember'); ?>/non-members</span>
|
||
<p>Our 4x4 Basic Training Course equips you with the essential skills and knowledge to confidently tackle off-road terrains. Learn vehicle mechanics, driving techniques, obstacle navigation, and recovery methods while promoting safe and responsible off-road practices. Perfect for beginners and new 4x4 owners!</p>
|
||
<hr class="mt-40">
|
||
<div class="blog-sidebar tour-sidebar">
|
||
<div class="widget widget-booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<form action="process_course_booking" method="POST">
|
||
<ul class="tickets clearfix">
|
||
<li>
|
||
Select Date
|
||
<select name="course_id" id="course_id" required>
|
||
<?php
|
||
if ($result && $result->num_rows > 0) {
|
||
// Output each course as an option
|
||
while ($row = $result->fetch_assoc()) {
|
||
$course_id = htmlspecialchars($row['course_id']); // Escape output for security
|
||
$date = htmlspecialchars($row['date']); // Escape output for security
|
||
echo "<option value='$course_id'>$date</option>";
|
||
}
|
||
} else {
|
||
echo "<option value='' disabled>No dates available</option>";
|
||
}
|
||
?>
|
||
</select>
|
||
|
||
</li>
|
||
<?php
|
||
if ($is_member || $pending_member) {
|
||
echo '
|
||
<li>
|
||
Additional Members <span class="price"></span>
|
||
<select name="members" id="members">
|
||
<option value="0" selected>00</option>
|
||
<option value="1">01</option>
|
||
<option value="2">02</option>
|
||
<option value="3">03</option>
|
||
</select>
|
||
</li>
|
||
';
|
||
echo '
|
||
<li>
|
||
Additional Non-Members <span class="price"></span>
|
||
<select name="non-members" id="non-members">
|
||
<option value="0" selected>00</option>
|
||
<option value="1">01</option>
|
||
<option value="2">02</option>
|
||
<option value="3">03</option>
|
||
</select>
|
||
</li>
|
||
';
|
||
} else {
|
||
echo '
|
||
<li>
|
||
<small style="color: #666; display: block; margin-bottom: 5px;">You will be added at non-member rate</small>
|
||
Additional Participants <span class="price"></span>
|
||
<select name="non-members" id="non-members">
|
||
<option value="0" selected>00</option>
|
||
<option value="1">01</option>
|
||
<option value="2">02</option>
|
||
<option value="3">03</option>
|
||
</select>
|
||
</li>
|
||
';
|
||
}
|
||
?>
|
||
|
||
|
||
</ul>
|
||
<hr class="mb-25">
|
||
|
||
<h6>Total: <span id="booking_total" class="price">-</span></h6>
|
||
<div style="margin: 20px 0;">
|
||
<div id="indemnityBox" style="border: 1px solid #ccc; padding: 10px; height: 150px; overflow-y: scroll; background: #f9f9f9; font-size: 12px;">
|
||
<p><strong>INDEMNITY AND WAIVER</strong></p>
|
||
<p>1. I agree to abide by the Code of Conduct as listed below, as well as any reasonable instructions given by any Member of the Committee of the Club, or any person appointed by the Club to organise or control any event (Club Officer).</p>
|
||
<p>2. I acknowledge that driving the off-road track is inherently dangerous, and that I am fully aware of the dangers thereof. I warrant that I will make all members of my party aware of such dangers prior to driving the track.</p>
|
||
<p>3. While I, or any member of my party, enjoy the facilities at Base 4 including overnight camping, picnicking, driving the track, using the swimming pool facility or activity or any other activity while at Base 4, I agree that under no circumstances shall the Club be liable for any loss or damage of any kind whatsoever (including consequential loss) which I or any of my party may suffer, regardless of how such loss or damage may have been caused or sustained, and whether or not as a result of the negligence or breach of contract (whether fundamental or otherwise) or other wrongful act of the Club, or any Club Officer, or any of the Club’s agents or contractors, and I hereby indemnify and hold harmless the Club and any Club Officer against all such loss or damage.</p>
|
||
<p>4. The expression, ‘member of my party’, means all persons who accompany me or attending any event at my specific invitation, request or suggestion, and includes without limitation, members of family, guests and invitees.</p>
|
||
<p>5. I understand that I am responsible for ensuring my vehicle and equipment and that all members of my party have adequate health and medical insurance to cover any and all likely occurrences.</p>
|
||
<p>6. This indemnity is irrevocable and shall apply to me and the members of my party for any Club events in which I may participate or attend.</p>
|
||
<p><strong>BASE 4 CODE OF CONDUCT</strong></p>
|
||
<p>1. No motorbikes or quadbikes.</p>
|
||
<p>2. No loud music (unless authorised by the Committee or its representatives).</p>
|
||
<p>3. Dogs to be controlled by their owners who take full responsibility for the animal’s behaviour.</p>
|
||
<p>4. No dogs belonging to non-members are allowed at Base 4 unless with the express permission of the Committee.</p>
|
||
<p>5. No person in the rear of open vehicles when driving on obstacles.</p>
|
||
<p>6. When driving the obstacles stay on the tracks.</p>
|
||
<p>7. Engage 4WD when driving the obstacles to minimise wear and damage to the track.</p>
|
||
<p>8. No alcohol to be consumed while driving the track.</p>
|
||
<p>9. No littering (please pick up cigarette butts etc.)</p>
|
||
<p>10. All rubbish is to be taken away with you when leaving. Dustbins and refuse collection is not provided.</p>
|
||
<p>11. Use water sparingly. Please bring your own water and a little extra for the Club.</p>
|
||
<p>I am a member of the Four Wheel Drive Club of Southern Africa and I will strive to uphold these Codes.</p>
|
||
</div>
|
||
<div style="margin-top: 10px;">
|
||
<input type="checkbox" id="agreeCheckbox" name="agree" disabled required>
|
||
<label for="agreeCheckbox" id="agreeLabel" style="color: #888;">I have read and agree to the indemnity terms</label>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
|
||
<?php
|
||
$button_text = "PROCEED TO PAYMENT";
|
||
$button_disabled = "";
|
||
if (!$result || $result->num_rows == 0) {
|
||
$button_text = "No booking dates available";
|
||
$button_disabled = "disabled";
|
||
}
|
||
?>
|
||
<button type="submit" class="theme-btn style-two w-100 mt-15 mb-5" <?php echo $button_disabled; ?>>
|
||
<span data-hover="<?php echo $button_text; ?>"><?php echo $button_text; ?></span>
|
||
<i class="fal fa-arrow-right"></i>
|
||
</button>
|
||
<div class="text-center">
|
||
<a href="contact">You will be redirected to iKhokha's Secure payment gateway.</a>
|
||
</div>
|
||
<img src="assets/images/logos/ikhokha.png"alt="Secure Payment Badges" style="max-width: 200px; display: block; margin: 10px auto 0;">
|
||
</form>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- <hr class="mb-45"> -->
|
||
<!-- <a href="#" class="wishlist"><i class="far fa-heart"></i> Add to Wishlist</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<ul class="nav nav product-tab mt-70 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
|
||
<li><a href="#details" data-bs-toggle="tab" class="active show">Course Overview<i class="far fa-arrow-right"></i></a></li>
|
||
<li><a href="#information" data-bs-toggle="tab">What to Expect<i class="far fa-arrow-right"></i></a></li>
|
||
<li><a href="#reviews" data-bs-toggle="tab"> Reviews <i class="far fa-arrow-right"></i></a></li>
|
||
</ul>
|
||
<div class="tab-content" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="tab-pane fade active show" id="details">
|
||
<p>A 4x4 Basic Training Course is designed to equip participants with the foundational knowledge and practical skills necessary for safe and effective off-road driving. This course covers essential topics such as understanding the mechanics of 4x4 vehicles, selecting the appropriate gear, and engaging various drive modes to tackle different terrains. Participants will learn how to navigate obstacles like mud, sand, and rocky paths while maintaining vehicle control and ensuring safety for themselves and their passengers. The training also includes instruction on tire pressure management, vehicle recovery techniques, and the use of essential recovery equipment like tow straps and shackles.</p>
|
||
<p>In addition to practical driving exercises, the course emphasizes responsible off-road driving practices, including respecting the environment and adhering to trail etiquette. Whether you're a novice driver looking to explore off-road adventures or a new 4x4 owner seeking confidence behind the wheel, this training provides a comprehensive introduction to the world of off-roading. By the end of the course, participants will feel prepared to tackle basic off-road challenges with skill and assurance, making their next 4x4 outing a safe and enjoyable experience.</p>
|
||
<div class="row gap-50 pt-25 pb-20 align-items-center">
|
||
<div class="col-lg-7 pt-15">
|
||
<h5>What this course includes</h5>
|
||
<ul class="list-style-two mt-25">
|
||
<li>Basic Driver Training Manual.</li>
|
||
<li>Theory session and discussion.</li>
|
||
<li>Spend the afternoon on the track learning the basic practices of 4X4 driving.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-5">
|
||
<div class="image rmt-45">
|
||
<img src="assets/images/drivertraining/dt04.jpg" alt="Product Details">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="tab-pane fade" id="information">
|
||
<!-- <p>Circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses</p> -->
|
||
<ul class="list-style-two my-35">
|
||
<li>Coffee and Welcome: Start the day with a warm cup of coffee, meet the instructors, and get an overview of the training schedule.</li>
|
||
<li>Theory Session: Learn the fundamentals of 4x4 vehicle mechanics, terrain types, recovery equipment, and off-road safety.</li>
|
||
<li>Practical Demonstrations: Observe demonstrations of essential techniques like gear selection, tire pressure adjustment, and recovery setups.</li>
|
||
<li>Lunch Break: Bring along a packed lunch or something to braai. Fires will be provided.</li>
|
||
<li>Track Driving and Practical Training: Put theory into action with hands-on driving exercises on a custom-designed off-road track.</li>
|
||
<li>Debrief and Certificates: Wrap up the day with a recap of key lessons, feedback from instructors, and certificates of completion.</li>
|
||
</ul>
|
||
</div>
|
||
<div class="tab-pane fade mb-20" id="reviews">
|
||
<?php include_once('review_box.php'); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Product Details End -->
|
||
|
||
|
||
<!-- Shop Details Area start -->
|
||
<!-- <section class="shop-details-page pt-80 pb-100 rel z-1">
|
||
<div class="container">
|
||
<div class="section-title text-center mb-40">
|
||
<h2>Other Courses</h2>
|
||
</div>
|
||
<div class="product-slider">
|
||
<div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="image">
|
||
<img src="assets/images/shop/product1.png" alt="Product">
|
||
</div>
|
||
<div class="content">
|
||
<div class="ratting">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
</div>
|
||
<h6><a href="product-details.html">Airport Travel Suitcases</a></h6>
|
||
<span class="price">$188.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
|
||
<div class="image">
|
||
<img src="assets/images/shop/product2.png" alt="Product">
|
||
</div>
|
||
<div class="content">
|
||
<div class="ratting">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
</div>
|
||
<h6><a href="product-details.html">Travel Great blue hat</a></h6>
|
||
<span class="price">$188.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
|
||
<div class="image">
|
||
<img src="assets/images/shop/product3.png" alt="Product">
|
||
</div>
|
||
<div class="content">
|
||
<div class="ratting">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
</div>
|
||
<h6><a href="product-details.html">Waistband and Mesh Fashion</a></h6>
|
||
<span class="price">$188.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="150">
|
||
<div class="image">
|
||
<img src="assets/images/shop/product4.png" alt="Product">
|
||
</div>
|
||
<div class="content">
|
||
<div class="ratting">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
</div>
|
||
<h6><a href="product-details.html">Sandals for Casual Techies</a></h6>
|
||
<span class="price">$188.00</span>
|
||
</div>
|
||
</div>
|
||
<div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
|
||
<div class="image">
|
||
<img src="assets/images/shop/product5.png" alt="Product">
|
||
</div>
|
||
<div class="content">
|
||
<div class="ratting">
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star"></i>
|
||
<i class="fas fa-star-half-alt"></i>
|
||
</div>
|
||
<h6><a href="product-details.html">Children With Jute Soles</a></h6>
|
||
<span class="price">$188.00</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section> -->
|
||
<!-- Shop Details Area end -->
|
||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
||
<script>
|
||
const indemnityBox = document.getElementById('indemnityBox');
|
||
const agreeCheckbox = document.getElementById('agreeCheckbox');
|
||
const bookingForm = document.querySelector('form');
|
||
|
||
indemnityBox.addEventListener('scroll', function() {
|
||
const scrollTop = indemnityBox.scrollTop;
|
||
const scrollHeight = indemnityBox.scrollHeight;
|
||
const offsetHeight = indemnityBox.offsetHeight;
|
||
|
||
// Enable checkbox when scrolled to bottom
|
||
if (scrollTop + offsetHeight >= scrollHeight - 1) {
|
||
agreeCheckbox.disabled = false;
|
||
document.getElementById('agreeLabel').style.color = "#000"; // optional: make label active
|
||
}
|
||
});
|
||
|
||
bookingForm.addEventListener('submit', function(e) {
|
||
if (agreeCheckbox.disabled || !agreeCheckbox.checked) {
|
||
alert('Please read and agree to the indemnity terms before booking.');
|
||
e.preventDefault(); // stop form submission
|
||
}
|
||
});
|
||
</script>
|
||
<script>
|
||
$(document).ready(function() {
|
||
// Function to calculate booking total
|
||
function calculateTotal() {
|
||
// Get selected values from the form
|
||
var additional_members = parseInt($('#members').val()) || 0;
|
||
var additional_nonmembers = parseInt($('#non-members').val()) || 0;
|
||
|
||
// Fetch PHP variables
|
||
var isMember = <?php echo $is_member ? 'true' : 'false'; ?>;
|
||
var pendingMember = <?php echo $pending_member ? 'true' : 'false'; ?>;
|
||
var cost_members = <?= getPrice('driver_training', 'member'); ?>;
|
||
var cost_nonmembers = <?= getPrice('driver_training', 'nonmember'); ?>;
|
||
|
||
// Calculate the total cost based on membership
|
||
var total = 0;
|
||
|
||
// Calculate cost for members: (you at member rate) + additional members + additional non-members
|
||
if (isMember || pendingMember) {
|
||
total = (cost_members) + (additional_members * cost_members) + (additional_nonmembers * cost_nonmembers);
|
||
} else {
|
||
// Calculate cost for non-members: (you at non-member rate) + all additional people at non-member rate
|
||
total = (cost_nonmembers) + (additional_nonmembers * cost_nonmembers);
|
||
}
|
||
|
||
// Update total price in the DOM
|
||
$('#booking_total').text('R ' + total.toFixed(2));
|
||
|
||
}
|
||
|
||
// Event listeners to trigger recalculation when any form field changes
|
||
$('#members, #non-members').on('change', function() {
|
||
calculateTotal();
|
||
});
|
||
|
||
// Initial calculation on page load
|
||
calculateTotal();
|
||
});
|
||
</script>
|
||
|
||
|
||
<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php') ?>
|