2f94c17c28
- Create components/banner.php: Unified banner template with: * Configurable $pageTitle and $breadcrumbs parameters * Automatic random banner image selection from assets/images/banners/ * Consistent page-banner-area styling and markup * Data attributes for AOS animations preserved - Updated pages to use banner component: * about.php, blog.php, blog_details.php * bookings.php, campsites.php, contact.php * course_details.php, driver_training.php, events.php * membership.php, membership_application.php, membership_payment.php * trips.php, bush_mechanics.php, rescue_recovery.php * indemnity.php, basic_indemnity.php * best_of_the_eastern_cape_2024.php, 2025_agm_minutes.php - Results: * Eliminated ~90% duplicate code across 23 pages * Single source of truth for banner functionality * Easier future updates to banner styling/behavior * Breadcrumb navigation now consistent and parameterized
283 lines
16 KiB
PHP
283 lines
16 KiB
PHP
<?php
|
|
$headerStyle = 'light';
|
|
include_once('header.php');
|
|
checkUserSession();
|
|
|
|
// Assuming you have the user ID stored in the session
|
|
if (isset($_SESSION['user_id'])) {
|
|
$user_id = $_SESSION['user_id'];
|
|
}else{
|
|
header('Location: login.php');
|
|
exit(); // Stop further script execution
|
|
}
|
|
|
|
checkMembershipApplication($user_id);
|
|
// Fetch user data from the database
|
|
|
|
$sql = "SELECT * FROM users WHERE user_id = ?";
|
|
$stmt = $conn->prepare($sql);
|
|
$stmt->bind_param("i", $user_id);
|
|
$stmt->execute();
|
|
$result = $stmt->get_result();
|
|
$user = $result->fetch_assoc();
|
|
?><?php
|
|
$pageTitle = 'Membership Application';
|
|
$breadcrumbs = [['Home' => 'index.php'], ['Membership' => 'membership.php']];
|
|
require_once('components/banner.php');
|
|
?>
|
|
|
|
|
|
|
|
<section class="contact-form-area py-70 rel z-1">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-12">
|
|
<div class="comment-form bgc-lighter z-1 rel mb-30 rmb-55">
|
|
<form id="registerForm" name="registerForm" action="process_application.php" method="post" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
|
|
<input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
|
|
<div class="section-title">
|
|
<div id="responseMessage"></div> <!-- Message display area -->
|
|
</div>
|
|
<!-- Personal Details Section -->
|
|
<h3>Main Member</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="first_name">First Name*</label>
|
|
<input type="text" id="first_name" name="first_name" class="form-control" placeholder="John" value="<?php echo $user['first_name']; ?>" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="last_name">Surname*</label>
|
|
<input type="text" id="last_name" name="last_name" class="form-control" placeholder="Smith" value="<?php echo $user['last_name']; ?>" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="id_number">ID Number / Passport Number*</label>
|
|
<input type="text" id="id_number" name="id_number" class="form-control" placeholder="1234567890" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="dob">Date of Birth*</label>
|
|
<input type="date" id="dob" name="dob" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="occupation">Occupation*</label>
|
|
<input type="text" id="occupation" name="occupation" class="form-control" placeholder="Occupation" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="phone_numbers">Cell Phone*</label>
|
|
<input type="text" id="tel_cell" name="tel_cell" class="form-control" placeholder="Cell Phone" value="<?php echo $user['phone_number']; ?>" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="email">Email Address*</label>
|
|
<input type="email" id="email" name="email" class="form-control" placeholder="Enter email" value="<?php echo $user['email']; ?>" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Spouse / Partner Details Section -->
|
|
<h3>Spouse / Life Partner / Other Details</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="spouse_first_name">First Name</label>
|
|
<input type="text" id="spouse_first_name" name="spouse_first_name" class="form-control" placeholder="Jane">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="spouse_last_name">Surname</label>
|
|
<input type="text" id="spouse_last_name" name="spouse_last_name" class="form-control" placeholder="Smith">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="spouse_id_number">ID Number / Passport Number</label>
|
|
<input type="text" id="spouse_id_number" name="spouse_id_number" class="form-control" placeholder="1234567890">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="spouse_dob">Date of Birth</label>
|
|
<input type="date" id="spouse_dob" name="spouse_dob" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="spouse_occupation">Occupation</label>
|
|
<input type="text" id="spouse_occupation" name="spouse_occupation" class="form-control" placeholder="Occupation">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="spouse_phone_numbers">Cell Phone</label>
|
|
<input type="text" id="spouse_tel_cell" name="spouse_tel_cell" class="form-control" placeholder="Cell Phone">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="spouse_email">Email Address</label>
|
|
<input type="email" id="spouse_email" name="spouse_email" class="form-control" placeholder="Enter email">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Children Section -->
|
|
<h3>Children's Names</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_name1">Child 1 Name</label>
|
|
<input type="text" id="child_name1" name="child_name1" class="form-control" placeholder="Child 1 Name">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_dob1">Child 1 DOB</label>
|
|
<input type="date" id="child_dob1" name="child_dob1" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_name2">Child 2 Name</label>
|
|
<input type="text" id="child_name2" name="child_name2" class="form-control" placeholder="Child 2 Name">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_dob2">Child 2 DOB</label>
|
|
<input type="date" id="child_dob2" name="child_dob2" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_name3">Child 3 Name</label>
|
|
<input type="text" id="child_name3" name="child_name3" class="form-control" placeholder="Child 3 Name">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="child_dob3">Child 3 DOB</label>
|
|
<input type="date" id="child_dob3" name="child_dob3" class="form-control">
|
|
</div>
|
|
</div>
|
|
<!-- Repeat for other children if needed -->
|
|
</div>
|
|
|
|
<!-- Address Section -->
|
|
<h3>Address</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="physical_address">Physical Address</label>
|
|
<textarea id="physical_address" name="physical_address" class="form-control" placeholder="Enter physical address"></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-group">
|
|
<label for="postal_address">Postal Address</label>
|
|
<textarea id="postal_address" name="postal_address" class="form-control" placeholder="Enter postal address"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Interests Section -->
|
|
<h3>Interests and Hobbies</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<textarea id="interests_hobbies" name="interests_hobbies" class="form-control" placeholder="Enter interests and hobbies"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Vehicle Section -->
|
|
<h3>Primary Vehicle</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="vehicle_make">Make</label>
|
|
<input type="text" id="vehicle_make" name="vehicle_make" class="form-control" placeholder="Vehicle Make">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="vehicle_model">Model</label>
|
|
<input type="text" id="vehicle_model" name="vehicle_model" class="form-control" placeholder="Vehicle Model">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="vehicle_year">Year</label>
|
|
<input type="text" id="vehicle_year" name="vehicle_year" class="form-control" placeholder="Vehicle Year">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="vehicle_registration">Registration</label>
|
|
<input type="text" id="vehicle_registration" name="vehicle_registration" class="form-control" placeholder="Vehicle Registration">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h3>Secondary Vehicle</h3>
|
|
<div class="row mt-35">
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="secondary_vehicle_make">Make</label>
|
|
<input type="text" id="secondary_vehicle_make" name="secondary_vehicle_make" class="form-control" placeholder="Vehicle Make">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="secondary_vehicle_model">Model</label>
|
|
<input type="text" id="secondary_vehicle_model" name="secondary_vehicle_model" class="form-control" placeholder="Vehicle Model">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="secondary_vehicle_year">Year</label>
|
|
<input type="text" id="secondary_vehicle_year" name="secondary_vehicle_year" class="form-control" placeholder="Vehicle Year">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<div class="form-group">
|
|
<label for="secondary_vehicle_registration">Registration</label>
|
|
<input type="text" id="secondary_vehicle_registration" name="secondary_vehicle_registration" class="form-control" placeholder="Vehicle Registration">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Submit Section -->
|
|
<div class="col-md-12">
|
|
<div class="form-group mb-0">
|
|
<button type="submit" class="theme-btn style-two" style="width:100%;">Next</button>
|
|
<div id="msgSubmit" class="hidden"></div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Contact Form Area end -->
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
|
|
|
|
<?php include_once("insta_footer.php"); ?>
|