WIP: Blogposts

2025-12-02 17:41:24 +02:00
322 changed files with 19177 additions and 46913 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,6 @@
 .env
 /vendor/
 .htaccess
-/assets/uploads/gallery/
+/uploads/
-/assets/uploads/
+
 /uploads/pop/
--- a/.htaccess
+++ b/.htaccess
@@ -1,162 +1,4 @@
-# URL Rewrite Rules - Maps old URLs to new directory structure during migration
+php_flag display_errors On
 <IfModule mod_rewrite.c>
 RewriteEngine On
 RewriteBase /
 # Don't rewrite existing files or directories
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 # === STRIP .PHP EXTENSION ===
 # Redirect /page.php to /page (301 permanent redirect)
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule ^(.+)\.php$ /$1 [R=301,L]
 # Internally rewrite /page to /page.php if page.php exists
 RewriteCond %{REQUEST_FILENAME}\.php -f
 RewriteRule ^(.+)$ $1.php [L]
 # === AUTH PAGES ===
 RewriteRule ^login$ src/pages/auth/login.php [L]
 RewriteRule ^register$ src/pages/auth/register.php [L]
 RewriteRule ^forgot_password$ src/pages/auth/forgot_password.php [L]
 RewriteRule ^reset_password$ src/pages/auth/reset_password.php [L]
 RewriteRule ^verify$ src/pages/auth/verify.php [L]
 RewriteRule ^resend_verification$ src/pages/auth/resend_verification.php [L]
 RewriteRule ^change_password$ src/pages/auth/change_password.php [L]
 RewriteRule ^update_password$ src/pages/auth/update_password.php [L]
 # === MEMBERSHIP PAGES ===
 RewriteRule ^membership$ src/pages/memberships/membership.php [L]
 RewriteRule ^membership_details$ src/pages/memberships/membership_details.php [L]
 RewriteRule ^membership_application$ src/pages/memberships/membership_application.php [L]
 RewriteRule ^membership_payment$ src/pages/memberships/membership_payment.php [L]
 RewriteRule ^renew_membership$ src/pages/memberships/renew_membership.php [L]
 RewriteRule ^member_info$ src/pages/memberships/member_info.php [L]
 # === BOOKING PAGES ===
 RewriteRule ^bookings$ src/pages/bookings/bookings.php [L]
 RewriteRule ^campsites$ src/pages/bookings/campsites.php [L]
 RewriteRule ^campsite_booking$ src/pages/bookings/campsite_booking.php [L]
 RewriteRule ^add_campsite$ src/pages/add_campsite.php [L]
 RewriteRule ^trips$ src/pages/bookings/trips.php [L]
 RewriteRule ^trip-details$ src/pages/bookings/trip-details.php [L]
 RewriteRule ^course_details$ src/pages/bookings/course_details.php [L]
 RewriteRule ^driver_training$ src/pages/bookings/driver_training.php [L]
 # === SHOP PAGES ===
 RewriteRule ^view_cart$ src/pages/shop/view_cart.php [L]
 RewriteRule ^add_to_cart$ src/pages/shop/add_to_cart.php [L]
 RewriteRule ^bar_tabs$ src/pages/shop/bar_tabs.php [L]
 RewriteRule ^payment_confirmation$ src/pages/shop/payment_confirmation.php [L]
 RewriteRule ^confirm$ src/pages/shop/confirm.php [L]
 RewriteRule ^confirm2$ src/pages/shop/confirm2.php [L]
 # === GALLERY PAGES ===
 RewriteRule ^gallery$ src/pages/gallery/gallery.php [L]
 RewriteRule ^create_album$ src/pages/gallery/create_album.php [L]
 RewriteRule ^edit_album$ src/pages/gallery/create_album.php [L]
 RewriteRule ^view_album$ src/pages/gallery/view_album.php [L]
 # === EVENTS & BLOG PAGES ===
 RewriteRule ^events$ src/pages/events/events.php [L]
 RewriteRule ^blog$ src/pages/blog/blog.php [L]
 RewriteRule ^blog_details$ src/pages/blog/blog_details.php [L]
 RewriteRule ^best_of_the_eastern_cape_2024$ src/pages/events/best_of_the_eastern_cape_2024.php [L]
 RewriteRule ^2025_agm_minutes$ src/pages/events/2025_agm_minutes.php [L]
 RewriteRule ^agm_content$ src/pages/events/agm_content.php [L]
 RewriteRule ^instapage$ src/pages/events/instapage.php [L]
 # === OTHER PAGES ===
 RewriteRule ^about$ src/pages/other/about.php [L]
 RewriteRule ^contact$ src/pages/other/contact.php [L]
 RewriteRule ^privacy_policy$ src/pages/other/privacy_policy.php [L]
 RewriteRule ^track-map$ src/pages/track-map.php [L]
 RewriteRule ^404$ src/pages/other/404.php [L]
 RewriteRule ^account_settings$ src/pages/other/account_settings.php [L]
 RewriteRule ^rescue_recovery$ src/pages/other/rescue_recovery.php [L]
 RewriteRule ^bush_mechanics$ src/pages/other/bush_mechanics.php [L]
 RewriteRule ^indemnity$ src/pages/other/indemnity.php [L]
 RewriteRule ^indemnity_waiver$ src/pages/other/indemnity_waiver.php [L]
 RewriteRule ^basic_indemnity$ src/pages/other/basic_indemnity.php [L]
 RewriteRule ^view_indemnity$ src/pages/other/view_indemnity.php [L]
 # === PAYMENT RETURN PAGES ===
 RewriteRule ^success$ src/pages/payment/success.php [L]
 RewriteRule ^failure$ src/pages/payment/failure.php [L]
 RewriteRule ^cancel$ src/pages/payment/cancel.php [L]
 # === ADMIN PAGES ===
 RewriteRule ^admin_members$ src/admin/admin_members.php [L]
 RewriteRule ^admin_payments$ src/admin/admin_payments.php [L]
 RewriteRule ^admin_web_users$ src/admin/admin_web_users.php [L]
 RewriteRule ^admin_events$ src/admin/admin_events.php [L]
 RewriteRule ^admin_course_bookings$ src/admin/admin_course_bookings.php [L]
 RewriteRule ^admin_camp_bookings$ src/admin/admin_camp_bookings.php [L]
 RewriteRule ^admin_trip_bookings$ src/admin/admin_trip_bookings.php [L]
 RewriteRule ^admin_visitors$ src/admin/admin_visitors.php [L]
 RewriteRule ^admin_transactions$ src/admin/admin_transactions.php [L]
 RewriteRule ^admin_trips$ src/admin/admin_trips.php [L]
 RewriteRule ^manage_events$ src/admin/manage_events.php [L]
 RewriteRule ^manage_trips$ src/admin/manage_trips.php [L]
 # === API/AJAX ENDPOINTS ===
 RewriteRule ^fetch_users$ src/api/fetch_users.php [L]
 RewriteRule ^fetch_drinks$ src/api/fetch_drinks.php [L]
 RewriteRule ^fetch_bar_tabs$ src/api/fetch_bar_tabs.php [L]
 RewriteRule ^get_campsites$ src/api/get_campsites.php [L]
 RewriteRule ^get_tab_total$ src/api/get_tab_total.php [L]
 RewriteRule ^google_validate_login$ src/api/google_validate_login.php [L]
 # === PROCESSORS ===
 RewriteRule ^validate_login$ src/processors/validate_login.php [L]
 RewriteRule ^register_user$ src/processors/register_user.php [L]
 RewriteRule ^process_application$ src/processors/process_application.php [L]
 RewriteRule ^process_booking$ src/processors/process_booking.php [L]
 RewriteRule ^process_camp_booking$ src/processors/process_camp_booking.php [L]
 RewriteRule ^process_course_booking$ src/processors/process_course_booking.php [L]
 RewriteRule ^process_trip_booking$ src/processors/process_trip_booking.php [L]
 RewriteRule ^process_membership_payment$ src/processors/process_membership_payment.php [L]
 RewriteRule ^process_payments$ src/processors/process_payments.php [L]
 RewriteRule ^process_eft$ src/processors/process_eft.php [L]
 RewriteRule ^submit_order$ src/processors/submit_order.php [L]
 RewriteRule ^submit_pop$ src/processors/submit_pop.php [L]
 RewriteRule ^process_signature$ src/processors/process_signature.php [L]
 RewriteRule ^create_bar_tab$ src/processors/create_bar_tab.php [L]
 RewriteRule ^update_application$ src/processors/update_application.php [L]
 RewriteRule ^update_user$ src/processors/update_user.php [L]
 RewriteRule ^upload_profile_picture$ src/processors/upload_profile_picture.php [L]
 RewriteRule ^send_reset_link$ src/processors/send_reset_link.php [L]
 RewriteRule ^logout$ src/processors/logout.php [L]
 RewriteRule ^process_trip$ src/processors/process_trip.php [L]
 RewriteRule ^process_event$ src/processors/process_event.php [L]
 RewriteRule ^toggle_trip_published$ src/processors/toggle_trip_published.php [L]
 RewriteRule ^toggle_event_published$ src/processors/toggle_event_published.php [L]
 RewriteRule ^delete_trip$ src/processors/delete_trip.php [L]
 RewriteRule ^delete_event$ src/processors/delete_event.php [L]
 RewriteRule ^save_album$ src/processors/save_album.php [L]
 RewriteRule ^update_album$ src/processors/update_album.php [L]
 RewriteRule ^delete_album$ src/processors/delete_album.php [L]
 RewriteRule ^delete_photo$ src/processors/delete_photo.php [L]
 RewriteRule ^get_album_photos$ src/processors/get_album_photos.php [L]
 RewriteRule ^link_membership_user$ src/processors/link_membership_user.php [L]
 RewriteRule ^unlink_membership_user$ src/processors/unlink_membership_user.php [L]
 # Blog routes
 RewriteRule ^admin_blogs$ src/pages/blog/admin_blogs.php [L]
 RewriteRule ^user_blogs$ src/pages/blog/user_blogs.php [L]
 RewriteRule ^blog_read$ src/pages/blog/blog_read.php [L]
 RewriteRule ^blog_edit$ src/pages/blog/blog_edit.php [L]
 RewriteRule ^blog_create$ src/processors/blog/blog_create.php [L]
 RewriteRule ^blog_delete$ src/processors/blog/blog_delete.php [L]
 RewriteRule ^publish_blog$ src/processors/blog/publish_blog.php [L]
 RewriteRule ^blog_unpublish$ src/processors/blog/blog_unpublish.php [L]
 RewriteRule ^submit_blog$ src/processors/blog/submit_blog.php [L]
 RewriteRule ^upload_blog_image$ src/processors/blog/upload_blog_image.php [L]
 RewriteRule ^autosave$ src/processors/blog/autosave.php [L]
 </IfModule>
 php_flag display_errors Off
 # php_value error_reporting -1
 RedirectMatch 403 ^/\.well-known
 Options -Indexes
--- a/.htaccess
+++ b/.htaccess
@@ -1,215 +0,0 @@
 # URL Rewrite Rules - Maps old URLs to new directory structure during migration
 <IfModule mod_rewrite.c>
 RewriteEngine On
 RewriteBase /
 # Don't rewrite existing files or directories
 RewriteCond %{REQUEST_FILENAME} !-f
 RewriteCond %{REQUEST_FILENAME} !-d
 # === STRIP .PHP EXTENSION ===
 # Redirect /page.php to /page (301 permanent redirect)
 RewriteCond %{REQUEST_FILENAME} !-d
 RewriteRule ^(.+)\.php$ /$1 [R=301,L]
 # Internally rewrite /page to /page.php if page.php exists
 RewriteCond %{REQUEST_FILENAME}\.php -f
 RewriteRule ^(.+)$ $1.php [L]
 # === AUTH PAGES ===
 RewriteRule ^login$ src/pages/auth/login.php [L]
 RewriteRule ^register$ src/pages/auth/register.php [L]
 RewriteRule ^forgot_password$ src/pages/auth/forgot_password.php [L]
 RewriteRule ^reset_password$ src/pages/auth/reset_password.php [L]
 RewriteRule ^verify$ src/pages/auth/verify.php [L]
 RewriteRule ^resend_verification$ src/pages/auth/resend_verification.php [L]
 RewriteRule ^change_password$ src/pages/auth/change_password.php [L]
 RewriteRule ^update_password$ src/pages/auth/update_password.php [L]
 # === MEMBERSHIP PAGES ===
 RewriteRule ^membership$ src/pages/memberships/membership.php [L]
 RewriteRule ^membership_details$ src/pages/memberships/membership_details.php [L]
 RewriteRule ^membership_application$ src/pages/memberships/membership_application.php [L]
 RewriteRule ^membership_payment$ src/pages/memberships/membership_payment.php [L]
 RewriteRule ^renew_membership$ src/pages/memberships/renew_membership.php [L]
 RewriteRule ^member_info$ src/pages/memberships/member_info.php [L]
 # === BOOKING PAGES ===
 RewriteRule ^bookings$ src/pages/bookings/bookings.php [L]
 RewriteRule ^campsites$ src/pages/bookings/campsites.php [L]
 RewriteRule ^campsite_booking$ src/pages/bookings/campsite_booking.php [L]
 RewriteRule ^add_campsite$ src/pages/add_campsite.php [L]
 RewriteRule ^trips$ src/pages/bookings/trips.php [L]
 RewriteRule ^trip-details$ src/pages/bookings/trip-details.php [L]
 RewriteRule ^course_details$ src/pages/bookings/course_details.php [L]
 RewriteRule ^driver_training$ src/pages/bookings/driver_training.php [L]
 # === SHOP PAGES ===
 RewriteRule ^view_cart$ src/pages/shop/view_cart.php [L]
 RewriteRule ^add_to_cart$ src/pages/shop/add_to_cart.php [L]
 RewriteRule ^bar_tabs$ src/pages/shop/bar_tabs.php [L]
 RewriteRule ^payment_confirmation$ src/pages/shop/payment_confirmation.php [L]
 RewriteRule ^confirm$ src/pages/shop/confirm.php [L]
 RewriteRule ^confirm2$ src/pages/shop/confirm2.php [L]
 # === GALLERY PAGES ===
 RewriteRule ^gallery$ src/pages/gallery/gallery.php [L]
 RewriteRule ^create_album$ src/pages/gallery/create_album.php [L]
 RewriteRule ^edit_album$ src/pages/gallery/create_album.php [L]
 RewriteRule ^view_album$ src/pages/gallery/view_album.php [L]
 # === EVENTS & BLOG PAGES ===
 RewriteRule ^events$ src/pages/events/events.php [L]
 RewriteRule ^blog$ src/pages/blog/blog.php [L]
 RewriteRule ^blog_details$ src/pages/blog/blog_details.php [L]
 RewriteRule ^best_of_the_eastern_cape_2024$ src/pages/events/best_of_the_eastern_cape_2024.php [L]
 RewriteRule ^2025_agm_minutes$ src/pages/events/2025_agm_minutes.php [L]
 RewriteRule ^agm_content$ src/pages/events/agm_content.php [L]
 RewriteRule ^instapage$ src/pages/events/instapage.php [L]
 # === OTHER PAGES ===
 RewriteRule ^about$ src/pages/other/about.php [L]
 RewriteRule ^contact$ src/pages/other/contact.php [L]
 RewriteRule ^privacy_policy$ src/pages/other/privacy_policy.php [L]
 RewriteRule ^track-map$ src/pages/track-map.php [L]
 RewriteRule ^404$ src/pages/other/404.php [L]
 RewriteRule ^account_settings$ src/pages/other/account_settings.php [L]
 RewriteRule ^rescue_recovery$ src/pages/other/rescue_recovery.php [L]
 RewriteRule ^bush_mechanics$ src/pages/other/bush_mechanics.php [L]
 RewriteRule ^indemnity$ src/pages/other/indemnity.php [L]
 RewriteRule ^indemnity_waiver$ src/pages/other/indemnity_waiver.php [L]
 RewriteRule ^basic_indemnity$ src/pages/other/basic_indemnity.php [L]
 RewriteRule ^view_indemnity$ src/pages/other/view_indemnity.php [L]
 # === ADMIN PAGES ===
 RewriteRule ^admin_members$ src/admin/admin_members.php [L]
 RewriteRule ^admin_payments$ src/admin/admin_payments.php [L]
 RewriteRule ^admin_web_users$ src/admin/admin_web_users.php [L]
 RewriteRule ^admin_events$ src/admin/admin_events.php [L]
 RewriteRule ^admin_course_bookings$ src/admin/admin_course_bookings.php [L]
 RewriteRule ^admin_camp_bookings$ src/admin/admin_camp_bookings.php [L]
 RewriteRule ^admin_trip_bookings$ src/admin/admin_trip_bookings.php [L]
 RewriteRule ^admin_visitors$ src/admin/admin_visitors.php [L]
 RewriteRule ^admin_efts$ src/admin/admin_efts.php [L]
 RewriteRule ^admin_trips$ src/admin/admin_trips.php [L]
 RewriteRule ^manage_events$ src/admin/manage_events.php [L]
 RewriteRule ^manage_trips$ src/admin/manage_trips.php [L]
 # === API/AJAX ENDPOINTS ===
 RewriteRule ^fetch_users$ src/api/fetch_users.php [L]
 RewriteRule ^fetch_drinks$ src/api/fetch_drinks.php [L]
 RewriteRule ^fetch_bar_tabs$ src/api/fetch_bar_tabs.php [L]
 RewriteRule ^get_campsites$ src/api/get_campsites.php [L]
 RewriteRule ^get_tab_total$ src/api/get_tab_total.php [L]
 RewriteRule ^google_validate_login$ src/api/google_validate_login.php [L]
 # === PROCESSORS ===
 RewriteRule ^validate_login$ src/processors/validate_login.php [L]
 RewriteRule ^register_user$ src/processors/register_user.php [L]
 RewriteRule ^process_application$ src/processors/process_application.php [L]
 RewriteRule ^process_booking$ src/processors/process_booking.php [L]
 RewriteRule ^process_camp_booking$ src/processors/process_camp_booking.php [L]
 RewriteRule ^process_course_booking$ src/processors/process_course_booking.php [L]
 RewriteRule ^process_trip_booking$ src/processors/process_trip_booking.php [L]
 RewriteRule ^process_membership_payment$ src/processors/process_membership_payment.php [L]
 RewriteRule ^process_payments$ src/processors/process_payments.php [L]
 RewriteRule ^process_eft$ src/processors/process_eft.php [L]
 RewriteRule ^submit_order$ src/processors/submit_order.php [L]
 RewriteRule ^submit_pop$ src/processors/submit_pop.php [L]
 RewriteRule ^process_signature$ src/processors/process_signature.php [L]
 RewriteRule ^create_bar_tab$ src/processors/create_bar_tab.php [L]
 RewriteRule ^update_application$ src/processors/update_application.php [L]
 RewriteRule ^update_user$ src/processors/update_user.php [L]
 RewriteRule ^upload_profile_picture$ src/processors/upload_profile_picture.php [L]
 RewriteRule ^send_reset_link$ src/processors/send_reset_link.php [L]
 RewriteRule ^logout$ src/processors/logout.php [L]
 RewriteRule ^process_trip$ src/processors/process_trip.php [L]
 RewriteRule ^process_event$ src/processors/process_event.php [L]
 RewriteRule ^toggle_trip_published$ src/processors/toggle_trip_published.php [L]
 RewriteRule ^toggle_event_published$ src/processors/toggle_event_published.php [L]
 RewriteRule ^delete_trip$ src/processors/delete_trip.php [L]
 RewriteRule ^delete_event$ src/processors/delete_event.php [L]
 RewriteRule ^save_album$ src/processors/save_album.php [L]
 RewriteRule ^update_album$ src/processors/update_album.php [L]
 RewriteRule ^delete_album$ src/processors/delete_album.php [L]
 RewriteRule ^delete_photo$ src/processors/delete_photo.php [L]
 RewriteRule ^get_album_photos$ src/processors/get_album_photos.php [L]
 RewriteRule ^link_membership_user$ src/processors/link_membership_user.php [L]
 RewriteRule ^unlink_membership_user$ src/processors/unlink_membership_user.php [L]
 # Blog routes
 RewriteRule ^admin_blogs$ src/pages/blog/admin_blogs.php [L]
 RewriteRule ^user_blogs$ src/pages/blog/user_blogs.php [L]
 RewriteRule ^blog_read$ src/pages/blog/blog_read.php [L]
 RewriteRule ^blog_edit$ src/pages/blog/blog_edit.php [L]
 RewriteRule ^blog_create$ src/processors/blog/blog_create.php [L]
 RewriteRule ^blog_delete$ src/processors/blog/blog_delete.php [L]
 RewriteRule ^publish_blog$ src/processors/blog/publish_blog.php [L]
 RewriteRule ^blog_unpublish$ src/processors/blog/blog_unpublish.php [L]
 RewriteRule ^submit_blog$ src/processors/blog/submit_blog.php [L]
 RewriteRule ^upload_blog_image$ src/processors/blog/upload_blog_image.php [L]
 RewriteRule ^autosave$ src/processors/blog/autosave.php [L]
 </IfModule>
 php_flag display_errors On
 # php_value error_reporting -1
 RedirectMatch 403 ^/\.well-known
 Options -Indexes
 <FilesMatch "\.(env|sql|bak|zip|tar|gz|ini)$">
    Require all denied
 </FilesMatch>
 ErrorDocument 404 /404.php
 <RequireAll>
    Require all granted
    Require not ip 4.222.252.98
    Require not ip 4.222.252.97
 </RequireAll>
 <Files .env>
  Order allow,deny
  Deny from all
 </Files>
 # ALL CUSTOM ENTRIES SHOULD GO ABOVE THIS LINE
 # BEGIN IWORX header
 # This file was created by InterWorx-CP
 # You may modify this file, but any changes made between
 # BEGIN IWORX and END IWORX tags may be lost on future
 # updates.  Additionally, changes NOT made between these
 # tags will not be recognized in the SiteWorx interface.
 # END IWORX header
 # BEGIN IWORX accesscontrol
 # END IWORX accesscontrol
 # BEGIN IWORX errordocs
 # END IWORX errordocs
 # BEGIN IWORX mimetypes
 # END IWORX mimetypes
 # BEGIN IWORX handlers
 # END IWORX handlers
 # BEGIN IWORX charset
 # END IWORX charset
 # BEGIN IWORX redirects
 # END IWORX redirects
 # BEGIN IWORX phpvars
 # END IWORX phpvars
 # BEGIN IWORX dirindex
 # END IWORX dirindex
 # BEGIN IWORX hotlink
 # END IWORX hotlink
 # BEGIN IWORX passwordprotection
 # END IWORX passwordprotection
--- a/.user.ini
+++ b/.user.ini
@@ -1,4 +0,0 @@
 ; memory_limit = 512M
 upload_max_filesize = 64M
 post_max_size = 64M
 max_execution_time = 120
--- a/src/pages/events/2025_agm_minutes.php
+++ b/src/pages/events/2025_agm_minutes.php
@@ -1,258 +1,268 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+$page_id = 'agm_minutes';
-$rootPath = dirname(dirname(dirname(__DIR__)));
+?>
-include_once($rootPath . '/header.php');
+
-$page_id = 'agm_minutes';
+<style>
-?>
+    .image {
-
+        width: 400px;
-<style>
+        /* Set your desired width */
-    .image {
+        height: 350px;
-        width: 400px;
+        /* Set your desired height */
-        /* Set your desired width */
+        overflow: hidden;
-        height: 350px;
+        /* Hide any overflow */
-        /* Set your desired height */
+        display: block;
-        overflow: hidden;
+        /* Ensure proper block behavior */
-        /* Hide any overflow */
+    }
-        display: block;
+
-        /* Ensure proper block behavior */
+    .image img {
-    }
+        width: 100%;
-
+        /* Image scales to fill the container */
-    .image img {
+        height: 100%;
-        width: 100%;
+        /* Image scales to fill the container */
-        /* Image scales to fill the container */
+        object-fit: cover;
-        height: 100%;
+        /* Fills the container while maintaining aspect ratio */
-        /* Image scales to fill the container */
+        object-position: top;
-        object-fit: cover;
+        /* Aligns the top of the image with the top of the container */
-        /* Fills the container while maintaining aspect ratio */
+        display: block;
-        object-position: top;
+        /* Prevents inline whitespace issues */
-        /* Aligns the top of the image with the top of the container */
+    }
-        display: block;
+</style>
-        /* Prevents inline whitespace issues */
+<style>
-    }
+    body {
-</style>
+        /* font-family: Arial, sans-serif; */
-<style>
+        line-height: 1.6;
-    body {
+        /* max-width: 800px; */
-        /* font-family: Arial, sans-serif; */
+        margin: auto;
-        line-height: 1.6;
+        /* padding: 20px; */
-        /* max-width: 800px; */
+    }
-        margin: auto;
+
-        /* padding: 20px; */
+    h1,
-    }
+    h2 {
-
+        color: #2c3e50;
-    h1,
+    }
-    h2 {
+
-        color: #2c3e50;
+    h2 {
-    }
+        margin-top: 2em;
-
+    }
-    h2 {
+
-        margin-top: 2em;
+    .content {
-    }
+        margin-bottom: 2em;
-
+    }
-    .content {
+
-        margin-bottom: 2em;
+    .img-left,
-    }
+    .img-right {
-
+        max-width: 30%;
-    .img-left,
+        margin: 20px;
-    .img-right {
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        max-width: 30%;
+        border-radius: 10px;
-        margin: 20px;
+    }
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+
-        border-radius: 10px;
+    .img-left {
-    }
+        float: left;
-
+    }
-    .img-left {
+
-        float: left;
+    .img-right {
-    }
+        float: right;
-
+    }
-    .img-right {
+
-        float: right;
+    .clearfix {
-    }
+        clear: both;
-
+    }
-
+
-
+</style>
-</style>
+
-
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('assets/images/blog/2/agm.jpg');">
-<?php
+    <div class="banner-overlay"></div>
-    $pageTitle = '2025 AGM Minutes';
+    <div class="container">
-    $breadcrumbs = [['Home' => 'index.php']];
+        <div class="banner-inner text-white">
-    require_once($rootPath . '/components/banner.php');
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">2025 AGM Minutes & Chairman's Report</h2>
-?>
+            <nav aria-label="breadcrumb">
-
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-<!-- Blog Detaisl Area start -->
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-<section class="blog-detaisl-page py-100 rel z-1">
+                    <li class="breadcrumb-item active">2025 AGM Minutes & Chairman's Report</li>
-    <div class="container">
+                </ol>
-        <div class="row">
+            </nav>
-            <div class="col-lg-8">
+        </div>
-                <div class="blog-details-content" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+    </div>
-                    <a href="blog.html" class="category">Report</a>
+</section>
-                    <ul class="blog-meta mb-30">
+<!-- Page Banner End -->
-                        <li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#">John Runciman</a></li>
+
-                        <li><i class="far fa-calendar-alt"></i> <a href="#">5 April 2025</a></li>
+
-                        <li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
+<!-- Blog Detaisl Area start -->
-                    </ul>
+<section class="blog-detaisl-page py-100 rel z-1">
-                    <h2>2025 AGM Minutes & Chairman's Report</h2>
+    <div class="container">
-                    <?php include_once('agm_content.php');?>
+        <div class="row">
-
+            <div class="col-lg-8">
-                    
+                <div class="blog-details-content" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+                    <a href="blog.html" class="category">Report</a>
-
+                    <ul class="blog-meta mb-30">
-                <hr class="mb-45">
+                        <li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#">John Runciman</a></li>
-
+                        <li><i class="far fa-calendar-alt"></i> <a href="#">5 April 2025</a></li>
-                <div class="tag-share mb-50">
+                        <li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
-                    <div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                    </ul>
-                        <h6>Tags </h6>
+                    <h2>2025 AGM Minutes & Chairman's Report</h2>
-                        <div class="tag-coulds">
+                    <?php include_once('agm_content.php');?>
-                            <a href="blog">Reports</a>
+
-                            
+                    
-                        </div>
+                </div>
-                    </div>
+
-                    <!-- <div class="item" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                <hr class="mb-45">
-                        <h6>Share </h6>
+
-                        <div class="social-style-one">
+                <div class="tag-share mb-50">
-                            <a href="#"><i class="fab fa-facebook-f"></i></a>
+                    <div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-                            <a href="#"><i class="fab fa-twitter"></i></a>
+                        <h6>Tags </h6>
-                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
+                        <div class="tag-coulds">
-                            <a href="#"><i class="fab fa-instagram"></i></a>
+                            <a href="blog.php">Reports</a>
-                        </div>
+                            
-                    </div> -->
+                        </div>
-                </div>
+                    </div>
-
+                    <!-- <div class="item" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-                <!-- <div class="admin-comment bgc-lighter" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <h6>Share </h6>
-                    <div class="comment-body">
+                        <div class="social-style-one">
-                        <div class="author-thumb">
+                            <a href="#"><i class="fab fa-facebook-f"></i></a>
-                            <img src="assets/images/blog/admin-comment.jpg" alt="Author">
+                            <a href="#"><i class="fab fa-twitter"></i></a>
-                        </div>
+                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                        <div class="content">
+                            <a href="#"><i class="fab fa-instagram"></i></a>
-                            <h4>Richard M. Fudge</h4>
+                        </div>
-                            <p>The world is a book, and those who do not travel read only one page. Every journey we undertake is a chapter filled with lessons, experiences, and stories.</p>
+                    </div> -->
-                            <div class="social-icons">
+                </div>
-                                <a href="contact.html"><i class="fab fa-facebook-f"></i></a>
+
-                                <a href="contact.html"><i class="fab fa-twitter"></i></a>
+                <!-- <div class="admin-comment bgc-lighter" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                <a href="contact.html"><i class="fab fa-linkedin-in"></i></a>
+                    <div class="comment-body">
-                                <a href="contact.html"><i class="fab fa-instagram"></i></a>
+                        <div class="author-thumb">
-                            </div>
+                            <img src="assets/images/blog/admin-comment.jpg" alt="Author">
-                        </div>
+                        </div>
-                    </div>
+                        <div class="content">
-                </div> -->
+                            <h4>Richard M. Fudge</h4>
-
+                            <p>The world is a book, and those who do not travel read only one page. Every journey we undertake is a chapter filled with lessons, experiences, and stories.</p>
-                <!-- <form id="comment-form" class="comment-form bgc-lighter z-1 rel mt-25" name="review-form" action="#" method="post" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <div class="social-icons">
-                    <h5>Leave A Comment</h5>
+                                <a href="contact.html"><i class="fab fa-facebook-f"></i></a>
-                    <p>Your email address will not be published. Required fields are marked *</p>
+                                <a href="contact.html"><i class="fab fa-twitter"></i></a>
-                    <div class="row gap-20 mt-30">
+                                <a href="contact.html"><i class="fab fa-linkedin-in"></i></a>
-                        <div class="col-md-6">
+                                <a href="contact.html"><i class="fab fa-instagram"></i></a>
-                            <div class="form-group">
+                            </div>
-                                <input type="text" id="full-name" name="full-name" class="form-control" placeholder="Name" value="" required="">
+                        </div>
-                            </div>
+                    </div>
-                        </div>
+                </div> -->
-                        <div class="col-md-6">
+
-                            <div class="form-group">
+                <!-- <form id="comment-form" class="comment-form bgc-lighter z-1 rel mt-25" name="review-form" action="#" method="post" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                <input type="email" id="email-address" name="email" class="form-control" placeholder="Email" value="" required="">
+                    <h5>Leave A Comment</h5>
-                            </div>
+                    <p>Your email address will not be published. Required fields are marked *</p>
-                        </div>
+                    <div class="row gap-20 mt-30">
-                        <div class="col-md-12">
+                        <div class="col-md-6">
-                            <div class="form-group">
+                            <div class="form-group">
-                                <textarea name="message" id="message" class="form-control" rows="5" placeholder="Message" required=""></textarea>
+                                <input type="text" id="full-name" name="full-name" class="form-control" placeholder="Name" value="" required="">
-                            </div>
+                            </div>
-                        </div>
+                        </div>
-                        <div class="col-md-12">
+                        <div class="col-md-6">
-                            <div class="form-group mb-0">
+                            <div class="form-group">
-                                <ul class="radio-filter mb-25">
+                                <input type="email" id="email-address" name="email" class="form-control" placeholder="Email" value="" required="">
-                                    <li>
+                            </div>
-                                        <input class="form-check-input" type="radio" name="terms-condition" id="terms-condition">
+                        </div>
-                                        <label for="terms-condition">Save my name, email, and website in this browser for the next time I comment.</label>
+                        <div class="col-md-12">
-                                    </li>
+                            <div class="form-group">
-                                </ul>
+                                <textarea name="message" id="message" class="form-control" rows="5" placeholder="Message" required=""></textarea>
-                                <button type="submit" class="theme-btn style-two">
+                            </div>
-                                    <span data-hover="Send Comments">Send Comments</span>
+                        </div>
-                                    <i class="fal fa-arrow-right"></i>
+                        <div class="col-md-12">
-                                </button>
+                            <div class="form-group mb-0">
-                            </div>
+                                <ul class="radio-filter mb-25">
-                        </div>
+                                    <li>
-                    </div>
+                                        <input class="form-check-input" type="radio" name="terms-condition" id="terms-condition">
-                </form> -->
+                                        <label for="terms-condition">Save my name, email, and website in this browser for the next time I comment.</label>
-                <?php include_once('comment_box.php'); ?>
+                                    </li>
-            </div>
+                                </ul>
-            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
+                                <button type="submit" class="theme-btn style-two">
-                <div class="blog-sidebar">
+                                    <span data-hover="Send Comments">Send Comments</span>
-
+                                    <i class="fal fa-arrow-right"></i>
-                    <!-- <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                </button>
-                                <form action="#" class="default-search-form">
+                            </div>
-                                    <input type="text" placeholder="Search" required="">
+                        </div>
-                                    <button type="submit" class="searchbutton far fa-search"></button>
+                    </div>
-                                </form>
+                </form> -->
-                            </div> -->
+                <?php include_once('comment_box.php'); ?>
-
+            </div>
-                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
-                                <h5 class="widget-title">Category</h5>
+                <div class="blog-sidebar">
-                                <ul class="list-style-three">
+
-                                    <li><a href="blog.html">Adventure</a></li>
+                    <!-- <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                    <li><a href="blog.html">Hiking & Trekking</a></li>
+                                <form action="#" class="default-search-form">
-                                    <li><a href="blog.html">Cycling Tours</a></li>
+                                    <input type="text" placeholder="Search" required="">
-                                    <li><a href="blog.html">Family Tours</a></li>
+                                    <button type="submit" class="searchbutton far fa-search"></button>
-                                    <li><a href="blog.html">Mountain Hiking</a></li>
+                                </form>
-                                    <li><a href="blog.html">Rafting Excursion</a></li>
+                            </div> -->
-                                    <li><a href="blog.html">Coastal Paragliding</a></li>
+
-                                </ul>
+                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                            </div> -->
+                                <h5 class="widget-title">Category</h5>
-
+                                <ul class="list-style-three">
-                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                    <li><a href="blog.html">Adventure</a></li>
-                                <h5 class="widget-title">Recent News</h5>
+                                    <li><a href="blog.html">Hiking & Trekking</a></li>
-                                <ul>
+                                    <li><a href="blog.html">Cycling Tours</a></li>
-                                    <li>
+                                    <li><a href="blog.html">Family Tours</a></li>
-                                        <div class="image">
+                                    <li><a href="blog.html">Mountain Hiking</a></li>
-                                            <img src="assets/images/widgets/news1.jpg" alt="News">
+                                    <li><a href="blog.html">Rafting Excursion</a></li>
-                                        </div>
+                                    <li><a href="blog.html">Coastal Paragliding</a></li>
-                                        <div class="content">
+                                </ul>
-                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
+                            </div> -->
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+
-                                        </div>
+                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                    </li>
+                                <h5 class="widget-title">Recent News</h5>
-                                    <li>
+                                <ul>
-                                        <div class="image">
+                                    <li>
-                                            <img src="assets/images/widgets/news2.jpg" alt="News">
+                                        <div class="image">
-                                        </div>
+                                            <img src="assets/images/widgets/news1.jpg" alt="News">
-                                        <div class="content">
+                                        </div>
-                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
+                                        <div class="content">
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
-                                        </div>
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                                    </li>
+                                        </div>
-                                    <li>
+                                    </li>
-                                        <div class="image">
+                                    <li>
-                                            <img src="assets/images/widgets/news3.jpg" alt="News">
+                                        <div class="image">
-                                        </div>
+                                            <img src="assets/images/widgets/news2.jpg" alt="News">
-                                        <div class="content">
+                                        </div>
-                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
+                                        <div class="content">
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
-                                        </div>
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                                    </li>
+                                        </div>
-                                </ul>
+                                    </li>
-                            </div> -->
+                                    <li>
-
+                                        <div class="image">
-                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                            <img src="assets/images/widgets/news3.jpg" alt="News">
-                        <h5 class="widget-title">Gallery</h5>
+                                        </div>
-                        <div class="gallery">
+                                        <div class="content">
-                            <?php
+                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
-                            $folder = 'assets/images/blog/2/';
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+                                        </div>
-                            shuffle($files); // Randomize the order
+                                    </li>
-
+                                </ul>
-                            foreach ($files as $file) {
+                            </div> -->
-                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
+
-                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
+                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                echo '</a>';
+                        <h5 class="widget-title">Gallery</h5>
-                            }
+                        <div class="gallery">
-                            ?>
+                            <?php
-                        </div>
+                            $folder = 'assets/images/blog/2/';
-                    </div>
+                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-
+                            shuffle($files); // Randomize the order
-
+
-
+                            foreach ($files as $file) {
-                </div>
+                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
-            </div>
+                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
-        </div>
+                                echo '</a>';
-    </div>
+                            }
-</section>
+                            ?>
-<!-- Blog Detaisl Area end -->
+                        </div>
-
+                    </div>
-
+
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
+
                </div>
            </div>
        </div>
    </div>
 </section>
 <!-- Blog Detaisl Area end -->
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/other/404.php
+++ b/src/pages/other/404.php
@@ -1,46 +1,44 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+?>
-include_once(dirname(dirname(dirname(__DIR__))) . '/header.php');
+
-?>
+
-
+<!-- 404 Error Area start -->
-
+<section class="error-area pt-70 pb-100 rel z-1">
-<!-- 404 Error Area start -->
+    <div class="container">
-<section class="error-area pt-70 pb-100 rel z-1">
+        <div class="row align-items-center justify-content-between">
-    <div class="container">
+            <div class="col-xl-5 col-lg-6">
-        <div class="row align-items-center justify-content-between">
+                <div class="error-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-xl-5 col-lg-6">
+                    <h1>OOPS! </h1>
-                <div class="error-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                    <div class="section-title mt-15 mb-25">
-                    <h1>OOPS! </h1>
+                        <h2>This Page Can’t be Found</h2>
-                    <div class="section-title mt-15 mb-25">
+                    </div>
-                        <h2>This Page Can’t be Found</h2>
+                    <!-- <p>Best features to include on business landing page are those that quickly convey your value proposition, build trust, and encourage action. Here are six essential features</p> -->
-                    </div>
+                    <!-- <form class="newsletter-form mt-40 mb-50" action="#">
-                    <!-- <p>Best features to include on business landing page are those that quickly convey your value proposition, build trust, and encourage action. Here are six essential features</p> -->
+                                <input id="news-email" type="text" placeholder="Search keyword" required>
-                    <!-- <form class="newsletter-form mt-40 mb-50" action="#">
+                                <button type="submit" class="theme-btn bgc-secondary style-two">
-                                <input id="news-email" type="text" placeholder="Search keyword" required>
+                                    <span data-hover="Search">Search</span>
-                                <button type="submit" class="theme-btn bgc-secondary style-two">
+                                    <i class="fal fa-arrow-right"></i>
-                                    <span data-hover="Search">Search</span>
+                                </button>
-                                    <i class="fal fa-arrow-right"></i>
+                            </form>
-                                </button>
+                            <div class="keywords">
-                            </form>
+                                <a href="blog.html">Travel</a>
-                            <div class="keywords">
+                                <a href="blog.html">Luxury Hotel</a>
-                                <a href="blog.html">Travel</a>
+                                <a href="blog.html">Indonesia</a>
-                                <a href="blog.html">Luxury Hotel</a>
+                                <a href="blog.html">Sea Beach</a>
-                                <a href="blog.html">Indonesia</a>
+                                <a href="blog.html">Camping</a>
-                                <a href="blog.html">Sea Beach</a>
+                                <a href="blog.html">Hiking</a>
-                                <a href="blog.html">Camping</a>
+                                <a href="blog.html">Fishing</a>
-                                <a href="blog.html">Hiking</a>
+                            </div> -->
-                                <a href="blog.html">Fishing</a>
+                </div>
-                            </div> -->
+            </div>
-                </div>
+            <div class="col-xl-5 col-lg-6">
-            </div>
+                <div class="error-images" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-xl-5 col-lg-6">
+                    <img src="assets/images/404/lost.jpg" alt="404 Error">
-                <div class="error-images" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                </div>
-                    <img src="assets/images/404/lost.jpg" alt="404 Error">
+            </div>
-                </div>
+        </div>
-            </div>
+    </div>
-        </div>
+</section>
-    </div>
+<!-- 404 Error Area end -->
-</section>
+
-<!-- 404 Error Area end -->
+<?php include_once("insta_footer.php"); ?>
 <?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
--- a/src/pages/other/about.php
+++ b/src/pages/other/about.php
@@ -1,284 +1,292 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+?>
-// Determine the correct path to header.php based on file location
+
-$rootPath = dirname(dirname(dirname(__DIR__)));
+<style>
-include_once($rootPath . '/header.php');
+    .gallery-slider-active {
-?>
+        display: flex;
-
+        flex-wrap: wrap;
-<style>
+        gap: 16px;
-    .gallery-slider-active {
+        /* spacing between images */
-        display: flex;
+        justify-content: center;
-        flex-wrap: wrap;
+    }
-        gap: 16px;
+
-        /* spacing between images */
+    .gallery-three-item {
-        justify-content: center;
+        width: 520px;
-    }
+        height: 300px;
-
+        overflow: hidden;
-    .gallery-three-item {
+        border-radius: 8px;
-        width: 520px;
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-        height: 300px;
+        background: #f9f9f9;
-        overflow: hidden;
+        display: flex;
-        border-radius: 8px;
+        flex-direction: column;
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+        justify-content: space-between;
-        background: #f9f9f9;
+    }
-        display: flex;
+
-        flex-direction: column;
+    .gallery-three-item .image {
-        justify-content: space-between;
+        flex-grow: 1;
-    }
+        width: 100%;
-
+        height: 100%;
-    .gallery-three-item .image {
+    }
-        flex-grow: 1;
+
-        width: 100%;
+    .gallery-three-item img {
-        height: 100%;
+        width: 100%;
-    }
+        height: 100%;
-
+        object-fit: cover;
-    .gallery-three-item img {
+        /* ensures aspect ratio while filling container */
-        width: 100%;
+        display: block;
-        height: 100%;
+    }
-        object-fit: cover;
+   
-        /* ensures aspect ratio while filling container */
+</style>
-        display: block;
+<!-- Page Banner Start -->
-    }
+<?php
-   
+$bannerFolder = 'assets/images/banners/';
-</style>
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$pageTitle = 'About';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$breadcrumbs = [['Home' => 'index.php']];
+if (!empty($bannerImages)) {
-require_once($rootPath . '/components/banner.php');
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-?>
+}
-<!-- Benefit Area start -->
+?>
-<section class="benefit-area mt-100 rel z-1">
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-    <div class="container">
+    <!-- Overlay PNG -->
-        <div class="row align-items-center justify-content-between">
+    <div class="banner-overlay"></div>
-            <div class="col-xl-5 col-lg-6">
+    <div class="container">
-                <div class="mobile-app-content rmb-55" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+        <div class="banner-inner text-white mb-50">
-                    <div class="section-title counter-text-wrap mb-40">
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">About</h2>
-                        <h2>Welcome to the Four Wheel Drive Club of Southern Africa!</h2>
+            <nav aria-label="breadcrumb">
-                    </div>
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                    <p style="max-width: 600px; margin: 0 auto;">
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-                        We're a family-friendly outdoor adventure club passionate about exploring the great outdoors through off-road driving, camping, overlanding, cross-border trips, day trips, and unforgettable events. Whether you're new to 4x4 adventures or a seasoned explorer, our community is all about camaraderie, responsible adventure, and creating lasting memories—on and off the road.
+                    <li class="breadcrumb-item active">About</li>
-                    </p>
+                </ol>
-                    <ul class="list-style-two mt-35 mb-30">
+            </nav>
-                        <li>Overlanding</li>
+        </div>
-                        <li>Camping</li>
+    </div>
-                        <li>Day Trips</li>
+</section>
-                        <li>4x4 Driver Training</li>
+<!-- Benefit Area start -->
-                        <li>Family Events</li>
+<section class="benefit-area mt-100 rel z-1">
-                        <li>Monthly Open Days</li>
+    <div class="container">
-                        <li>Guest Speakers</li>
+        <div class="row align-items-center justify-content-between">
-                        <li>4x4 Driving Track</li>
+            <div class="col-xl-5 col-lg-6">
-                    </ul>
+                <div class="mobile-app-content rmb-55" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                    <!-- <a href="about.html" class="theme-btn style-two">
+                    <div class="section-title counter-text-wrap mb-40">
-                        <span data-hover="Explore Guides">Explore Guides</span>
+                        <h2>Welcome to the Four Wheel Drive Club of Southern Africa!</h2>
-                        <i class="fal fa-arrow-right"></i>
+                    </div>
-                    </a> -->
+                    <p style="max-width: 600px; margin: 0 auto;">
-                </div>
+                        We're a family-friendly outdoor adventure club passionate about exploring the great outdoors through off-road driving, camping, overlanding, cross-border trips, day trips, and unforgettable events. Whether you're new to 4x4 adventures or a seasoned explorer, our community is all about camaraderie, responsible adventure, and creating lasting memories—on and off the road.
-            </div>
+                    </p>
-            <div class="col-lg-6">
+                    <ul class="list-style-two mt-35 mb-30">
-                <div class="benefit-image-part style-two">
+                        <li>Overlanding</li>
-                    <div class="image-one" data-aos="fade-down" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
+                        <li>Camping</li>
-                        <img src="assets/images/benefit/benefit1.png" alt="Benefit">
+                        <li>Day Trips</li>
-                    </div>
+                        <li>4x4 Driver Training</li>
-                    <div class="image-two" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
+                        <li>Family Events</li>
-                        <img src="assets/images/benefit/benefit2.png" alt="Benefit">
+                        <li>Monthly Open Days</li>
-                    </div>
+                        <li>Guest Speakers</li>
-                </div>
+                        <li>4x4 Driving Track</li>
-            </div>
+                    </ul>
-        </div>
+                    <!-- <a href="about.html" class="theme-btn style-two">
-    </div>
+                        <span data-hover="Explore Guides">Explore Guides</span>
-</section>
+                        <i class="fal fa-arrow-right"></i>
-<!-- Benefit Area end -->
+                    </a> -->
-
+                </div>
-<!-- Hotel Area start -->
+            </div>
-<section class="hotel-area bgc-black py-100 rel z-1">
+            <div class="col-lg-6">
-    <div class="container-fluid">
+                <div class="benefit-image-part style-two">
-        <div class="row justify-content-center">
+                    <div class="image-one" data-aos="fade-down" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-lg-12">
+                        <img src="assets/images/benefit/benefit1.png" alt="Benefit">
-                <div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up"
+                    </div>
-                    data-aos-duration="1500" data-aos-offset="50">
+                    <div class="image-two" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
-                    <h2>BASE4 Open Days</h2>
+                        <img src="assets/images/benefit/benefit2.png" alt="Benefit">
-                    <p style="max-width: 60%; margin: auto;">Whether you're a member or just curious, everyone's welcome at our monthly open events. Come camp with us, enjoy guest speakers, take your rig for a spin on the 4x4 track, or just relax by the swimming pool. Saturday’s Open Day includes breakfast and lunch for sale, plus braai fires ready to go—just bring your tongs! It’s the perfect way to experience the spirit of the club and connect with fellow adventurers. </p>
+                    </div>
-                </div>
+                </div>
-            </div>
+            </div>
-        </div>
+        </div>
-        <div class="gallery-slider-active">
+    </div>
-            <?php
+</section>
-            $folder = $rootPath . '/assets/images/opendays/';
+<!-- Benefit Area end -->
-            $images = glob($folder . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
+
-            // Convert absolute paths to web-relative paths
+<!-- Hotel Area start -->
-            $images = array_map(function($path) use ($rootPath) {
+<section class="hotel-area bgc-black py-100 rel z-1">
-                return str_replace($rootPath, '', $path);
+    <div class="container-fluid">
-            }, $images);
+        <div class="row justify-content-center">
-
+            <div class="col-lg-12">
-            // Shuffle and pick first 5
+                <div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up"
-            shuffle($images);
+                    data-aos-duration="1500" data-aos-offset="50">
-            $selected = array_slice($images, 0, 10);
+                    <h2>BASE4 Open Days</h2>
-
+                    <p style="max-width: 60%; margin: auto;">Whether you're a member or just curious, everyone's welcome at our monthly open events. Come camp with us, enjoy guest speakers, take your rig for a spin on the 4x4 track, or just relax by the swimming pool. Saturday’s Open Day includes breakfast and lunch for sale, plus braai fires ready to go—just bring your tongs! It’s the perfect way to experience the spirit of the club and connect with fellow adventurers. </p>
-            foreach ($selected as $image) {
+                </div>
-                echo '<div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+            </div>
-            <div class="image">
+        </div>
-                <img src="' . $image . '" alt="Gallery">
+        <div class="gallery-slider-active">
-            </div>
+            <?php
-
+            $folder = 'assets/images/opendays/';
-          </div>';
+            $images = glob($folder . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
-            }
+
-            ?>
+            // Shuffle and pick first 5
-        </div>
+            shuffle($images);
-    </div>
+            $selected = array_slice($images, 0, 10);
-    <!-- <div class="hotel-more-btn text-center mt-40">
+
-        <a href="destination2.html" class="theme-btn style-four">
+            foreach ($selected as $image) {
-            <span data-hover="Explore More Hotel">Explore More Hotel</span>
+                echo '<div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-            <i class="fal fa-arrow-right"></i>
+            <div class="image">
-        </a>
+                <img src="' . $image . '" alt="Gallery">
-    </div> -->
+            </div>
-    </div>
+
-</section>
+          </div>';
-<!-- Hotel Area end -->
+            }
-
+            ?>
-
+        </div>
-<!-- Features Area start -->
+    </div>
-<section class="features-area pt-100 pb-45 rel z-1">
+    <!-- <div class="hotel-more-btn text-center mt-40">
-    <div class="container">
+        <a href="destination2.html" class="theme-btn style-four">
-        <div class="row align-items-center">
+            <span data-hover="Explore More Hotel">Explore More Hotel</span>
-            <div class="col-xl-6">
+            <i class="fal fa-arrow-right"></i>
-                <div class="features-content-part mb-55" data-aos="fade-left" data-aos-duration="1500"
+        </a>
-                    data-aos-offset="50">
+    </div> -->
-                    <div class="section-title mb-20">
+    </div>
-                        <h2>Want to get involved?<b>JOIN THE COMMITTEE!</b></h2>
+</section>
-                        <p>Want to be more involved in the adventure? Join our committee and help shape the future of the club! Whether it’s planning epic trips, organizing fun events, or assisting with training, your energy and ideas make all the difference. The club runs on the passion of its members—get stuck in, meet awesome people, and be part of what makes it all happen!</p>
+<!-- Hotel Area end -->
-                        <div class="image">
+
-                            <img style="border-radius:10px;" src="assets/images/memories/40.jpg" alt="Hotel">
+
-                        </div>
+<!-- Features Area start -->
-                    </div>
+<section class="features-area pt-100 pb-45 rel z-1">
-                </div>
+    <div class="container">
-            </div>
+        <div class="row align-items-center">
-            <div class="col-xl-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+            <div class="col-xl-6">
-                <div class="row pb-25">
+                <div class="features-content-part mb-55" data-aos="fade-left" data-aos-duration="1500"
-                    <div class="section-title text-center counter-text-wrap mb-70" data-aos="fade-up"
+                    data-aos-offset="50">
-                        data-aos-duration="1500" data-aos-offset="50">
+                    <div class="section-title mb-20">
-                        <h2>4WDCSA Committee and Other Office Bearers</h2>
+                        <h2>Want to get involved?<b>JOIN THE COMMITTEE!</b></h2>
-                        <div>
+                        <p>Want to be more involved in the adventure? Join our committee and help shape the future of the club! Whether it’s planning epic trips, organizing fun events, or assisting with training, your energy and ideas make all the difference. The club runs on the passion of its members—get stuck in, meet awesome people, and be part of what makes it all happen!</p>
-                            <h3>Committee</h3>
+                        <div class="image">
-                            <li>Chairman - John Runciman</li>
+                            <img style="border-radius:10px;" src="assets/images/memories/40.jpg" alt="Hotel">
-                            <li>National Liaison - Peter Hutchison</li>
+                        </div>
-                            <li>Treasurer - Doug Timm</li>
+                    </div>
-                            <li>Outings - John Runciman</li>
+                </div>
-                            <li>Events - Noelene Runciman</li>
+            </div>
-                            <li>Driver Training - John Runciman</li>
+            <div class="col-xl-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-                            <li>Digital Media - Christopher Pinto</li>
+                <div class="row pb-25">
-
+                    <div class="section-title text-center counter-text-wrap mb-70" data-aos="fade-up"
-                        </div>
+                        data-aos-duration="1500" data-aos-offset="50">
-                        <div class="pt-30 pb-20">
+                        <h2>4WDCSA Committee and Other Office Bearers</h2>
-                            <h3>Administration</h3>
+                        <div>
-                            <li>Secretary - Jacqui Boshoff</li>
+                            <h3>Committee</h3>
-
+                            <li>Chairman - John Runciman</li>
-                        </div>
+                            <li>National Liaison - Peter Hutchison</li>
-                        <p style="font-size:0.8rem;">
+                            <li>Treasurer - Doug Timm</li>
-                            All portfolio holders/committee members of the 4WDCSA are volunteers and are not paid for their services.<br>The secretary is paid for administrative duties only.</p>
+                            <li>Outings - John Runciman</li>
-                    </div>
+                            <li>Events - Noelene Runciman</li>
-                </div>
+                            <li>Driver Training - John Runciman</li>
-            </div>
+                            <li>Digital Media - Christopher Pinto</li>
-
+
-        </div>
+                        </div>
-    </div>
+                        <div class="pt-30 pb-20">
-</section>
+                            <h3>Administration</h3>
-<!-- Features Area end -->
+                            <li>Secretary - Jacqui Boshoff</li>
-
+
-
+                        </div>
-<!-- Hotel Area start -->
+                        <p style="font-size:0.8rem;">
-<section class="hotel-area bgc-black py-100 rel z-1">
+                            All portfolio holders/committee members of the 4WDCSA are volunteers and are not paid for their services.<br>The secretary is paid for administrative duties only.</p>
-    <div class="container-fluid">
+                    </div>
-        <div class="row justify-content-center">
+                </div>
-            <div class="col-lg-12">
+            </div>
-                <div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up"
+
-                    data-aos-duration="1500" data-aos-offset="50">
+        </div>
-                    <h2>4x4 Memories</h2>
+    </div>
-
+</section>
-                </div>
+<!-- Features Area end -->
-            </div>
+
-        </div>
+
-        <div class="gallery-slider-active"><?php
+<!-- Hotel Area start -->
-                                            $folder = $rootPath . '/assets/images/memories/';
+<section class="hotel-area bgc-black py-100 rel z-1">
-                                            $images = glob($folder . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
+    <div class="container-fluid">
-                                            // Convert absolute paths to web-relative paths
+        <div class="row justify-content-center">
-                                            $images = array_map(function($path) use ($rootPath) {
+            <div class="col-lg-12">
-                                                return str_replace($rootPath, '', $path);
+                <div class="section-title text-white text-center counter-text-wrap mb-70" data-aos="fade-up"
-                                            }, $images);
+                    data-aos-duration="1500" data-aos-offset="50">
-
+                    <h2>4x4 Memories</h2>
-                                            // Shuffle and pick first 5
+
-                                            shuffle($images);
+                </div>
-                                            $selected = array_slice($images, 0, 20);
+            </div>
-
+        </div>
-                                            foreach ($selected as $image) {
+        <div class="gallery-slider-active"><?php
-                                                echo '<div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                            $folder = 'assets/images/memories/';
-            <div class="image">
+                                            $images = glob($folder . '*.{jpg,jpeg,png,gif}', GLOB_BRACE);
-                <img src="' . $image . '" alt="Gallery">
+
-            </div>
+                                            // Shuffle and pick first 5
-
+                                            shuffle($images);
-          </div>';
+                                            $selected = array_slice($images, 0, 20);
-                                            }
+
-                                            ?>
+                                            foreach ($selected as $image) {
-        </div>
+                                                echo '<div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-    </div>
+            <div class="image">
-    <!-- <div class="hotel-more-btn text-center mt-40">
+                <img src="' . $image . '" alt="Gallery">
-        <a href="destination2.html" class="theme-btn style-four">
+            </div>
-            <span data-hover="Explore More Hotel">Explore More Hotel</span>
+
-            <i class="fal fa-arrow-right"></i>
+          </div>';
-        </a>
+                                            }
-    </div> -->
+                                            ?>
-    </div>
+        </div>
-</section>
+    </div>
-<!-- Hotel Area end -->
+    <!-- <div class="hotel-more-btn text-center mt-40">
-
+        <a href="destination2.html" class="theme-btn style-four">
-<!-- CTA Area start -->
+            <span data-hover="Explore More Hotel">Explore More Hotel</span>
-<section class="cta-area pt-100 rel z-1">
+            <i class="fal fa-arrow-right"></i>
-    <div class="container-fluid">
+        </a>
-        <div class="row">
+    </div> -->
-            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-duration="1500" data-aos-offset="50">
+    </div>
-                <div class="cta-item" style="background-image: url(assets/images/trips/1_01.jpg);">
+</section>
-                    <span class="category">Extended Trips</span>
+<!-- Hotel Area end -->
-                    <h2>Come and Explore Africa and beyond</h2>
+
-                    <a href="<?= url('trips') ?>" class="theme-btn style-two bgc-secondary">
+<!-- CTA Area start -->
-                        <span data-hover="Explore Tours">Explore Trips</span>
+<section class="cta-area pt-100 rel z-1">
-                        <i class="fal fa-arrow-right"></i>
+    <div class="container-fluid">
-                    </a>
+        <div class="row">
-                </div>
+            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-duration="1500" data-aos-offset="50">
-            </div>
+                <div class="cta-item" style="background-image: url(assets/images/trips/1_01.jpg);">
-            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
+                    <span class="category">Extended Trips</span>
-                <div class="cta-item" style="background-image: url(assets/images/courses/driver_training.png);">
+                    <h2>Come and Explore Africa and beyond</h2>
-                    <span class="category">Driver Training</span>
+                    <a href="trips.php" class="theme-btn style-two bgc-secondary">
-                    <h2>Level up your 4x4 Driving Skills</h2>
+                        <span data-hover="Explore Tours">Explore Trips</span>
-                    <a href="<?= url('driver_training') ?>" class="theme-btn style-two">
+                        <i class="fal fa-arrow-right"></i>
-                        <span data-hover="Explore Tours">Explore Training</span>
+                    </a>
-                        <i class="fal fa-arrow-right"></i>
+                </div>
-                    </a>
+            </div>
-                </div>
+            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
-            </div>
+                <div class="cta-item" style="background-image: url(assets/images/courses/driver_training.png);">
-            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
+                    <span class="category">Driver Training</span>
-                <div class="cta-item" style="background-image: url(assets/images/base4/camping.jpg);">
+                    <h2>Level up your 4x4 Driving Skills</h2>
-                    <span class="category">Events</span>
+                    <a href="driver_training.php" class="theme-btn style-two">
-                    <h2>See whats cooking at BASE4!</h2>
+                        <span data-hover="Explore Tours">Explore Training</span>
-                    <a href="<?= url('events') ?>" class="theme-btn style-two bgc-secondary">
+                        <i class="fal fa-arrow-right"></i>
-                        <span data-hover="Explore Tours">Explore Events</span>
+                    </a>
-                        <i class="fal fa-arrow-right"></i>
+                </div>
-                    </a>
+            </div>
-                </div>
+            <div class="col-xl-4 col-md-6" data-aos="zoom-in-down" data-aos-delay="100" data-aos-duration="1500" data-aos-offset="50">
-            </div>
+                <div class="cta-item" style="background-image: url(assets/images/base4/camping.jpg);">
-        </div>
+                    <span class="category">Events</span>
-    </div>
+                    <h2>See whats cooking at BASE4!</h2>
-</section>
+                    <a href="events.php" class="theme-btn style-two bgc-secondary">
-<!-- CTA Area end -->
+                        <span data-hover="Explore Tours">Explore Events</span>
-
+                        <i class="fal fa-arrow-right"></i>
-
+                    </a>
-<!-- Blog Area start -->
+                </div>
-<section class="blog-area pt-70 rel z-1">
+            </div>
-    <div class="container">
+        </div>
-        <div class="row justify-content-center">
+    </div>
-
+</section>
-        </div>
+<!-- CTA Area end -->
-    </div>
+
-</section>
+
-<!-- Blog Area end -->
+<!-- Blog Area start -->
-
+<section class="blog-area pt-70 rel z-1">
-
+    <div class="container">
-<?php include_once($rootPath . '/components/insta_footer.php'); ?>
+        <div class="row justify-content-center">
        </div>
    </div>
 </section>
 <!-- Blog Area end -->
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/other/account_settings.php
+++ b/src/pages/other/account_settings.php
@@ -1,247 +1,246 @@
-<?php
+<?php
-$headerStyle = 'light';
+include_once('header02.php');
-include_once(dirname(dirname(dirname(__DIR__))) . '/header.php');
+
-
+// Assuming you have the user ID stored in the session
-// Assuming you have the user ID stored in the session
+$user_id = $_SESSION['user_id'];
-$user_id = $_SESSION['user_id'];
+
-
+// Fetch user data from the database
-// Fetch user data from the database
+
-
+$sql = "SELECT * FROM users WHERE user_id = ?";
-$sql = "SELECT * FROM users WHERE user_id = ?";
+$stmt = $conn->prepare($sql);
-$stmt = $conn->prepare($sql);
+$stmt->bind_param("i", $user_id);
-$stmt->bind_param("i", $user_id);
+$stmt->execute();
-$stmt->execute();
+$result = $stmt->get_result();
-$result = $stmt->get_result();
+$user = $result->fetch_assoc();
-$user = $result->fetch_assoc();
+?>
-?>
+
-
+<style>
-<style>
+    .profile-picture:hover .edit-icon {
-    .profile-picture:hover .edit-icon {
+        display: block;
-        display: block;
+    }
-    }
+
-
+    .profile-picture {
-    .profile-picture {
+        position: relative;
-        position: relative;
+        width: 150px;
-        width: 150px;
+        height: 150px;
-        height: 150px;
+        margin: 0 auto;
-        margin: 0 auto;
+    }
-    }
+
-
+    .profile-pic-display {
-    .profile-pic-display {
+        width: 100%;
-        width: 100%;
+        height: 100%;
-        height: 100%;
+        border-radius: 50%;
-        border-radius: 50%;
+        object-fit: cover;
-        object-fit: cover;
+    }
-    }
+
-
+    .edit-icon {
-    .edit-icon {
+        display: none;
-        display: none;
+        position: absolute;
-        position: absolute;
+        width: 100%;
-        width: 100%;
+        height: 100%;
-        height: 100%;
+        top: 50%;
-        top: 50%;
+        left: 50%;
-        left: 50%;
+        transform: translate(-50%, -50%);
-        transform: translate(-50%, -50%);
+        background-color: rgba(255, 255, 255, 0.5);
-        background-color: rgba(255, 255, 255, 0.5);
+        border: none;
-        border: none;
+        border-radius: 50%;
-        border-radius: 50%;
+        cursor: pointer;
-        cursor: pointer;
+    }
-    }
+
-
+    .edit-icon i {
-    .edit-icon i {
+        color: white;
-        color: white;
+    }
-    }
+    
-    
+</style>
-</style>
+
-
+<!-- Account Settings Area start -->
-<!-- Account Settings Area start -->
+<section class="account-settings-area py-70 rel z-1">
-<section class="account-settings-area py-70 rel z-1">
+    <div class="container">
-    <div class="container">
+        <div class="row align-items-center">
-        <div class="row align-items-center">
+            <div class="col-lg-12">
-            <div class="col-lg-12">
+                <div class="comment-form bgc-lighter z-1 rel mb-30 rmb-55">
-                <div class="comment-form bgc-lighter z-1 rel mb-30 rmb-55">
+                    <form id="accountForm" name="accountForm" method="post" action="update_user.php">
-                    <form id="accountForm" name="accountForm" method="post" action="update_user">
+                        <div class="section-title py-20">
-                        <div class="section-title py-20">
+                            <h2>Account Settings</h2>
-                            <h2>Account Settings</h2>
+                            <div id="responseMessage"></div> <!-- Message display area -->
-                            <div id="responseMessage"></div> <!-- Message display area -->
+                        </div>
-                        </div>
+
-
+                        <!-- Display Profile Picture -->
-                        <!-- Display Profile Picture -->
+                        <div class="profile-picture" style="position: relative; width: 150px; height: 150px; margin: 0 auto;">
-                        <div class="profile-picture" style="position: relative; width: 150px; height: 150px; margin: 0 auto;">
+                            <img id="profile-pic" src="<?php echo $user['profile_pic']; ?>?v=<?php echo time(); ?>" alt="Profile Picture" class="profile-pic-display"
-                            <img id="profile-pic" src="<?php echo $user['profile_pic']; ?>?v=<?php echo time(); ?>" alt="Profile Picture" class="profile-pic-display"
+                                style="width: 100%; height: 100%; border-radius: 50%; object-fit: cover;">
-                                style="width: 100%; height: 100%; border-radius: 50%; object-fit: cover;">
+                            <button type="button" id="uploadPictureBtn" class="edit-icon">
-                            <button type="button" id="uploadPictureBtn" class="edit-icon">
+                                <i class="fas fa-pencil-alt"></i>
-                                <i class="fas fa-pencil-alt"></i>
+                            </button>
-                            </button>
+                            <input type="file" id="profile_picture" name="profile_picture" accept="image/*" style="display:none;">
-                            <input type="file" id="profile_picture" name="profile_picture" accept="image/*" style="display:none;">
+                        </div>
-                        </div>
+
-
+                        <!-- Form Fields -->
-                        <!-- Form Fields -->
+                        <div class="row mt-35">
-                        <div class="row mt-35">
+                            <div class="col-md-6">
-                            <div class="col-md-6">
+                                <div class="form-group">
-                                <div class="form-group">
+                                    <label for="first_name">First Name</label>
-                                    <label for="first_name">First Name</label>
+                                    <input type="text" id="first_name" name="first_name" class="form-control" value="<?php echo $user['first_name']; ?>" required>
-                                    <input type="text" id="first_name" name="first_name" class="form-control" value="<?php echo $user['first_name']; ?>" required>
+                                </div>
-                                </div>
+                            </div>
-                            </div>
+                            <div class="col-md-6">
-                            <div class="col-md-6">
+                                <div class="form-group">
-                                <div class="form-group">
+                                    <label for="last_name">Last Name</label>
-                                    <label for="last_name">Last Name</label>
+                                    <input type="text" id="last_name" name="last_name" class="form-control" value="<?php echo $user['last_name']; ?>" required>
-                                    <input type="text" id="last_name" name="last_name" class="form-control" value="<?php echo $user['last_name']; ?>" required>
+                                </div>
-                                </div>
+                            </div>
-                            </div>
+                            <div class="col-md-12">
-                            <div class="col-md-12">
+                                <div class="form-group">
-                                <div class="form-group">
+                                    <label for="phone_number">Phone Number</label>
-                                    <label for="phone_number">Phone Number</label>
+                                    <input type="text" id="phone_number" name="phone_number" class="form-control" value="<?php echo $user['phone_number']; ?>" required>
-                                    <input type="text" id="phone_number" name="phone_number" class="form-control" value="<?php echo $user['phone_number']; ?>" required>
+                                </div>
-                                </div>
+                            </div>
-                            </div>
+                            <div class="col-md-12">
-                            <div class="col-md-12">
+                                <div class="form-group">
-                                <div class="form-group">
+                                    <label for="email">Email Address</label>
-                                    <label for="email">Email Address</label>
+                                    <input type="email" id="email" name="email" class="form-control" value="<?php echo $user['email']; ?>" required>
-                                    <input type="email" id="email" name="email" class="form-control" value="<?php echo $user['email']; ?>" required>
+                                </div>
-                                </div>
+                            </div>
-                            </div>
+                            <div class="col-md-12">
-                            <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                                <div class="form-group mb-0">
-                            <div class="col-md-12">
+                                    <button type="submit" class="theme-btn style-two" style="width:100%;">Update Info</button>
-                                <div class="form-group mb-0">
+                                </div>
-                                    <button type="submit" class="theme-btn style-two" style="width:100%;">Update Info</button>
+                            </div>
-                                </div>
+                        </div>
-                            </div>
+                    </form>
-                        </div>
+<?php if (getUserType($user_id) !== 'google'){?>
-                    </form>
+
-<?php if (getUserType($user_id) !== 'google'){?>
+
-
+                    <!-- Change Password Form -->
-
+                    <form id="changePasswordForm" name="changePasswordForm" action="change_password.php" method="post">
-                    <!-- Change Password Form -->
+                        <div class="col-md-12 mt-20">
-                    <form id="changePasswordForm" name="changePasswordForm" action="change_password" method="post">
+                            <h4>Change Password</h4>
-                        <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                            <div id="responseMessage2"></div> <!-- Message display area -->
-                        <div class="col-md-12 mt-20">
+                            <div class="form-group">
-                            <h4>Change Password</h4>
+                                <label for="current_password">Current Password</label>
-                            <div id="responseMessage2"></div> <!-- Message display area -->
+                                <input type="password" id="current_password" name="current_password" class="form-control" required>
-                            <div class="form-group">
+                            </div>
-                                <label for="current_password">Current Password</label>
+                            <div class="form-group">
-                                <input type="password" id="current_password" name="current_password" class="form-control" required>
+                                <label for="new_password">New Password</label>
-                            </div>
+                                <input type="password" id="new_password" name="new_password" class="form-control" required>
-                            <div class="form-group">
+                            </div>
-                                <label for="new_password">New Password</label>
+                            <div class="form-group">
-                                <input type="password" id="new_password" name="new_password" class="form-control" required>
+                                <label for="confirm_password">Confirm New Password</label>
-                            </div>
+                                <input type="password" id="confirm_password" name="confirm_password" class="form-control" required>
-                            <div class="form-group">
+                            </div>
-                                <label for="confirm_password">Confirm New Password</label>
+                            <div class="form-group mb-0">
-                                <input type="password" id="confirm_password" name="confirm_password" class="form-control" required>
+                                <button type="submit" class="theme-btn style-two" style="width:100%;">Change Password</button>
-                            </div>
+                            </div>
-                            <div class="form-group mb-0">
+                        </div>
-                                <button type="submit" class="theme-btn style-two" style="width:100%;">Change Password</button>
+                    </form>
-                            </div>
+                    <?php }?>
-                        </div>
+                </div>
-                    </form>
+            </div>
-                    <?php }?>
+            
-                </div>
+        </div>
-            </div>
+    </div>
-            
+</section>
-        </div>
+<!-- Account Settings Area end -->
-    </div>
+
-</section>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-<!-- Account Settings Area end -->
+<script>
-
+    $(document).ready(function() {
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+        // Clear the responseMessage when the user changes any form input
-<script>
+        $('#accountForm input, #changePasswordForm input').on('input', function() {
-    $(document).ready(function() {
+            $('#responseMessage').html(''); // Clear the message
-        // Clear the responseMessage when the user changes any form input
+            $('#responseMessage2').html(''); // Clear the message
-        $('#accountForm input, #changePasswordForm input').on('input', function() {
+        });
-            $('#responseMessage').html(''); // Clear the message
+        // Profile Picture Upload
-            $('#responseMessage2').html(''); // Clear the message
+        $('#uploadPictureBtn').click(function() {
-        });
+            $('#profile_picture').click();
-        // Profile Picture Upload
+        });
-        $('#uploadPictureBtn').click(function() {
+
-            $('#profile_picture').click();
+        $('#profile_picture').on('change', function() {
-        });
+            var formData = new FormData();
-
+            formData.append('profile_picture', $('#profile_picture')[0].files[0]);
-        $('#profile_picture').on('change', function() {
+
-            var formData = new FormData();
+            $.ajax({
-            formData.append('profile_picture', $('#profile_picture')[0].files[0]);
+                url: 'upload_profile_picture.php',
-
+                type: 'POST',
-            $.ajax({
+                data: formData,
-                url: 'upload_profile_picture',
+                contentType: false,
-                type: 'POST',
+                processData: false,
-                data: formData,
+                success: function(response) {
-                contentType: false,
+                    // Parse response if needed
-                processData: false,
+                    if (typeof response === "string") {
-                dataType: 'json',
+                        response = JSON.parse(response);
-                success: function(response) {
+                    }
-                    if (response.status === 'success') {
+
-                        $('#responseMessage').html('<div class="alert alert-success">' + response.message + '</div>');
+                    if (response.status === 'success') {
-                        // Reload the current page after a short delay
+                        // Update the profile picture source with cache-busting query string
-                        setTimeout(function() {
+                        // Reload the current page
-                            window.location.reload();
+                        window.location.reload();
-                        }, 1500);
+
-                    } else {
+                        $('#responseMessage').html('<div class="alert alert-success">' + response.message + '</div>');
-                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
+                    } else {
-                    }
+                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
-                },
+                    }
-                error: function(xhr, status, error) {
+                },
-                    console.log('AJAX Error:', status, error);
+                error: function() {
-                    console.log('Response Text:', xhr.responseText);
+                    $('#responseMessage').html('<div class="alert alert-danger">Error uploading profile picture.</div>');
-                    $('#responseMessage').html('<div class="alert alert-danger">Error uploading profile picture: ' + error + '</div>');
+                }
-                }
+            });
-            });
+        });
-        });
+
-
+
-
+        // Account Info Update
-        // Account Info Update
+        $('#accountForm').on('submit', function(event) {
-        $('#accountForm').on('submit', function(event) {
+            event.preventDefault(); // Prevent default form submission
-            event.preventDefault(); // Prevent default form submission
+
-
+            $.ajax({
-            $.ajax({
+                url: 'update_user.php',
-                url: 'update_user',
+                type: 'POST',
-                type: 'POST',
+                data: $(this).serialize(),
-                data: $(this).serialize(),
+                success: function(response) {
-                success: function(response) {
+                    // Parse response if needed
-                    // Parse response if needed
+                    if (typeof response === "string") {
-                    if (typeof response === "string") {
+                        response = JSON.parse(response);
-                        response = JSON.parse(response);
+                    }
-                    }
+
-
+                    if (response.status === 'success') {
-                    if (response.status === 'success') {
+                        $('#responseMessage').html('<div class="alert alert-success">' + response.message + '</div>');
-                        $('#responseMessage').html('<div class="alert alert-success">' + response.message + '</div>');
+                    } else {
-                    } else {
+                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
-                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
+                    }
-                    }
+                },
-                },
+                error: function() {
-                error: function() {
+                    $('#responseMessage').html('<div class="alert alert-danger">Error updating information.</div>');
-                    $('#responseMessage').html('<div class="alert alert-danger">Error updating information.</div>');
+                }
-                }
+            });
-            });
+        });
-        });
+
-
+
-
+        // Change Password
-        // Change Password
+        $('#changePasswordForm').on('submit', function(event) {
-        $('#changePasswordForm').on('submit', function(event) {
+            event.preventDefault(); // Prevent default form submission
-            event.preventDefault(); // Prevent default form submission
+
-
+            $.ajax({
-            $.ajax({
+                url: 'change_password.php',
-                url: 'change_password',
+                type: 'POST',
-                type: 'POST',
+                data: $(this).serialize(),
-                data: $(this).serialize(),
+                success: function(response) {
-                success: function(response) {
+                    // Parse response if needed
-                    // Parse response if needed
+                    if (typeof response === "string") {
-                    if (typeof response === "string") {
+                        response = JSON.parse(response);
-                        response = JSON.parse(response);
+                    }
-                    }
+
-
+                    if (response.status === 'success') {
-                    if (response.status === 'success') {
+                        $('#responseMessage2').html('<div class="alert alert-success">' + response.message + '</div>');
-                        $('#responseMessage2').html('<div class="alert alert-success">' + response.message + '</div>');
+                    } else {
-                    } else {
+                        $('#responseMessage2').html('<div class="alert alert-danger">' + response.message + '</div>');
-                        $('#responseMessage2').html('<div class="alert alert-danger">' + response.message + '</div>');
+                    }
-                    }
+                },
-                },
+                error: function() {
-                error: function() {
+                    $('#responseMessage2').html('<div class="alert alert-danger">Error changing password.</div>');
-                    $('#responseMessage2').html('<div class="alert alert-danger">Error changing password.</div>');
+                }
-                }
+            });
-            });
+        });
-        });
+    });
-    });
+</script>
-</script>
+
-
+<?php include_once("insta_footer.php"); ?>
 <?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
--- a/src/pages/other/ad_banner.php
+++ b/src/pages/other/ad_banner.php
@@ -1,29 +1,29 @@
-
+
-<div style="padding-left:15px; padding-right:15px;" id="advertisingCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
+<div style="padding-left:15px; padding-right:15px;" id="advertisingCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
-    <div style="border-radius:20px;" class="carousel-inner">
+    <div style="border-radius:20px;" class="carousel-inner">
-        <?php
+        <?php
-        $dir = 'assets/images/advertising/';
+        $dir = 'assets/images/advertising/';
-        $images = glob($dir . '*.{jpg,jpeg,png,gif,webp}', GLOB_BRACE);
+        $images = glob($dir . '*.{jpg,jpeg,png,gif,webp}', GLOB_BRACE);
-        foreach ($images as $index => $img) {
+        foreach ($images as $index => $img) {
-            $active = $index === 0 ? 'active' : '';
+            $active = $index === 0 ? 'active' : '';
-            echo "<div class='carousel-item $active'>
+            echo "<div class='carousel-item $active'>
-                <img src='$img' class='d-block w-100' style='height:394px; object-fit:cover;' alt='Ad $index'>
+                <img src='$img' class='d-block w-100' style='height:394px; object-fit:cover;' alt='Ad $index'>
-              </div>";
+              </div>";
-        }
+        }
-        ?>
+        ?>
-        <a class="carousel-control-prev" href="#advertisingCarousel" role="button" data-bs-slide="prev">
+        <a class="carousel-control-prev" href="#advertisingCarousel" role="button" data-bs-slide="prev">
-            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-            <span class="visually-hidden">Previous</span>
+            <span class="visually-hidden">Previous</span>
-        </a>
+        </a>
-        <a class="carousel-control-next" href="#advertisingCarousel" role="button" data-bs-slide="next">
+        <a class="carousel-control-next" href="#advertisingCarousel" role="button" data-bs-slide="next">
-            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
-            <span class="visually-hidden">Next</span>
+            <span class="visually-hidden">Next</span>
-        </a>
+        </a>
-        <div class="carousel-indicators">
+        <div class="carousel-indicators">
-            <?php foreach ($images as $i => $_): ?>
+            <?php foreach ($images as $i => $_): ?>
-                <button type="button" data-bs-target="#advertisingCarousel" data-bs-slide-to="<?= $i ?>" class="<?= $i === 0 ? 'active' : '' ?>" aria-current="<?= $i === 0 ? 'true' : 'false' ?>" aria-label="Slide <?= $i + 1 ?>"></button>
+                <button type="button" data-bs-target="#advertisingCarousel" data-bs-slide-to="<?= $i ?>" class="<?= $i === 0 ? 'active' : '' ?>" aria-current="<?= $i === 0 ? 'true' : 'false' ?>" aria-label="Slide <?= $i + 1 ?>"></button>
-            <?php endforeach; ?>
+            <?php endforeach; ?>
-        </div>
+        </div>
-    </div>
+    </div>
-</div>
+</div>
-
+
--- a/add_campsite.php
+++ b/add_campsite.php
@@ -0,0 +1,55 @@
 <?php include_once('connection.php');
 include_once('functions.php');
 require_once("env.php");
 session_start();
 $user_id = $_SESSION['user_id']; // assuming you're storing it like this
 // campsites.php
 $conn = openDatabaseConnection();
 // Get text inputs
 $name = $_POST['name'];
 $desc = $_POST['description'];
 $lat = $_POST['latitude'];
 $lng = $_POST['longitude'];
 $website = $_POST['website'];
 $telephone = $_POST['telephone'];
 // Handle file upload
 $thumbnailPath = null;
 if (isset($_FILES['thumbnail']) && $_FILES['thumbnail']['error'] == 0) {
    $uploadDir = "assets/uploads/campsites/";
    if (!is_dir($uploadDir)) {
        mkdir($uploadDir, 0777, true);
    }
    $filename = time() . "_" . basename($_FILES["thumbnail"]["name"]);
    $targetFile = $uploadDir . $filename;
    if (move_uploaded_file($_FILES["thumbnail"]["tmp_name"], $targetFile)) {
        $thumbnailPath = $targetFile;
    }
 }
 $id = isset($_POST['id']) ? intval($_POST['id']) : 0;
 if ($id > 0) {
  // UPDATE
  if ($thumbnailPath) {
    $stmt = $conn->prepare("UPDATE campsites SET name=?, description=?, latitude=?, longitude=?, website=?, telephone=?, thumbnail=? WHERE id=?");
    $stmt->bind_param("ssddsssi", $name, $desc, $lat, $lng, $website, $telephone, $thumbnailPath, $id);
  } else {
    $stmt = $conn->prepare("UPDATE campsites SET name=?, description=?, latitude=?, longitude=?, website=?, telephone=? WHERE id=?");
    $stmt->bind_param("ssddssi", $name, $desc, $lat, $lng, $website, $telephone, $id);
  }
 } else {
  // INSERT
  $stmt = $conn->prepare("INSERT INTO campsites (name, description, latitude, longitude, website, telephone, thumbnail, user_id)
                        VALUES (?, ?, ?, ?, ?, ?, ?, ?)");
 $stmt->bind_param("ssddsssi", $name, $desc, $lat, $lng, $website, $telephone, $thumbnailPath, $user_id);
 }
 $stmt->execute();
 header("Location: campsites.php");
 ?>
--- a/src/pages/shop/add_to_cart.php
+++ b/src/pages/shop/add_to_cart.php
@@ -1,36 +1,36 @@
-
+
-<?php
+<?php
-session_start();
+session_start();
-require_once("env.php");
+require_once("env.php");
-require_once("connection.php");
+require_once("connection.php");
-
+
-if (isset($_POST['tab_id']) && isset($_POST['item_id']) && isset($_POST['item_name']) && isset($_POST['item_price'])) {
+if (isset($_POST['tab_id']) && isset($_POST['item_id']) && isset($_POST['item_name']) && isset($_POST['item_price'])) {
-    $tab_id = mysqli_real_escape_string($conn, $_POST['tab_id']);
+    $tab_id = mysqli_real_escape_string($conn, $_POST['tab_id']);
-    $item_id = mysqli_real_escape_string($conn, $_POST['item_id']);
+    $item_id = mysqli_real_escape_string($conn, $_POST['item_id']);
-    $item_name = mysqli_real_escape_string($conn, $_POST['item_name']);
+    $item_name = mysqli_real_escape_string($conn, $_POST['item_name']);
-    $item_price = mysqli_real_escape_string($conn, $_POST['item_price']);
+    $item_price = mysqli_real_escape_string($conn, $_POST['item_price']);
-    $user_id = mysqli_real_escape_string($conn, $_POST['user_id']);
+    $user_id = mysqli_real_escape_string($conn, $_POST['user_id']);
-
+
-    // Initialize cart session if not set
+    // Initialize cart session if not set
-    if (!isset($_SESSION['cart'])) {
+    if (!isset($_SESSION['cart'])) {
-        $_SESSION['cart'] = [];
+        $_SESSION['cart'] = [];
-    }
+    }
-
+
-    // Add the drink to the cart for the given tab
+    // Add the drink to the cart for the given tab
-    if (!isset($_SESSION['cart'][$tab_id])) {
+    if (!isset($_SESSION['cart'][$tab_id])) {
-        $_SESSION['cart'][$tab_id] = [];
+        $_SESSION['cart'][$tab_id] = [];
-    }
+    }
-
+
-    // Add the drink as an associative array
+    // Add the drink as an associative array
-    $_SESSION['cart'][$tab_id][] = [
+    $_SESSION['cart'][$tab_id][] = [
-        'item_id' => $item_id,
+        'item_id' => $item_id,
-        'item_name' => $item_name,
+        'item_name' => $item_name,
-        'item_price' => $item_price,
+        'item_price' => $item_price,
-        'user_id' => $user_id
+        'user_id' => $user_id
-    ];
+    ];
-
+
-    echo json_encode(['status' => 'success', 'cart' => $_SESSION['cart']]);
+    echo json_encode(['status' => 'success', 'cart' => $_SESSION['cart']]);
-} else {
+} else {
-    echo json_encode(['status' => 'error', 'message' => 'Missing required parameters.']);
+    echo json_encode(['status' => 'error', 'message' => 'Missing required parameters.']);
-}
+}
-?>
+?>
--- a/src/pages/blog/admin_blogs.php
+++ b/src/pages/blog/admin_blogs.php
@@ -1,16 +1,7 @@
-<?php
+<?php include_once('header02.php');
 $rootPath = dirname(dirname(dirname(__DIR__)));
 require_once($rootPath . "/src/config/env.php");
 require_once($rootPath . "/src/config/connection.php");
 require_once($rootPath . "/src/config/functions.php");
 require_once($rootPath . "/header.php");
 checkAdmin();
 checkUserSession();
 $pageTitle = 'Manage Blog Posts';
 $breadcrumbs = [['Home' => 'index']];
 require_once($rootPath . '/components/banner.php');
 $result = $conn->prepare("
    SELECT 
        b.blog_id, 
@@ -24,7 +15,7 @@ $result = $conn->prepare("
        u.profile_pic
    FROM blogs b
    JOIN users u ON b.author = u.user_id
-    WHERE b.status = 'published'
+    WHERE b.status != 'deleted'
    ORDER BY b.date DESC
 ");
@@ -68,7 +59,29 @@ $posts = $result->get_result();
 $bannerFolder = 'assets/images/banners/';
 $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
 $randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
 if (!empty($bannerImages)) {
    $randomBanner = $bannerImages[array_rand($bannerImages)];
 }
 ?>
 <section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
    <!-- Overlay PNG -->
    <div class="banner-overlay"></div>
    <div class="container">
        <div class="banner-inner text-white">
            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Admin Blogs</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active">Admin Blogs</li>
                </ol>
            </nav>
        </div>
    </div>
 </section>
 <!-- Page Banner End -->
 <!-- Blog List Area start -->
 <section class="blog-list-page py-100 rel z-1">
@@ -76,8 +89,8 @@ $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
        <div class="row">
            <div class="col-lg-12">
-                <h2>Manage Blog Posts</h2>
+            <h2>My Posts</h2>
-                <?php if (isset($_SESSION['message'])): ?>
+            <?php if (isset($_SESSION['message'])): ?>
                    <div class="alert alert-warning message-box">
                        <?php echo $_SESSION['message']; ?>
                        <span class="close-btn" onclick="this.parentElement.style.display='none'">&times;</span>
@@ -87,13 +100,11 @@ $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
                <a href="blog_create.php">+ New Post</a>
                <?php while ($post = $posts->fetch_assoc()):
                    // Determine cover image - use provided image or fallback placeholder
                    $coverImage = $post["image"] ? $post["image"] : 'assets/images/placeholder.jpg';
                    // Output the HTML structure with dynamic data
-                    echo '
+                        echo '
                    <div class="destination-item style-three bgc-lighter booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
                        <div class="image" style="width:200px;height:200px;">
-                            <img src="' . htmlspecialchars($coverImage) . '" alt="' . htmlspecialchars($post["title"]) . '">
+                            <img src="' . $post["image"] . '" alt="' . $post["title"] . '">
                        </div>
                        <div class="content" style="width:100%;">
                            <div class="destination-header d-flex align-items-start gap-3">
@@ -106,60 +117,28 @@ $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
                            </div>
                            <p>' . $post["description"] . '</p>
                            <div class="destination-footer">
-                                <div class="btn-group" style="display:flex; justify-content:flex-end; gap:10px;">
+                                <div class="btn-group" style="display:flex; justify-content:flex-end; gap:10px; margin-top:10px;">
-                                    <a href="blog_edit.php?token=' . encryptData($post["blog_id"], $salt) . '" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"><span class="material-icons">edit</span></a>   
+                                    <a href="blog_edit.php?token='.encryptData($post["blog_id"], $salt).'" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="Edit"><i class="bi bi-pencil"></i></a>   
-                                    <a href="blog_read.php?token=' . encryptData($post["blog_id"], $salt) . '" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview"><span class="material-icons">visibility</span></a>
+                                    <a href="blog_read.php?token='.encryptData($post["blog_id"], $salt).'" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="Preview"><i class="bi bi-eye"></i></a>
-                                    <button type="button" class="publish-btn" data-blog-id="' . $post["blog_id"] . '" data-status="' . $post["status"] . '" data-bs-toggle="tooltip" data-bs-placement="top" title="' . ($post["status"] == "published" ? "Unpublish" : "Publish") . '" style="background:none; border:none; cursor:pointer; color:inherit;"><span class="material-icons">' . ($post["status"] == "published" ? "cloud_off" : "cloud_upload") . '</span></button>
+                                    <a href="blog_delete.php?token='.encryptData($post["blog_id"], $salt).'" class="btn btn-sm" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete"><i class="bi bi-trash"></i></a>                   
                                    <a href="blog_delete.php?token=' . encryptData($post["blog_id"], $salt) . '" data-bs-toggle="tooltip" data-bs-placement="top" title="Delete"><span class="material-icons">delete</span></a>                   
                                </div>
                            </div>
                        </div>
                    </div>
-                    ';
+                    ';                
                endwhile; ?>
-
+                               
            </div>
-
+            
        </div>
    </div>
 </section>
 <!-- Blog List Area end -->
-<script>
+ <script>
-    const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
+  const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
-    tooltipTriggerList.forEach(el => new bootstrap.Tooltip(el));
+  tooltipTriggerList.forEach(el => new bootstrap.Tooltip(el));
    // Handle publish/unpublish button clicks
    document.querySelectorAll('.publish-btn').forEach(btn => {
        btn.addEventListener('click', function() {
            const blogId = this.dataset.blogId;
            const status = this.dataset.status;
            const action = status === 'published' ? 'unpublish' : 'publish';
            const endpoint = status === 'published' ? 'blog_unpublish' : 'publish_blog';
            const formData = new FormData();
            formData.append('id', blogId);
            fetch(endpoint, {
                    method: 'POST',
                    body: formData
                })
                .then(response => {
                    if (response.ok) {
                        alert(action.charAt(0).toUpperCase() + action.slice(1) + ' successful!');
                        location.reload();
                    } else {
                        alert(action + ' failed.');
                        console.error('Error:', response.statusText);
                    }
                })
                .catch(err => {
                    console.error('Error:', err);
                    alert(action + ' failed due to network error.');
                });
        });
    });
 </script>
-<?php include_once($rootPath . '/components/insta_footer.php'); ?>
+<?php include_once("insta_footer.php"); ?>
--- a/src/admin/admin_camp_bookings.php
+++ b/src/admin/admin_camp_bookings.php
@@ -1,227 +1,224 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+?>
-checkAdmin();
+<style>
-
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .trip-booking {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .trip-booking {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+</style>
-        margin-bottom: 15px;
+<script>
-    }
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const tables = document.querySelectorAll("table");
-<script>
+        tables.forEach((table) => {
-    document.addEventListener("DOMContentLoaded", function() {
+            const headers = table.querySelectorAll("thead th");
-        const tables = document.querySelectorAll("table");
+            const rows = Array.from(table.querySelectorAll("tbody tr"));
-        tables.forEach((table) => {
+            const filterInput = table.previousElementSibling;
-            const headers = table.querySelectorAll("thead th");
+
-            const rows = Array.from(table.querySelectorAll("tbody tr"));
+            headers.forEach((header, index) => {
-            const filterInput = table.previousElementSibling;
+                header.addEventListener("click", () => {
-
+                    const sortedRows = rows.sort((a, b) => {
-            headers.forEach((header, index) => {
+                        const aText = a.cells[index].textContent.trim().toLowerCase();
-                header.addEventListener("click", () => {
+                        const bText = b.cells[index].textContent.trim().toLowerCase();
-                    const sortedRows = rows.sort((a, b) => {
+
-                        const aText = a.cells[index].textContent.trim().toLowerCase();
+                        if (aText < bText) return -1;
-                        const bText = b.cells[index].textContent.trim().toLowerCase();
+                        if (aText > bText) return 1;
-
+                        return 0;
-                        if (aText < bText) return -1;
+                    });
-                        if (aText > bText) return 1;
+
-                        return 0;
+                    if (header.classList.contains("asc")) {
-                    });
+                        header.classList.remove("asc");
-
+                        header.classList.add("desc");
-                    if (header.classList.contains("asc")) {
+                        sortedRows.reverse();
-                        header.classList.remove("asc");
+                    } else {
-                        header.classList.add("desc");
+                        headers.forEach(h => h.classList.remove("asc", "desc"));
-                        sortedRows.reverse();
+                        header.classList.add("asc");
-                    } else {
+                    }
-                        headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                        header.classList.add("asc");
+                    const tbody = table.querySelector("tbody");
-                    }
+                    tbody.innerHTML = "";
-
+                    sortedRows.forEach(row => tbody.appendChild(row));
-                    const tbody = table.querySelector("tbody");
+                });
-                    tbody.innerHTML = "";
+            });
-                    sortedRows.forEach(row => tbody.appendChild(row));
+
-                });
+            if (rows.length === 0) {
-            });
+                filterInput.style.display = "none";
-
+            } else {
-            if (rows.length === 0) {
+                filterInput.addEventListener("input", function() {
-                filterInput.style.display = "none";
+                    const filterValue = filterInput.value.trim().toLowerCase();
-            } else {
+                    rows.forEach(row => {
-                filterInput.addEventListener("input", function() {
+                        const rowText = row.textContent.trim().toLowerCase();
-                    const filterValue = filterInput.value.trim().toLowerCase();
+                        row.style.display = rowText.includes(filterValue) ? "" : "none";
-                    rows.forEach(row => {
+                    });
-                        const rowText = row.textContent.trim().toLowerCase();
+                });
-                        row.style.display = rowText.includes(filterValue) ? "" : "none";
+            }
-                    });
+        });
-                });
+    });
-            }
+</script>
-        });
+<?php
-    });
+$bannerFolder = 'assets/images/banners/';
-</script>
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-<div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Camping Bookings</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Camping Bookings</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">Camping Bookings</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">Camping Bookings</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+<section class="tour-list-page py-10 rel z-1">
-    </div>
+    <div class="container">
-</section>
+        <?php
-<section class="tour-list-page py-10 rel z-1">
+
-    <div class="container">
+        echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
-        <?php
+        echo "<div style='padding:10px;'>";
-
+        echo "<h4>BASE4 Camping</h4>";
-        echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
+
-        echo "<div style='padding:10px;'>";
+        // Fetch bookings for the current trip
-        echo "<h4>BASE4 Camping</h4>";
+        $bookingsSql = "SELECT b.user_id, b.from_date, b.to_date, b.num_vehicles, b.num_adults, b.num_children, b.add_firewood, b.status, 
-
+                u.first_name, u.last_name,
-        // Fetch bookings for the current trip
+                (b.total_amount - b.discount_amount) AS paid
-        $bookingsSql = "SELECT b.user_id, b.from_date, b.to_date, b.num_vehicles, b.num_adults, b.num_children, b.add_firewood, b.status, 
+                FROM bookings b 
-                u.first_name, u.last_name,
+                INNER JOIN users u ON b.user_id = u.user_id 
-                (b.total_amount - b.discount_amount) AS paid
+                WHERE b.booking_type = 'camping'";
-                FROM bookings b 
+        $stmt = $conn->prepare($bookingsSql);
-                INNER JOIN users u ON b.user_id = u.user_id 
+        $stmt->execute();
-                WHERE b.booking_type = 'camping'";
+        $bookingsResult = $stmt->get_result();
-        $stmt = $conn->prepare($bookingsSql);
+
-        $stmt->execute();
+        if ($bookingsResult->num_rows > 0) {
-        $bookingsResult = $stmt->get_result();
+            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
-
+            echo '<table>
-        if ($bookingsResult->num_rows > 0) {
+                            <thead>
-            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
+                                <tr>
-            echo '<table>
+                                    <th>Name</th>
-                            <thead>
+                                    <th>From</th>
-                                <tr>
+                                    <th>To</th>
-                                    <th>Name</th>
+                                    <th>Vehicles</th>
-                                    <th>From</th>
+                                    <th>Adults</th>
-                                    <th>To</th>
+                                    <th>Children</th>
-                                    <th>Vehicles</th>
+                                    <th>Add Firewood</th>
-                                    <th>Adults</th>
+                                    <th>Status</th>
-                                    <th>Children</th>
+                                    <th>Amount</th>
-                                    <th>Add Firewood</th>
+                                </tr>
-                                    <th>Status</th>
+                            </thead>
-                                    <th>Amount</th>
+                            <tbody>';
-                                </tr>
+            while ($booking = $bookingsResult->fetch_assoc()) {
-                            </thead>
+                $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
-                            <tbody>';
+                $numVehicles = htmlspecialchars($booking['num_vehicles']);
-            while ($booking = $bookingsResult->fetch_assoc()) {
+                $from = htmlspecialchars($booking['from_date']);
-                $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
+                $to = htmlspecialchars($booking['to_date']);
-                $numVehicles = htmlspecialchars($booking['num_vehicles']);
+                $numAdults = htmlspecialchars($booking['num_adults']);
-                $from = htmlspecialchars($booking['from_date']);
+                $numChildren = htmlspecialchars($booking['num_children']);
-                $to = htmlspecialchars($booking['to_date']);
+                $radio = $booking['add_firewood'] == 1 ? "YES" : "NO";
-                $numAdults = htmlspecialchars($booking['num_adults']);
+                $status = htmlspecialchars($booking['status']);
-                $numChildren = htmlspecialchars($booking['num_children']);
+                $paid = "R " . number_format($booking['paid'], 2);
-                $radio = $booking['add_firewood'] == 1 ? "YES" : "NO";
+
-                $status = htmlspecialchars($booking['status']);
+                echo "<tr>
-                $paid = "R " . number_format($booking['paid'], 2);
+                                <td>{$userName}</td>
-
+                                <td>{$from}</td>
-                echo "<tr>
+                                <td>{$to}</td>
-                                <td>{$userName}</td>
+                                <td>{$numVehicles}</td>
-                                <td>{$from}</td>
+                                <td>{$numAdults}</td>
-                                <td>{$to}</td>
+                                <td>{$numChildren}</td>
-                                <td>{$numVehicles}</td>
+                                <td>{$radio}</td>
-                                <td>{$numAdults}</td>
+                                <td>{$status}</td>
-                                <td>{$numChildren}</td>
+                                <td>{$paid}</td>
-                                <td>{$radio}</td>
+                            </tr>";
-                                <td>{$status}</td>
+            }
-                                <td>{$paid}</td>
+            echo '</tbody></table>';
-                            </tr>";
+        } else {
-            }
+            echo '<p>No bookings found for this trip.</p>';
-            echo '</tbody></table>';
+        }
-        } else {
+        echo "</div>";
-            echo '<p>No bookings found for this trip.</p>';
+        echo "</div>";
-        }
+
-        echo "</div>";
+        ?>
-        echo "</div>";
+    </div>
-
+</section>
-        ?>
+<?php include_once("insta_footer.php"); ?>
    </div>
 </section>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_course_bookings.php
+++ b/src/admin/admin_course_bookings.php
@@ -1,247 +1,244 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+// Fetch all trips
-checkAdmin();
+$courseSql = "SELECT date, course_id, course_type FROM courses WHERE DATE(date) >= CURDATE()";
-
+
-// Fetch all trips
+$courseResult = $conn->query($courseSql);
-$courseSql = "SELECT date, course_id, course_type FROM courses";
+if (!$courseResult) {
-
+    echo "Error in SQL query: " . $conn->error;
-$courseResult = $conn->query($courseSql);
+}
-if (!$courseResult) {
+?>
-    echo "Error in SQL query: " . $conn->error;
+<style>
-}
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .trip-booking {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .trip-booking {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+    
-        margin-bottom: 15px;
+</style>
-    }
+<script>
-    
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const tables = document.querySelectorAll("table");
-<script>
+        tables.forEach((table) => {
-    document.addEventListener("DOMContentLoaded", function() {
+            const headers = table.querySelectorAll("thead th");
-        const tables = document.querySelectorAll("table");
+            const rows = Array.from(table.querySelectorAll("tbody tr"));
-        tables.forEach((table) => {
+            const filterInput = table.previousElementSibling;
-            const headers = table.querySelectorAll("thead th");
+
-            const rows = Array.from(table.querySelectorAll("tbody tr"));
+            headers.forEach((header, index) => {
-            const filterInput = table.previousElementSibling;
+                header.addEventListener("click", () => {
-
+                    const sortedRows = rows.sort((a, b) => {
-            headers.forEach((header, index) => {
+                        const aText = a.cells[index].textContent.trim().toLowerCase();
-                header.addEventListener("click", () => {
+                        const bText = b.cells[index].textContent.trim().toLowerCase();
-                    const sortedRows = rows.sort((a, b) => {
+
-                        const aText = a.cells[index].textContent.trim().toLowerCase();
+                        if (aText < bText) return -1;
-                        const bText = b.cells[index].textContent.trim().toLowerCase();
+                        if (aText > bText) return 1;
-
+                        return 0;
-                        if (aText < bText) return -1;
+                    });
-                        if (aText > bText) return 1;
+
-                        return 0;
+                    if (header.classList.contains("asc")) {
-                    });
+                        header.classList.remove("asc");
-
+                        header.classList.add("desc");
-                    if (header.classList.contains("asc")) {
+                        sortedRows.reverse();
-                        header.classList.remove("asc");
+                    } else {
-                        header.classList.add("desc");
+                        headers.forEach(h => h.classList.remove("asc", "desc"));
-                        sortedRows.reverse();
+                        header.classList.add("asc");
-                    } else {
+                    }
-                        headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                        header.classList.add("asc");
+                    const tbody = table.querySelector("tbody");
-                    }
+                    tbody.innerHTML = "";
-
+                    sortedRows.forEach(row => tbody.appendChild(row));
-                    const tbody = table.querySelector("tbody");
+                });
-                    tbody.innerHTML = "";
+            });
-                    sortedRows.forEach(row => tbody.appendChild(row));
+
-                });
+            if (rows.length === 0) {
-            });
+                filterInput.style.display = "none";
-
+            } else {
-            if (rows.length === 0) {
+                filterInput.addEventListener("input", function() {
-                filterInput.style.display = "none";
+                    const filterValue = filterInput.value.trim().toLowerCase();
-            } else {
+                    rows.forEach(row => {
-                filterInput.addEventListener("input", function() {
+                        const rowText = row.textContent.trim().toLowerCase();
-                    const filterValue = filterInput.value.trim().toLowerCase();
+                        row.style.display = rowText.includes(filterValue) ? "" : "none";
-                    rows.forEach(row => {
+                    });
-                        const rowText = row.textContent.trim().toLowerCase();
+                });
-                        row.style.display = rowText.includes(filterValue) ? "" : "none";
+            }
-                    });
+        });
-                });
+    });
-            }
+</script>
-        });
+<?php
-    });
+$bannerFolder = 'assets/images/banners/';
-</script>
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-<div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Course Bookings</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Course Bookings</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">Course Bookings</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">Course Bookings</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+<section class="tour-list-page py-10 rel z-1">
-    </div>
+    <div class="container">
-</section>
+        <?php
-<section class="tour-list-page py-10 rel z-1">
+        if ($courseResult->num_rows > 0) {
-    <div class="container">
+            while ($course = $courseResult->fetch_assoc()) {
-        <?php
+                $course_id = $course['course_id'];
-        if ($courseResult->num_rows > 0) {
+                $date = $course['date'];
-            while ($course = $courseResult->fetch_assoc()) {
+                $type = htmlspecialchars($course['course_type']);
-                $course_id = $course['course_id'];
+                if ($type === "driver_training") {
-                $date = $course['date'];
+                    $course_name = "Basic 4X4 Driver Training Course ".$date;
-                $type = htmlspecialchars($course['course_type']);
+                } elseif ($type === "bush_mechanics") {
-                if ($type === "driver_training") {
+                    $course_name = "Bush Mechanics Course ".$date;
-                    $course_name = "Basic 4X4 Driver Training Course ".$date;
+                } elseif ($type === "rescue_recovery") {
-                } elseif ($type === "bush_mechanics") {
+                    $course_name = "Rescue & Recovery Training Course ".$date;
-                    $course_name = "Bush Mechanics Course ".$date;
+                } else {
-                } elseif ($type === "rescue_recovery") {
+                    $course_name = "General Course ".$date; // Default fallback description
-                    $course_name = "Rescue & Recovery Training Course ".$date;
+                }
-                } else {
+
-                    $course_name = "General Course ".$date; // Default fallback description
+                echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
-                }
+                echo "<div style='padding:10px;'>";
-
+                echo "<h4>{$course_name}</h4>";
-                echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
+
-                echo "<div style='padding:10px;'>";
+                // Fetch bookings for the current trip
-                echo "<h4>{$course_name}</h4>";
+                $bookingsSql = "SELECT b.user_id, b.num_adults, b.total_amount, b.status, b.course_non_members, 
-
+                u.first_name, u.last_name, u.profile_pic                
-                // Fetch bookings for the current trip
+                FROM bookings b 
-                $bookingsSql = "SELECT b.user_id, b.num_adults, b.total_amount, b.status, b.course_non_members, 
+                INNER JOIN users u ON b.user_id = u.user_id 
-                u.first_name, u.last_name, u.profile_pic                
+                WHERE b.course_id = ?";
-                FROM bookings b 
+                if ($stmt = $conn->prepare($bookingsSql)) {
-                INNER JOIN users u ON b.user_id = u.user_id 
+                    $stmt->bind_param('i', $course_id);
-                WHERE b.course_id = ?";
+                    $stmt->execute();
-                if ($stmt = $conn->prepare($bookingsSql)) {
+                    $bookingsResult = $stmt->get_result();
-                    $stmt->bind_param('i', $course_id);
+                } else {
-                    $stmt->execute();
+                    echo "Error in prepared statement: " . $conn->error;
-                    $bookingsResult = $stmt->get_result();
+                }
-                } else {
+                
-                    echo "Error in prepared statement: " . $conn->error;
+
-                }
+
-                
+                if ($bookingsResult->num_rows > 0) {
-
+                    echo '<input type="text" class="filter-input" placeholder="Filter results...">';
-
+                    echo '<table>
-                if ($bookingsResult->num_rows > 0) {
+                            <thead>
-                    echo '<input type="text" class="filter-input" placeholder="Filter results...">';
+                                <tr>
-                    echo '<table>
+                                    <th></th>
-                            <thead>
+                                    <th>Name</th>
-                                <tr>
+                                    <th>Members</th>
-                                    <th></th>
+                                    <th>Non-Members</th>
-                                    <th>Name</th>
+                                    <th>Status</th>
-                                    <th>Members</th>
+                                    <th>Amount</th>
-                                    <th>Non-Members</th>
+                                </tr>
-                                    <th>Status</th>
+                            </thead>
-                                    <th>Amount</th>
+                            <tbody>';
-                                </tr>
+                    while ($booking = $bookingsResult->fetch_assoc()) {
-                            </thead>
+                        $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
-                            <tbody>';
+                        $members = htmlspecialchars($booking['num_adults']);
-                    while ($booking = $bookingsResult->fetch_assoc()) {
+                        $non_members = htmlspecialchars($booking['course_non_members']);
-                        $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
+                        $status = htmlspecialchars($booking['status']);
-                        $members = htmlspecialchars($booking['num_adults']);
+                        $paid = "R " . number_format($booking['total_amount'], 2);
-                        $non_members = htmlspecialchars($booking['course_non_members']);
+
-                        $status = htmlspecialchars($booking['status']);
+                        echo "<tr>
-                        $paid = "R " . number_format($booking['total_amount'], 2);
+                        <td><img src=".$booking['profile_pic']." alt='Profile Picture' class='profile-pic'></td>
-
+                                <td>{$userName}</td>
-                        echo "<tr>
+                                <td>{$members}</td>
-                        <td><img src=".$booking['profile_pic']." alt='Profile Picture' class='profile-pic'></td>
+                                <td>{$non_members}</td>
-                                <td>{$userName}</td>
+                                <td>{$status}</td>
-                                <td>{$members}</td>
+                                <td>{$paid}</td>
-                                <td>{$non_members}</td>
+                            </tr>";
-                                <td>{$status}</td>
+                    }
-                                <td>{$paid}</td>
+                    echo '</tbody></table>';
-                            </tr>";
+                } else {
-                    }
+                    echo '<p>No bookings found for this trip.</p>';
-                    echo '</tbody></table>';
+                }
-                } else {
+                echo "</div>";
-                    echo '<p>No bookings found for this trip.</p>';
+                echo "</div>";
-                }
+            }
-                echo "</div>";
+        } else {
-                echo "</div>";
+            echo '<p>No courses found.</p>';
-            }
+        }
-        } else {
+        ?>
-            echo '<p>No courses found.</p>';
+    </div>
-        }
+</section>
-        ?>
+<?php include_once("insta_footer.php"); ?>
    </div>
 </section>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_efts.php
+++ b/src/admin/admin_efts.php
@@ -1,227 +1,224 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+?>
-checkAdmin();
+<style>
-
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .infobox {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .infobox {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+
-        margin-bottom: 15px;
+    .theme-btn,
-    }
+    a.theme-btn {
-
+        padding: 0px 14px;
-    .theme-btn,
+    }
-    a.theme-btn {
+    
-        padding: 0px 14px;
+</style>
-    }
+<script>
-    
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const table = document.querySelector("table");
-<script>
+        const headers = table.querySelectorAll("thead th");
-    document.addEventListener("DOMContentLoaded", function() {
+        const rows = Array.from(table.querySelectorAll("tbody tr"));
-        const table = document.querySelector("table");
+        const filterInput = document.getElementById("filterInput");
-        const headers = table.querySelectorAll("thead th");
+
-        const rows = Array.from(table.querySelectorAll("tbody tr"));
+        headers.forEach((header, index) => {
-        const filterInput = document.getElementById("filterInput");
+            header.addEventListener("click", () => {
-
+                const sortedRows = rows.sort((a, b) => {
-        headers.forEach((header, index) => {
+                    const aText = a.cells[index].textContent.trim().toLowerCase();
-            header.addEventListener("click", () => {
+                    const bText = b.cells[index].textContent.trim().toLowerCase();
-                const sortedRows = rows.sort((a, b) => {
+
-                    const aText = a.cells[index].textContent.trim().toLowerCase();
+                    if (aText < bText) return -1;
-                    const bText = b.cells[index].textContent.trim().toLowerCase();
+                    if (aText > bText) return 1;
-
+                    return 0;
-                    if (aText < bText) return -1;
+                });
-                    if (aText > bText) return 1;
+
-                    return 0;
+                if (header.classList.contains("asc")) {
-                });
+                    header.classList.remove("asc");
-
+                    header.classList.add("desc");
-                if (header.classList.contains("asc")) {
+                    sortedRows.reverse();
-                    header.classList.remove("asc");
+                } else {
-                    header.classList.add("desc");
+                    headers.forEach(h => h.classList.remove("asc", "desc"));
-                    sortedRows.reverse();
+                    header.classList.add("asc");
-                } else {
+                }
-                    headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                    header.classList.add("asc");
+                const tbody = table.querySelector("tbody");
-                }
+                tbody.innerHTML = "";
-
+                sortedRows.forEach(row => tbody.appendChild(row));
-                const tbody = table.querySelector("tbody");
+            });
-                tbody.innerHTML = "";
+        });
-                sortedRows.forEach(row => tbody.appendChild(row));
+
-            });
+        filterInput.addEventListener("input", function() {
-        });
+            const filterValue = filterInput.value.trim().toLowerCase();
-
+            rows.forEach(row => {
-        filterInput.addEventListener("input", function() {
+                const rowText = row.textContent.trim().toLowerCase();
-            const filterValue = filterInput.value.trim().toLowerCase();
+                row.style.display = rowText.includes(filterValue) ? "" : "none";
-            rows.forEach(row => {
+            });
-                const rowText = row.textContent.trim().toLowerCase();
+        });
-                row.style.display = rowText.includes(filterValue) ? "" : "none";
+    });
-            });
+</script>
-        });
+<!-- Page Banner Start -->
-    });
+<?php
-</script>
+$bannerFolder = 'assets/images/banners/';
-<!-- Page Banner Start -->
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-<div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA EFT Payments</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA EFT Payments</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">4WDCSA EFT Payments</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">4WDCSA EFT Payments</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+
-    </div>
+<!-- Tour List Area start -->
-</section>
+<section class="tour-list-page py-10 rel z-1">
-
+    <div class="container">
-<!-- Tour List Area start -->
+        <div class="row">
-<section class="tour-list-page py-10 rel z-1">
+            <div class="col-lg-12">
-    <div class="container">
+                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
-        <div class="row">
+                    <div style='padding:10px;'>
-            <div class="col-lg-12">
+                        <?php
-                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
+                        // Fetch payments
-                    <div style='padding:10px;'>
+                        $paymentSql = "SELECT b.user_id, b.eft_id, b.amount, b.status, b.timestamp, b.description, 
-                        <?php
+                u.first_name, u.last_name                
-                        // Fetch payments
+                FROM efts b 
-                        $paymentSql = "SELECT b.user_id, b.eft_id, b.amount, b.status, b.timestamp, b.description, 
+                INNER JOIN users u ON b.user_id = u.user_id";
-                u.first_name, u.last_name                
+                        $stmt = $conn->prepare($paymentSql);
-                FROM efts b 
+                        $stmt->execute();
-                INNER JOIN users u ON b.user_id = u.user_id";
+                        $result = $stmt->get_result();
-                        $stmt = $conn->prepare($paymentSql);
+
-                        $stmt->execute();
+                        if ($result->num_rows > 0) {
-                        $result = $stmt->get_result();
+                            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
-
+                            echo '<table>
-                        if ($result->num_rows > 0) {
+                    <thead>
-                            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
+                        <tr>
-                            echo '<table>
+                            <th>Date</th>                            
-                    <thead>
+                            <th>Name</th>
-                        <tr>
+                            <th>Description</th>
-                            <th>Date</th>                            
+                            <th>Amount</th>
-                            <th>Name</th>
+                            <th>Reference</th>
-                            <th>Description</th>
+                            <th>Status</th>
-                            <th>Amount</th>
+                        </tr>
-                            <th>Reference</th>
+                    </thead>
-                            <th>Status</th>
+                    <tbody>';
-                        </tr>
+                            while ($row = $result->fetch_assoc()) {
-                    </thead>
+                                // Generate a unique token for this EFT
-                    <tbody>';
+
-                            while ($row = $result->fetch_assoc()) {
+                                echo "<tr>
-                                // Generate a unique token for this EFT
+                                <td>" . htmlspecialchars($row['timestamp']) . "</td>                                
-
+                                <td>" . htmlspecialchars($row['first_name'] . ' ' . $row['last_name']) . "</td>
-                                echo "<tr>
+                                <td>" . htmlspecialchars($row['description']) . "</td>
-                                <td>" . htmlspecialchars($row['timestamp']) . "</td>                                
+                                <td>" . htmlspecialchars($row['amount']) . "</td>
-                                <td>" . htmlspecialchars($row['first_name'] . ' ' . $row['last_name']) . "</td>
+                                <td>" . htmlspecialchars($row['eft_id']) . "</td>";
-                                <td>" . htmlspecialchars($row['description']) . "</td>
+                                if (($row['status']) == 'AWAITING PAYMENT') {
-                                <td>" . htmlspecialchars($row['amount']) . "</td>
+                                    echo "<td><a href='process_eft.php?token=" . encryptData($row['eft_id'], $salt) . "' class='theme-btn style-two style-three'>
-                                <td>" . htmlspecialchars($row['eft_id']) . "</td>";
+            <span data-hover='PAYMENT RECEIVED'>" . htmlspecialchars($row['status']) . "</span>
-                                if (($row['status']) == 'AWAITING PAYMENT') {
+        </a></td></tr>";
-                                    echo "<td><a href='process_eft.php?token=" . encryptData($row['eft_id'], $salt) . "' class='theme-btn style-two style-three'>
+                                } elseif (($row['status']) == 'PROCESSING') {
-            <span data-hover='PAYMENT RECEIVED'>" . htmlspecialchars($row['status']) . "</span>
+                                    echo "<td><a href='process_payments.php' class='theme-btn style-two style-three'>
-        </a></td></tr>";
+                                    <span data-hover='PROCESS'>PROCESS</span>
-                                } elseif (($row['status']) == 'PROCESSING') {
+                                </a></td></tr>";
-                                    echo "<td><a href='process_payments.php' class='theme-btn style-two style-three'>
+                                } else {
-                                    <span data-hover='PROCESS'>PROCESS</span>
+                                    echo "<td>" . htmlspecialchars($row['status']) . "</td>";
-                                </a></td></tr>";
+                                }
-                                } else {
+                            }
-                                    echo "<td>" . htmlspecialchars($row['status']) . "</td>";
+                        } else {
-                                }
+                            echo '<tr><td colspan="5">No records found</td></tr>';
-                            }
+                        } ?>
-                        } else {
+
-                            echo '<tr><td colspan="5">No records found</td></tr>';
+                        </tbody>
-                        } ?>
+                        </table>
-
+                    </div>
-                        </tbody>
+                </div>
-                        </table>
+            </div>
-                    </div>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- Tour List Area end -->
-    </div>
+
-</section>
+
-<!-- Tour List Area end -->
+<?php include_once("insta_footer.php"); ?>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_members.php
+++ b/src/admin/admin_members.php
@@ -1,238 +1,235 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST['accept_indemnity'])) {
-checkAdmin();
+    $user_id = intval($_POST['user_id']);
-
+    $stmt = $conn->prepare("UPDATE membership_application SET accept_indemnity = 1 WHERE user_id = ?");
-if ($_SERVER["REQUEST_METHOD"] === "POST" && isset($_POST['accept_indemnity'])) {
+    if ($stmt) {
-    $user_id = intval($_POST['user_id']);
+        $stmt->bind_param("i", $user_id);
-    $stmt = $conn->prepare("UPDATE membership_application SET accept_indemnity = 1 WHERE user_id = ?");
+        $stmt->execute();
-    if ($stmt) {
+        $stmt->close();
-        $stmt->bind_param("i", $user_id);
+    }
-        $stmt->execute();
+}
-        $stmt->close();
+
-    }
+// SQL query to fetch data
-}
+$sql = "SELECT user_id, first_name, last_name, tel_cell, email, dob, accept_indemnity FROM membership_application";
-
+
-// SQL query to fetch membership applications
+$result = $conn->query($sql);
-$stmt = $conn->prepare("SELECT user_id, first_name, last_name, tel_cell, email, dob, accept_indemnity FROM membership_application");
+?>
-$stmt->execute();
+<style>
-$result = $stmt->get_result();
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .infobox {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .infobox {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+    .theme-btn,
-        margin-bottom: 15px;
+    a.theme-btn {
-    }
+        padding: 0px 14px;
-    .theme-btn,
+    }
-    a.theme-btn {
+    
-        padding: 0px 14px;
+</style>
-    }
+<script>
-    
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const table = document.querySelector("table");
-<script>
+        const headers = table.querySelectorAll("thead th");
-    document.addEventListener("DOMContentLoaded", function() {
+        const rows = Array.from(table.querySelectorAll("tbody tr"));
-        const table = document.querySelector("table");
+        const filterInput = document.getElementById("filterInput");
-        const headers = table.querySelectorAll("thead th");
+
-        const rows = Array.from(table.querySelectorAll("tbody tr"));
+        headers.forEach((header, index) => {
-        const filterInput = document.getElementById("filterInput");
+            header.addEventListener("click", () => {
-
+                const sortedRows = rows.sort((a, b) => {
-        headers.forEach((header, index) => {
+                    const aText = a.cells[index].textContent.trim().toLowerCase();
-            header.addEventListener("click", () => {
+                    const bText = b.cells[index].textContent.trim().toLowerCase();
-                const sortedRows = rows.sort((a, b) => {
+
-                    const aText = a.cells[index].textContent.trim().toLowerCase();
+                    if (aText < bText) return -1;
-                    const bText = b.cells[index].textContent.trim().toLowerCase();
+                    if (aText > bText) return 1;
-
+                    return 0;
-                    if (aText < bText) return -1;
+                });
-                    if (aText > bText) return 1;
+
-                    return 0;
+                if (header.classList.contains("asc")) {
-                });
+                    header.classList.remove("asc");
-
+                    header.classList.add("desc");
-                if (header.classList.contains("asc")) {
+                    sortedRows.reverse();
-                    header.classList.remove("asc");
+                } else {
-                    header.classList.add("desc");
+                    headers.forEach(h => h.classList.remove("asc", "desc"));
-                    sortedRows.reverse();
+                    header.classList.add("asc");
-                } else {
+                }
-                    headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                    header.classList.add("asc");
+                const tbody = table.querySelector("tbody");
-                }
+                tbody.innerHTML = "";
-
+                sortedRows.forEach(row => tbody.appendChild(row));
-                const tbody = table.querySelector("tbody");
+            });
-                tbody.innerHTML = "";
+        });
-                sortedRows.forEach(row => tbody.appendChild(row));
+
-            });
+        filterInput.addEventListener("input", function() {
-        });
+            const filterValue = filterInput.value.trim().toLowerCase();
-
+            rows.forEach(row => {
-        filterInput.addEventListener("input", function() {
+                const rowText = row.textContent.trim().toLowerCase();
-            const filterValue = filterInput.value.trim().toLowerCase();
+                row.style.display = rowText.includes(filterValue) ? "" : "none";
-            rows.forEach(row => {
+            });
-                const rowText = row.textContent.trim().toLowerCase();
+        });
-                row.style.display = rowText.includes(filterValue) ? "" : "none";
+    });
-            });
+</script>
-        });
+<!-- Page Banner Start -->
-    });
+<?php
-</script>
+$bannerFolder = 'assets/images/banners/';
-<!-- Page Banner Start -->
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+    <div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-    <div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Members</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Members</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">4WDCSA Members</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">4WDCSA Members</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+
-    </div>
+<!-- Tour List Area start -->
-</section>
+<section class="tour-list-page py-10 rel z-1">
-
+    <div class="container">
-<!-- Tour List Area start -->
+        <div class="row">
-<section class="tour-list-page py-10 rel z-1">
+            <div class="col-lg-12">
-    <div class="container">
+                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
-        <div class="row">
+                    <div style='padding:10px;'>
-            <div class="col-lg-12">
+                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
-                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
+                        <table>
-                    <div style='padding:10px;'>
+                            <thead>
-                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
+                                <tr>
-                        <table>
+                                    <th>First Name</th>
-                            <thead>
+                                    <th>Last Name</th>
-                                <tr>
+                                    <th>Cell Number</th>
-                                    <th>First Name</th>
+                                    <th>Email</th>
-                                    <th>Last Name</th>
+                                    <th>Date of Birth</th>
-                                    <th>Cell Number</th>
+                                    <th>Membership</th>                                    
-                                    <th>Email</th>
+                                    <th>View Info</th>
-                                    <th>Date of Birth</th>
+                                    <th>Indemnity</th>
-                                    <th>Membership</th>                                    
+                                </tr>
-                                    <th>View Info</th>
+                            </thead>
-                                    <th>Indemnity</th>
+                            <tbody>
-                                </tr>
+                                <?php
-                            </thead>
+                                if ($result->num_rows > 0) {
-                            <tbody>
+                                    // Output data of each row
-                                <?php
+                                    while ($row = $result->fetch_assoc()) {
-                                if ($result->num_rows > 0) {
+                                        echo "<tr>
-                                    // Output data of each row
+                                            <td>" . htmlspecialchars($row['first_name']) . "</td>
-                                    while ($row = $result->fetch_assoc()) {
+                                            <td>" . htmlspecialchars($row['last_name']) . "</td>
-                                        echo "<tr>
+                                            <td>" . htmlspecialchars($row['tel_cell']) . "</td>
-                                            <td>" . htmlspecialchars($row['first_name']) . "</td>
+                                            <td>" . htmlspecialchars($row['email']) . "</td>
-                                            <td>" . htmlspecialchars($row['last_name']) . "</td>
+                                            <td>" . htmlspecialchars($row['dob']) . "</td>
-                                            <td>" . htmlspecialchars($row['tel_cell']) . "</td>
+                                            <td>" . (getUserMemberStatus($row['user_id']) ? 'ACTIVE' : 'INACTIVE') . "</td>
-                                            <td>" . htmlspecialchars($row['email']) . "</td>
+                                            <td><a href='member_info.php?token=" . encryptData($row['user_id'], $salt) . "' class='theme-btn style-two style-three'><span data-hover='PAYMENT RECEIVED'>View Info</span></a></td>
-                                            <td>" . htmlspecialchars($row['dob']) . "</td>
+                                            <td>";
-                                            <td>" . (getUserMemberStatus($row['user_id']) ? 'ACTIVE' : 'INACTIVE') . "</td>
+
-                                            <td><a href='member_info.php?token=" . encryptData($row['user_id'], $salt) . "' class='theme-btn style-two style-three'><span data-hover='PAYMENT RECEIVED'>View Info</span></a></td>
+                                        if (!$row['accept_indemnity']) {
-                                            <td>";
+                                            echo "<form method='POST' style='display:inline;'>
-
+                                                    <input type='hidden' name='user_id' value='" . $row['user_id'] . "'>
-                                        if (!$row['accept_indemnity']) {
+                                                    <button type='submit' name='accept_indemnity' class='theme-btn small'>Accept</button>
-                                            echo "<form method='POST' style='display:inline;'>
+                                                </form>";
-                                                    <input type='hidden' name='user_id' value='" . $row['user_id'] . "'>
+                                        } else {
-                                                    <button type='submit' name='accept_indemnity' class='theme-btn small'>Accept</button>
+                                            echo "✅ Accepted";
-                                                </form>";
+                                        }
-                                        } else {
+
-                                            echo "✅ Accepted";
+                                        echo "</td>
-                                        }
+                                        </tr>";
-
+                                    }
-                                        echo "</td>
+                                } else {
-                                        </tr>";
+                                    echo '<tr><td colspan="8">No records found</td></tr>';
-                                    }
+                                }
-                                } else {
+                                ?>
-                                    echo '<tr><td colspan="8">No records found</td></tr>';
+
-                                }
+
-                                ?>
+                            </tbody>
-
+                        </table>
-
+                    </div>
-                            </tbody>
+                </div>
-                        </table>
+            </div>
-                    </div>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- Tour List Area end -->
-    </div>
+
-</section>
+
-<!-- Tour List Area end -->
+<?php include_once("insta_footer.php"); ?>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_payments.php
+++ b/src/admin/admin_payments.php
@@ -1,211 +1,208 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+?>
-checkAdmin();
+<style>
-
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .infobox {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .infobox {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+    
-        margin-bottom: 15px;
+</style>
-    }
+<script>
-    
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const table = document.querySelector("table");
-<script>
+        const headers = table.querySelectorAll("thead th");
-    document.addEventListener("DOMContentLoaded", function() {
+        const rows = Array.from(table.querySelectorAll("tbody tr"));
-        const table = document.querySelector("table");
+        const filterInput = document.getElementById("filterInput");
-        const headers = table.querySelectorAll("thead th");
+
-        const rows = Array.from(table.querySelectorAll("tbody tr"));
+        headers.forEach((header, index) => {
-        const filterInput = document.getElementById("filterInput");
+            header.addEventListener("click", () => {
-
+                const sortedRows = rows.sort((a, b) => {
-        headers.forEach((header, index) => {
+                    const aText = a.cells[index].textContent.trim().toLowerCase();
-            header.addEventListener("click", () => {
+                    const bText = b.cells[index].textContent.trim().toLowerCase();
-                const sortedRows = rows.sort((a, b) => {
+
-                    const aText = a.cells[index].textContent.trim().toLowerCase();
+                    if (aText < bText) return -1;
-                    const bText = b.cells[index].textContent.trim().toLowerCase();
+                    if (aText > bText) return 1;
-
+                    return 0;
-                    if (aText < bText) return -1;
+                });
-                    if (aText > bText) return 1;
+
-                    return 0;
+                if (header.classList.contains("asc")) {
-                });
+                    header.classList.remove("asc");
-
+                    header.classList.add("desc");
-                if (header.classList.contains("asc")) {
+                    sortedRows.reverse();
-                    header.classList.remove("asc");
+                } else {
-                    header.classList.add("desc");
+                    headers.forEach(h => h.classList.remove("asc", "desc"));
-                    sortedRows.reverse();
+                    header.classList.add("asc");
-                } else {
+                }
-                    headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                    header.classList.add("asc");
+                const tbody = table.querySelector("tbody");
-                }
+                tbody.innerHTML = "";
-
+                sortedRows.forEach(row => tbody.appendChild(row));
-                const tbody = table.querySelector("tbody");
+            });
-                tbody.innerHTML = "";
+        });
-                sortedRows.forEach(row => tbody.appendChild(row));
+
-            });
+        filterInput.addEventListener("input", function() {
-        });
+            const filterValue = filterInput.value.trim().toLowerCase();
-
+            rows.forEach(row => {
-        filterInput.addEventListener("input", function() {
+                const rowText = row.textContent.trim().toLowerCase();
-            const filterValue = filterInput.value.trim().toLowerCase();
+                row.style.display = rowText.includes(filterValue) ? "" : "none";
-            rows.forEach(row => {
+            });
-                const rowText = row.textContent.trim().toLowerCase();
+        });
-                row.style.display = rowText.includes(filterValue) ? "" : "none";
+    });
-            });
+</script>
-        });
+<!-- Page Banner Start -->
-    });
+<?php
-</script>
+$bannerFolder = 'assets/images/banners/';
-<!-- Page Banner Start -->
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-<div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Payments</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Payments</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">4WDCSA Payments</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">4WDCSA Payments</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+
-    </div>
+<!-- Tour List Area start -->
-</section>
+<section class="tour-list-page py-10 rel z-1">
-
+    <div class="container">
-<!-- Tour List Area start -->
+        <div class="row">
-<section class="tour-list-page py-10 rel z-1">
+            <div class="col-lg-12">
-    <div class="container">
+                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
-        <div class="row">
+                    <div style='padding:10px;'>
-            <div class="col-lg-12">
+                        <?php
-                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
+                        // Fetch payments
-                    <div style='padding:10px;'>
+                        $paymentSql = "SELECT b.user_id, b.payment_id, b.amount, b.status, b.date, b.description, 
-                        <?php
+                u.first_name, u.last_name                
-                        // Fetch payments
+                FROM payments b 
-                        $paymentSql = "SELECT b.user_id, b.payment_id, b.amount, b.status, b.date, b.description, 
+                INNER JOIN users u ON b.user_id = u.user_id";
-                u.first_name, u.last_name                
+                        $stmt = $conn->prepare($paymentSql);
-                FROM payments b 
+                        $stmt->execute();
-                INNER JOIN users u ON b.user_id = u.user_id";
+                        $result = $stmt->get_result();
-                        $stmt = $conn->prepare($paymentSql);
+
-                        $stmt->execute();
+                        if ($result->num_rows > 0) {
-                        $result = $stmt->get_result();
+                            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
-
+                            echo '<table>
-                        if ($result->num_rows > 0) {
+                    <thead>
-                            echo '<input type="text" class="filter-input" placeholder="Filter results...">';
+                        <tr>
-                            echo '<table>
+                            <th>Date</th>
-                    <thead>
+                            <th>ID</th>
-                        <tr>
+                            <th>Name</th>
-                            <th>Date</th>
+                            <th>Description</th>
-                            <th>ID</th>
+                            <th>Amount</th>
-                            <th>Name</th>
+                            <th>Status</th>
-                            <th>Description</th>
+                        </tr>
-                            <th>Amount</th>
+                    </thead>
-                            <th>Status</th>
+                    <tbody>';
-                        </tr>
+                            while ($row = $result->fetch_assoc()) {
-                    </thead>
+                                echo "<tr>
-                    <tbody>';
+                                <td>" . htmlspecialchars($row['date']) . "</td>
-                            while ($row = $result->fetch_assoc()) {
+                                <td>" . htmlspecialchars($row['payment_id']) . "</td>
-                                echo "<tr>
+                                <td>" . htmlspecialchars($row['first_name'] . ' ' . $row['last_name']) . "</td>
-                                <td>" . htmlspecialchars($row['date']) . "</td>
+                                <td>" . htmlspecialchars($row['description']) . "</td>
-                                <td>" . htmlspecialchars($row['payment_id']) . "</td>
+                                <td>" . htmlspecialchars($row['amount']) . "</td>
-                                <td>" . htmlspecialchars($row['first_name'] . ' ' . $row['last_name']) . "</td>
+                                <td>" . htmlspecialchars($row['status']) . "</td>
-                                <td>" . htmlspecialchars($row['description']) . "</td>
+                            </tr>";
-                                <td>" . htmlspecialchars($row['amount']) . "</td>
+                            }
-                                <td>" . htmlspecialchars($row['status']) . "</td>
+                        } else {
-                            </tr>";
+                            echo '<tr><td colspan="5">No records found</td></tr>';
-                            }
+                        } ?>
-                        } else {
+
-                            echo '<tr><td colspan="5">No records found</td></tr>';
+                        </tbody>
-                        } ?>
+                        </table>
-
+                    </div>
-                        </tbody>
+                </div>
-                        </table>
+            </div>
-                    </div>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- Tour List Area end -->
-    </div>
+
-</section>
+
-<!-- Tour List Area end -->
+<?php include_once("insta_footer.php"); ?>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_trip_bookings.php
+++ b/src/admin/admin_trip_bookings.php
@@ -1,240 +1,237 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+
-include_once($rootPath . '/header.php');
+// Fetch all trips
-checkAdmin();
+$tripsSql = "SELECT trip_id, trip_name FROM trips";
-
+$tripsResult = $conn->query($tripsSql);
-// Fetch all trips
+
-$tripsSql = "SELECT trip_id, trip_name FROM trips";
+?>
-$tripsResult = $conn->query($tripsSql);
+<style>
-
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .trip-booking {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .trip-booking {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+    
-        margin-bottom: 15px;
+</style>
-    }
+<script>
-    
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const tables = document.querySelectorAll("table");
-<script>
+        tables.forEach((table) => {
-    document.addEventListener("DOMContentLoaded", function() {
+            const headers = table.querySelectorAll("thead th");
-        const tables = document.querySelectorAll("table");
+            const rows = Array.from(table.querySelectorAll("tbody tr"));
-        tables.forEach((table) => {
+            const filterInput = table.previousElementSibling;
-            const headers = table.querySelectorAll("thead th");
+
-            const rows = Array.from(table.querySelectorAll("tbody tr"));
+            headers.forEach((header, index) => {
-            const filterInput = table.previousElementSibling;
+                header.addEventListener("click", () => {
-
+                    const sortedRows = rows.sort((a, b) => {
-            headers.forEach((header, index) => {
+                        const aText = a.cells[index].textContent.trim().toLowerCase();
-                header.addEventListener("click", () => {
+                        const bText = b.cells[index].textContent.trim().toLowerCase();
-                    const sortedRows = rows.sort((a, b) => {
+
-                        const aText = a.cells[index].textContent.trim().toLowerCase();
+                        if (aText < bText) return -1;
-                        const bText = b.cells[index].textContent.trim().toLowerCase();
+                        if (aText > bText) return 1;
-
+                        return 0;
-                        if (aText < bText) return -1;
+                    });
-                        if (aText > bText) return 1;
+
-                        return 0;
+                    if (header.classList.contains("asc")) {
-                    });
+                        header.classList.remove("asc");
-
+                        header.classList.add("desc");
-                    if (header.classList.contains("asc")) {
+                        sortedRows.reverse();
-                        header.classList.remove("asc");
+                    } else {
-                        header.classList.add("desc");
+                        headers.forEach(h => h.classList.remove("asc", "desc"));
-                        sortedRows.reverse();
+                        header.classList.add("asc");
-                    } else {
+                    }
-                        headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                        header.classList.add("asc");
+                    const tbody = table.querySelector("tbody");
-                    }
+                    tbody.innerHTML = "";
-
+                    sortedRows.forEach(row => tbody.appendChild(row));
-                    const tbody = table.querySelector("tbody");
+                });
-                    tbody.innerHTML = "";
+            });
-                    sortedRows.forEach(row => tbody.appendChild(row));
+
-                });
+            if (rows.length === 0) {
-            });
+                filterInput.style.display = "none";
-
+            } else {
-            if (rows.length === 0) {
+                filterInput.addEventListener("input", function() {
-                filterInput.style.display = "none";
+                    const filterValue = filterInput.value.trim().toLowerCase();
-            } else {
+                    rows.forEach(row => {
-                filterInput.addEventListener("input", function() {
+                        const rowText = row.textContent.trim().toLowerCase();
-                    const filterValue = filterInput.value.trim().toLowerCase();
+                        row.style.display = rowText.includes(filterValue) ? "" : "none";
-                    rows.forEach(row => {
+                    });
-                        const rowText = row.textContent.trim().toLowerCase();
+                });
-                        row.style.display = rowText.includes(filterValue) ? "" : "none";
+            }
-                    });
+        });
-                });
+    });
-            }
+</script>
-        });
+<?php
-    });
+$bannerFolder = 'assets/images/banners/';
-</script>
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-<div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Trip Bookings</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Trip Bookings</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">Trip Bookings</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">Trip Bookings</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+<section class="tour-list-page py-10 rel z-1">
-    </div>
+    <div class="container">
-</section>
+        <?php
-<section class="tour-list-page py-10 rel z-1">
+        if ($tripsResult->num_rows > 0) {
-    <div class="container">
+            while ($trip = $tripsResult->fetch_assoc()) {
-        <?php
+                $tripId = $trip['trip_id'];
-        if ($tripsResult->num_rows > 0) {
+                $tripName = htmlspecialchars($trip['trip_name']);
-            while ($trip = $tripsResult->fetch_assoc()) {
+
-                $tripId = $trip['trip_id'];
+                echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
-                $tripName = htmlspecialchars($trip['trip_name']);
+                echo "<div style='padding:10px;'>";
-
+                echo "<h4>{$tripName}</h4>";
-                echo "<div class='trip-booking' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>";
+
-                echo "<div style='padding:10px;'>";
+                // Fetch bookings for the current trip
-                echo "<h4>{$tripName}</h4>";
+                $bookingsSql = "SELECT b.user_id, b.num_vehicles, b.num_adults, b.num_children, b.num_pensioners, b.radio, b.status, 
-
+                u.first_name, u.last_name,
-                // Fetch bookings for the current trip
+                (b.total_amount - b.discount_amount) AS paid
-                $bookingsSql = "SELECT b.user_id, b.num_vehicles, b.num_adults, b.num_children, b.num_pensioners, b.radio, b.status, 
+                FROM bookings b 
-                u.first_name, u.last_name, u.profile_pic,
+                INNER JOIN users u ON b.user_id = u.user_id 
-                (b.total_amount - b.discount_amount) AS paid
+                WHERE b.trip_id = ?";
-                FROM bookings b 
+                $stmt = $conn->prepare($bookingsSql);
-                INNER JOIN users u ON b.user_id = u.user_id 
+                $stmt->bind_param('i', $tripId);
-                WHERE b.trip_id = ?";
+                $stmt->execute();
-                $stmt = $conn->prepare($bookingsSql);
+                $bookingsResult = $stmt->get_result();
-                $stmt->bind_param('i', $tripId);
+
-                $stmt->execute();
+
-                $bookingsResult = $stmt->get_result();
+                if ($bookingsResult->num_rows > 0) {
-
+                    echo '<input type="text" class="filter-input" placeholder="Filter results...">';
-
+                    echo '<table>
-                if ($bookingsResult->num_rows > 0) {
+                            <thead>
-                    echo '<input type="text" class="filter-input" placeholder="Filter results...">';
+                                <tr>
-                    echo '<table>
+                                <th></th>
-                            <thead>
+                                    <th>Name</th>
-                                <tr>
+                                    <th>Vehicles</th>
-                                <th></th>
+                                    <th>Adults</th>
-                                    <th>Name</th>
+                                    <th>Children</th>
-                                    <th>Vehicles</th>
+                                    <th>Pensioners</th>
-                                    <th>Adults</th>
+                                    <th>Radio</th>
-                                    <th>Children</th>
+                                    <th>Status</th>
-                                    <th>Pensioners</th>
+                                    <th>Amount</th>
-                                    <th>Radio</th>
+                                </tr>
-                                    <th>Status</th>
+                            </thead>
-                                    <th>Amount</th>
+                            <tbody>';
-                                </tr>
+                    while ($booking = $bookingsResult->fetch_assoc()) {
-                            </thead>
+                        $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
-                            <tbody>';
+                        $numVehicles = htmlspecialchars($booking['num_vehicles']);
-                    while ($booking = $bookingsResult->fetch_assoc()) {
+                        $numAdults = htmlspecialchars($booking['num_adults']);
-                        $userName = htmlspecialchars($booking['first_name'] . ' ' . $booking['last_name']);
+                        $numPensioners = htmlspecialchars($booking['num_pensioners']);
-                        $numVehicles = htmlspecialchars($booking['num_vehicles']);
+                        $numChildren = htmlspecialchars($booking['num_children']);
-                        $numAdults = htmlspecialchars($booking['num_adults']);
+                        $radio = $booking['radio'] == 1 ? "YES" : "NO";
-                        $numPensioners = htmlspecialchars($booking['num_pensioners']);
+                        $status = htmlspecialchars($booking['status']);
-                        $numChildren = htmlspecialchars($booking['num_children']);
+                        $paid = "R " . number_format($booking['paid'], 2);
-                        $radio = $booking['radio'] == 1 ? "YES" : "NO";
+
-                        $status = htmlspecialchars($booking['status']);
+                        echo "<tr>
-                        $paid = "R " . number_format($booking['paid'], 2);
+                        <td><img src=".$booking['profile_pic']." alt='Profile Picture' class='profile-pic'></td>
-
+                                <td>{$userName}</td>
-                        echo "<tr>
+                                <td>{$numVehicles}</td>
-                        <td><img src=".$booking['profile_pic']." alt='Profile Picture' class='profile-pic'></td>
+                                <td>{$numAdults}</td>
-                                <td>{$userName}</td>
+                                <td>{$numChildren}</td>
-                                <td>{$numVehicles}</td>
+                                <td>{$numPensioners}</td>
-                                <td>{$numAdults}</td>
+                                <td>{$radio}</td>
-                                <td>{$numChildren}</td>
+                                <td>{$status}</td>
-                                <td>{$numPensioners}</td>
+                                <td>{$paid}</td>
-                                <td>{$radio}</td>
+                            </tr>";
-                                <td>{$status}</td>
+                    }
-                                <td>{$paid}</td>
+                    echo '</tbody></table>';
-                            </tr>";
+                } else {
-                    }
+                    echo '<p>No bookings found for this trip.</p>';
-                    echo '</tbody></table>';
+                }
-                } else {
+                echo "</div>";
-                    echo '<p>No bookings found for this trip.</p>';
+                echo "</div>";
-                }
+            }
-                echo "</div>";
+        } else {
-                echo "</div>";
+            echo '<p>No trips found.</p>';
-            }
+        }
-        } else {
+        ?>
-            echo '<p>No trips found.</p>';
+    </div>
-        }
+</section>
-        ?>
+<?php include_once("insta_footer.php"); ?>
    </div>
 </section>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_visitors.php
+++ b/src/admin/admin_visitors.php
@@ -1,204 +1,201 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkAdmin();
-$rootPath = dirname(dirname(__DIR__));
+// SQL query to fetch data
-include_once($rootPath . '/header.php');
+$sql = "SELECT ip_address, user_id, page_url, referrer_url, visit_time, country FROM visitor_logs WHERE NOT (ip_address = '185.203.122.69' OR ip_address = '156.155.29.213') ORDER BY visit_time DESC";
-checkAdmin();
+
-// SQL query to fetch data
+$result = $conn->query($sql);
-$sql = "SELECT ip_address, user_id, page_url, referrer_url, visit_time, country FROM visitor_logs WHERE NOT (ip_address = '185.203.122.69' OR ip_address = '156.155.29.213') ORDER BY visit_time DESC";
+?>
-
+<style>
-$result = $conn->query($sql);
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .infobox {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .infobox {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+</style>
-        margin-bottom: 15px;
+<script>
-    }
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const table = document.querySelector("table");
-<script>
+        const headers = table.querySelectorAll("thead th");
-    document.addEventListener("DOMContentLoaded", function() {
+        const rows = Array.from(table.querySelectorAll("tbody tr"));
-        const table = document.querySelector("table");
+        const filterInput = document.getElementById("filterInput");
-        const headers = table.querySelectorAll("thead th");
+
-        const rows = Array.from(table.querySelectorAll("tbody tr"));
+        headers.forEach((header, index) => {
-        const filterInput = document.getElementById("filterInput");
+            header.addEventListener("click", () => {
-
+                const sortedRows = rows.sort((a, b) => {
-        headers.forEach((header, index) => {
+                    const aText = a.cells[index].textContent.trim().toLowerCase();
-            header.addEventListener("click", () => {
+                    const bText = b.cells[index].textContent.trim().toLowerCase();
-                const sortedRows = rows.sort((a, b) => {
+
-                    const aText = a.cells[index].textContent.trim().toLowerCase();
+                    if (aText < bText) return -1;
-                    const bText = b.cells[index].textContent.trim().toLowerCase();
+                    if (aText > bText) return 1;
-
+                    return 0;
-                    if (aText < bText) return -1;
+                });
-                    if (aText > bText) return 1;
+
-                    return 0;
+                if (header.classList.contains("asc")) {
-                });
+                    header.classList.remove("asc");
-
+                    header.classList.add("desc");
-                if (header.classList.contains("asc")) {
+                    sortedRows.reverse();
-                    header.classList.remove("asc");
+                } else {
-                    header.classList.add("desc");
+                    headers.forEach(h => h.classList.remove("asc", "desc"));
-                    sortedRows.reverse();
+                    header.classList.add("asc");
-                } else {
+                }
-                    headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                    header.classList.add("asc");
+                const tbody = table.querySelector("tbody");
-                }
+                tbody.innerHTML = "";
-
+                sortedRows.forEach(row => tbody.appendChild(row));
-                const tbody = table.querySelector("tbody");
+            });
-                tbody.innerHTML = "";
+        });
-                sortedRows.forEach(row => tbody.appendChild(row));
+
-            });
+        filterInput.addEventListener("input", function() {
-        });
+            const filterValue = filterInput.value.trim().toLowerCase();
-
+            rows.forEach(row => {
-        filterInput.addEventListener("input", function() {
+                const rowText = row.textContent.trim().toLowerCase();
-            const filterValue = filterInput.value.trim().toLowerCase();
+                row.style.display = rowText.includes(filterValue) ? "" : "none";
-            rows.forEach(row => {
+            });
-                const rowText = row.textContent.trim().toLowerCase();
+        });
-                row.style.display = rowText.includes(filterValue) ? "" : "none";
+    });
-            });
+</script>
-        });
+<!-- Page Banner Start -->
-    });
+<?php
-</script>
+$bannerFolder = 'assets/images/banners/';
-<!-- Page Banner Start -->
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+    <div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-    <div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Visitor Logs</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Visitor Logs</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">4WDCSA Visitor Logs</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">4WDCSA Visitor Logs</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+
-    </div>
+<!-- Tour List Area start -->
-</section>
+<section class="tour-list-page py-10 rel z-1">
-
+    <div class="container">
-<!-- Tour List Area start -->
+        <div class="row">
-<section class="tour-list-page py-10 rel z-1">
+            <div class="col-lg-12">
-    <div class="container">
+                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
-        <div class="row">
+                    <div style='padding:10px;'>
-            <div class="col-lg-12">
+                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
-                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
+                        <table>
-                    <div style='padding:10px;'>
+                            <thead>
-                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
+                                <tr>
-                        <table>
+                                <th>Country</th>    
-                            <thead>
+                                <th>IP Address</th>
-                                <tr>
+                                    <th>User ID</th>
-                                <th>Country</th>    
+                                    <th>Page URL</th>
-                                <th>IP Address</th>
+                                    <th>Referrer</th>
-                                    <th>User ID</th>
+                                    <th>Timestamp</th>
-                                    <th>Page URL</th>
+                                </tr>
-                                    <th>Referrer</th>
+                            </thead>
-                                    <th>Timestamp</th>
+                            <tbody>
-                                </tr>
+                                <?php
-                            </thead>
+                                if ($result->num_rows > 0) {
-                            <tbody>
+                                    while ($row = $result->fetch_assoc()) {
-                                <?php
+                                        echo "<tr>
-                                if ($result->num_rows > 0) {
+                                        <td>" . ($row['country']) . "</td>
-                                    while ($row = $result->fetch_assoc()) {
+                <td>" . htmlspecialchars($row['ip_address']) . "</td>
-                                        echo "<tr>
+                <td>" . ($row['user_id'] !== null ? htmlspecialchars(getFullName($row['user_id'])) : '-') . "</td>
-                                        <td>" . ($row['country']) . "</td>
+                <td>" . htmlspecialchars($row['page_url']) . "</td>
-                <td>" . htmlspecialchars($row['ip_address']) . "</td>
+                <td>" . ($row['referrer_url'] ? htmlspecialchars($row['referrer_url']) : '-') . "</td>
-                <td>" . ($row['user_id'] !== null ? htmlspecialchars(getFullName($row['user_id'])) : '-') . "</td>
+                <td>" . htmlspecialchars($row['visit_time']) . "</td>
-                <td>" . htmlspecialchars($row['page_url']) . "</td>
+            </tr>";
-                <td>" . ($row['referrer_url'] ? htmlspecialchars($row['referrer_url']) : '-') . "</td>
+                                    }
-                <td>" . htmlspecialchars($row['visit_time']) . "</td>
+                                } else {
-            </tr>";
+                                    echo '<tr><td colspan="5">No logs found</td></tr>';
-                                    }
+                                }
-                                } else {
+                                ?>
-                                    echo '<tr><td colspan="5">No logs found</td></tr>';
+                            </tbody>
-                                }
+                        </table>
-                                ?>
+                    </div>
-                            </tbody>
+                </div>
-                        </table>
+            </div>
-                    </div>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- Tour List Area end -->
-    </div>
+
-</section>
+
-<!-- Tour List Area end -->
+<?php include_once("insta_footer.php"); ?>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/admin/admin_web_users.php
+++ b/src/admin/admin_web_users.php
@@ -1,284 +1,281 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkSuperAdmin();
-$rootPath = dirname(dirname(__DIR__));
+// SQL query to fetch data
-include_once($rootPath . '/header.php');
+$sql = "SELECT user_id, first_name, last_name, email, member, date_joined, token, is_verified, profile_pic FROM users";
-checkAdmin();
+$result = $conn->query($sql);
-// SQL query to fetch data
+?>
-$sql = "SELECT user_id, first_name, last_name, email, member, date_joined, token, is_verified, profile_pic FROM users";
+<style>
-$result = $conn->query($sql);
+    table {
-?>
+        width: 100%;
-<style>
+        border-collapse: separate;
-    table {
+        border-spacing: 0;
-        width: 100%;
+        margin: 10px 0;
-        border-collapse: separate;
+    }
-        border-spacing: 0;
+
-        margin: 10px 0;
+    thead th {
-    }
+        cursor: pointer;
-
+        text-align: left;
-    thead th {
+        padding: 10px;
-        cursor: pointer;
+        font-weight: bold;
-        text-align: left;
+        position: relative;
-        padding: 10px;
+    }
-        font-weight: bold;
+
-        position: relative;
+    thead th::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th::after {
+        font-size: 0.8em;
-        content: '\25B2';
+        position: absolute;
-        /* Up arrow */
+        right: 10px;
-        font-size: 0.8em;
+        opacity: 0;
-        position: absolute;
+        transition: opacity 0.2s;
-        right: 10px;
+    }
-        opacity: 0;
+
-        transition: opacity 0.2s;
+    thead th.asc::after {
-    }
+        content: '\25B2';
-
+        /* Up arrow */
-    thead th.asc::after {
+        opacity: 1;
-        content: '\25B2';
+    }
-        /* Up arrow */
+
-        opacity: 1;
+    thead th.desc::after {
-    }
+        content: '\25BC';
-
+        /* Down arrow */
-    thead th.desc::after {
+        opacity: 1;
-        content: '\25BC';
+    }
-        /* Down arrow */
+
-        opacity: 1;
+    tbody tr:nth-child(odd) {
-    }
+        background-color: transparent;
-
+    }
-    tbody tr:nth-child(odd) {
+
-        background-color: transparent;
+    tbody tr:nth-child(even) {
-    }
+        background-color: rgb(255, 255, 255);
-
+        border-radius: 10px;
-    tbody tr:nth-child(even) {
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 10px;
+    tbody td {
-    }
+        padding: 5px;
-
+    }
-    tbody td {
+
-        padding: 5px;
+    tbody tr:nth-child(even) td:first-child {
-    }
+        border-top-left-radius: 10px;
-
+        border-bottom-left-radius: 10px;
-    tbody tr:nth-child(even) td:first-child {
+    }
-        border-top-left-radius: 10px;
+
-        border-bottom-left-radius: 10px;
+    tbody tr:nth-child(even) td:last-child {
-    }
+        border-top-right-radius: 10px;
-
+        border-bottom-right-radius: 10px;
-    tbody tr:nth-child(even) td:last-child {
+    }
-        border-top-right-radius: 10px;
+
-        border-bottom-right-radius: 10px;
+    .filter-input {
-    }
+        width: 100%;
-
+        padding: 5px;
-    .filter-input {
+        /* margin-bottom: 20px; */
-        width: 100%;
+        font-size: 16px;
-        padding: 5px;
+        background-color: rgb(255, 255, 255);
-        /* margin-bottom: 20px; */
+        border-radius: 25px;
-        font-size: 16px;
+    }
-        background-color: rgb(255, 255, 255);
+
-        border-radius: 25px;
+    .infobox {
-    }
+        color: #484848;
-
+        background: #f9f9f7;
-    .infobox {
+        border: 1px solid #d8d8d8;
-        color: #484848;
+        border-radius: 10px;
-        background: #f9f9f7;
+        margin-top: 15px;
-        border: 1px solid #d8d8d8;
+        margin-bottom: 15px;
-        border-radius: 10px;
+    }
-        margin-top: 15px;
+</style>
-        margin-bottom: 15px;
+<script>
-    }
+    document.addEventListener("DOMContentLoaded", function() {
-</style>
+        const table = document.querySelector("table");
-<script>
+        const headers = table.querySelectorAll("thead th");
-    document.addEventListener("DOMContentLoaded", function() {
+        const rows = Array.from(table.querySelectorAll("tbody tr"));
-        const table = document.querySelector("table");
+        const filterInput = document.getElementById("filterInput");
-        const headers = table.querySelectorAll("thead th");
+
-        const rows = Array.from(table.querySelectorAll("tbody tr"));
+        headers.forEach((header, index) => {
-        const filterInput = document.getElementById("filterInput");
+            header.addEventListener("click", () => {
-
+                const sortedRows = rows.sort((a, b) => {
-        headers.forEach((header, index) => {
+                    const aText = a.cells[index].textContent.trim().toLowerCase();
-            header.addEventListener("click", () => {
+                    const bText = b.cells[index].textContent.trim().toLowerCase();
-                const sortedRows = rows.sort((a, b) => {
+
-                    const aText = a.cells[index].textContent.trim().toLowerCase();
+                    if (aText < bText) return -1;
-                    const bText = b.cells[index].textContent.trim().toLowerCase();
+                    if (aText > bText) return 1;
-
+                    return 0;
-                    if (aText < bText) return -1;
+                });
-                    if (aText > bText) return 1;
+
-                    return 0;
+                if (header.classList.contains("asc")) {
-                });
+                    header.classList.remove("asc");
-
+                    header.classList.add("desc");
-                if (header.classList.contains("asc")) {
+                    sortedRows.reverse();
-                    header.classList.remove("asc");
+                } else {
-                    header.classList.add("desc");
+                    headers.forEach(h => h.classList.remove("asc", "desc"));
-                    sortedRows.reverse();
+                    header.classList.add("asc");
-                } else {
+                }
-                    headers.forEach(h => h.classList.remove("asc", "desc"));
+
-                    header.classList.add("asc");
+                const tbody = table.querySelector("tbody");
-                }
+                tbody.innerHTML = "";
-
+                sortedRows.forEach(row => tbody.appendChild(row));
-                const tbody = table.querySelector("tbody");
+            });
-                tbody.innerHTML = "";
+        });
-                sortedRows.forEach(row => tbody.appendChild(row));
+
-            });
+        filterInput.addEventListener("input", function() {
-        });
+            const filterValue = filterInput.value.trim().toLowerCase();
-
+            rows.forEach(row => {
-        filterInput.addEventListener("input", function() {
+                const rowText = row.textContent.trim().toLowerCase();
-            const filterValue = filterInput.value.trim().toLowerCase();
+                row.style.display = rowText.includes(filterValue) ? "" : "none";
-            rows.forEach(row => {
+            });
-                const rowText = row.textContent.trim().toLowerCase();
+        });
-                row.style.display = rowText.includes(filterValue) ? "" : "none";
+    });
-            });
+</script>
-        });
+<!-- Page Banner Start -->
-    });
+<?php
-</script>
+$bannerFolder = 'assets/images/banners/';
-<!-- Page Banner Start -->
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-$bannerFolder = 'assets/images/banners/';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
+}
-if (!empty($bannerImages)) {
+?>
-    $randomBanner = $bannerImages[array_rand($bannerImages)];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-}
+    <div class="banner-overlay"></div>
-?>
+    <div class="container">
-<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
+        <div class="banner-inner text-white mb-50">
-    <div class="banner-overlay"></div>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Site Users</h2>
-    <div class="container">
+            <nav aria-label="breadcrumb">
-        <div class="banner-inner text-white mb-50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4WDCSA Site Users</h2>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <nav aria-label="breadcrumb">
+                    <li class="breadcrumb-item active">4WDCSA Site Users</li>
-                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
+            </nav>
-                    <li class="breadcrumb-item active">4WDCSA Site Users</li>
+        </div>
-                </ol>
+    </div>
-            </nav>
+</section>
-        </div>
+<?php if (isset($_SESSION['message'])): ?>
-    </div>
+    <div class="alert alert-warning message-box">
-</section>
+        <?php echo $_SESSION['message']; ?>
-<?php if (isset($_SESSION['message'])): ?>
+        <span class="close-btn" onclick="this.parentElement.style.display='none'">&times;</span>
-    <div class="alert alert-warning message-box">
+    </div>
-        <?php echo $_SESSION['message']; ?>
+    <?php unset($_SESSION['message']); ?>
-        <span class="close-btn" onclick="this.parentElement.style.display='none'">&times;</span>
+<?php endif; ?>
-    </div>
+
-    <?php unset($_SESSION['message']); ?>
+<!-- Tour List Area start -->
-<?php endif; ?>
+<section class="tour-list-page py-10 rel z-1">
-
+    <div class="container">
-<!-- Tour List Area start -->
+        <div class="row">
-<section class="tour-list-page py-10 rel z-1">
+            <div id="response-message" style="margin-top: 1rem;"></div>
-    <div class="container">
+            <div class="col-lg-12">
-        <div class="row">
+                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
-            <div id="response-message" style="margin-top: 1rem;"></div>
+                    <div style='padding:10px;'>
-            <div class="col-lg-12">
+                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
-                <div class='infobox' data-aos='fade-up' data-aos-duration='1500' data-aos-offset='50'>
+                        <table>
-                    <div style='padding:10px;'>
+                            <thead>
-                        <input type="text" id="filterInput" class="filter-input" placeholder="Filter results...">
+                                <tr>
-                        <table>
+                                    <th></th>
-                            <thead>
+                                    <!-- <th></th> -->
-                                <tr>
+                                    <th>First Name</th>
-                                    <th></th>
+                                    <th>Last Name</th>
-                                    <!-- <th></th> -->
+                                    <th>Email</th>
-                                    <th>First Name</th>
+                                    <th>Member</th>
-                                    <th>Last Name</th>
+                                    <th>Indemnity</th>
-                                    <th>Email</th>
+                                    <th>Date Joined</th>
-                                    <th>Member</th>
+                                    <th>Verified</th>
-                                    <th>Indemnity</th>
+                                    <th></th>
-                                    <th>Date Joined</th>
+                                </tr>
-                                    <th>Verified</th>
+                            </thead>
-                                    <th></th>
+                            <tbody>
-                                </tr>
+                                <?php
-                            </thead>
+                                if ($result->num_rows > 0) {
-                            <tbody>
+                                    // Output data of each row
-                                <?php
+                                    while ($row = $result->fetch_assoc()) {
-                                if ($result->num_rows > 0) {
+                                        if (getUserMemberStatus($row['user_id'])) {
-                                    // Output data of each row
+                                            $member = "\u{2713}";
-                                    while ($row = $result->fetch_assoc()) {
+                                        } else {
-                                        if (getUserMemberStatus($row['user_id'])) {
+                                            $member = "\u{2717}";
-                                            $member = "\u{2713}";
+                                        }
-                                        } else {
+
-                                            $member = "\u{2717}";
+                                        $indemnityPending = false;
-                                        }
+
-
+
-                                        $indemnityPending = false;
+                                        $userId = $row['user_id'];
-
+                                        $stmt = $conn->prepare("SELECT user_id FROM membership_application WHERE user_id = ? AND accept_indemnity = 0 LIMIT 1");
-
+                                        $stmt->bind_param("i", $userId);
-                                        $userId = $row['user_id'];
+                                        $stmt->execute();
-                                        $stmt = $conn->prepare("SELECT user_id FROM membership_application WHERE user_id = ? AND accept_indemnity = 0 LIMIT 1");
+                                        $stmt->store_result();
-                                        $stmt->bind_param("i", $userId);
+
-                                        $stmt->execute();
+                                        if ($stmt->num_rows > 0) {
-                                        $stmt->store_result();
+                                            $indemnityPending = true;
-
+                                        }
-                                        if ($stmt->num_rows > 0) {
+
-                                            $indemnityPending = true;
+                                        $stmt->close();
-                                        }
+
-
+                                        echo "<tr>
-                                        $stmt->close();
+                                <td><img src=" . $row['profile_pic'] . " alt='Profile Picture' class='profile-pic'></td>
-
+                                
-                                        echo "<tr>
+                                <td>" . htmlspecialchars($row['first_name']) . "</td>
-                                <td><img src=" . $row['profile_pic'] . " alt='Profile Picture' class='profile-pic'></td>
+                                <td>" . htmlspecialchars($row['last_name']) . "</td>
-                                
+                                <td>" . htmlspecialchars($row['email']) . "</td>
-                                <td>" . htmlspecialchars($row['first_name']) . "</td>
+                                <td>" . $member . "</td>
-                                <td>" . htmlspecialchars($row['last_name']) . "</td>
+                                <td>" . $indemnityPending . "</td>
-                                <td>" . htmlspecialchars($row['email']) . "</td>
+                                <td>" . htmlspecialchars($row['date_joined']) . "</td>
-                                <td>" . $member . "</td>
+                                <td>";
-                                <td>" . $indemnityPending . "</td>
+                                        if ($row['is_verified'] != 1) {
-                                <td>" . htmlspecialchars($row['date_joined']) . "</td>
+                                            echo "
-                                <td>";
+                                    <button class='resend-btn'
-                                        if ($row['is_verified'] != 1) {
+                                        data-email=" . htmlspecialchars($row['email'] ?? '') . "
-                                            echo "
+                                        data-name=" . htmlspecialchars($row['first_name'] ?? '') . " " . htmlspecialchars($row['last_name'] ?? '') . "
-                                    <button class='resend-btn'
+                                        data-token=" . htmlspecialchars($row['token'] ?? '') . ">
-                                        data-email=" . htmlspecialchars($row['email'] ?? '') . "
+                                    Resend Email
-                                        data-name=" . htmlspecialchars($row['first_name'] ?? '') . " " . htmlspecialchars($row['last_name'] ?? '') . "
+                                </button>";
-                                        data-token=" . htmlspecialchars($row['token'] ?? '') . ">
+                                        } else {
-                                    Resend Email
+                                            echo "\u{2713}";
-                                </button>";
+                                        }
-                                        } else {
+                            //             echo "</td>
-                                            echo "\u{2713}";
+                            //             <td><a href='linkmembership.php?user_id=".$row['user_id']."'>Link Membership</a></td>
-                                        }
+                                
-                            //             echo "</td>
+                            // </tr>";
-                            //             <td><a href='linkmembership.php?user_id=".$row['user_id']."'>Link Membership</a></td>
+                                    }
-                                
+                                } else {
-                            // </tr>";
+                                    echo '<tr><td colspan="5">No records found</td></tr>';
-                                    }
+                                } ?>
-                                } else {
+
-                                    echo '<tr><td colspan="5">No records found</td></tr>';
+                            </tbody>
-                                } ?>
+                        </table>
-
+                    </div>
-                            </tbody>
+                </div>
-                        </table>
+            </div>
-                    </div>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- Tour List Area end -->
-    </div>
+<script>
-</section>
+    document.querySelectorAll('.resend-btn').forEach(button => {
-<!-- Tour List Area end -->
+        button.addEventListener('click', function() {
-<script>
+            const email = this.dataset.email;
-    document.querySelectorAll('.resend-btn').forEach(button => {
+            const name = this.dataset.name;
-        button.addEventListener('click', function() {
+            const token = this.dataset.token;
-            const email = this.dataset.email;
+
-            const name = this.dataset.name;
+            fetch('resend_verification.php', {
-            const token = this.dataset.token;
+                    method: 'POST',
-
+                    headers: {
-            fetch('resend_verification', {
+                        'Content-Type': 'application/json'
-                    method: 'POST',
+                    },
-                    headers: {
+                    body: JSON.stringify({
-                        'Content-Type': 'application/json'
+                        email,
-                    },
+                        name,
-                    body: JSON.stringify({
+                        token
-                        email,
+                    })
-                        name,
+                })
-                        token
+                .then(response => response.json())
-                    })
+                .then(data => {
-                })
+                    const messageDiv = document.getElementById('response-message');
-                .then(response => response.json())
+                    messageDiv.textContent = data.message;
-                .then(data => {
+                    messageDiv.style.color = data.success ? 'green' : 'red';
-                    const messageDiv = document.getElementById('response-message');
+                })
-                    messageDiv.textContent = data.message;
+                .catch(error => {
-                    messageDiv.style.color = data.success ? 'green' : 'red';
+                    console.error('Error:', error);
-                })
+                });
-                .catch(error => {
+        });
-                    console.error('Error:', error);
+    });
-                });
+</script>
-        });
+
-    });
+
-</script>
+<?php include_once("insta_footer.php"); ?>
 <?php include_once($rootPath . '/components/insta_footer.php'); ?>
--- a/src/pages/events/agm_content.php
+++ b/src/pages/events/agm_content.php
@@ -1,384 +1,384 @@
-<style>
+<style>
-    .dropcap {
+    .dropcap {
-        float: left;
+        float: left;
-        font-size: 3em;
+        font-size: 3em;
-        line-height: 1;
+        line-height: 1;
-        padding-right: 0.1em;
+        padding-right: 0.1em;
-        font-weight: bold;
+        font-weight: bold;
-    }
+    }
-</style>
+</style>
-
+
-<p><strong>DATE:</strong> 05 April 2025 at 10h00<br>
+<p><strong>DATE:</strong> 05 April 2025 at 10h00<br>
-    <strong>VENUE:</strong> Base 4
+    <strong>VENUE:</strong> Base 4
-</p>
+</p>
-<p>
+<p>
-<h6><strong>NOTICE CONVENING THE MEETING</strong></h6>
+<h6><strong>NOTICE CONVENING THE MEETING</strong></h6>
-
+
-<ul>
+<ul>
-    <li>Proposed: Peter Hutchison</li>
+    <li>Proposed: Peter Hutchison</li>
-    <li>Seconded: Doug Timm</li>
+    <li>Seconded: Doug Timm</li>
-    <li>Attendance register will be available on request</li>
+    <li>Attendance register will be available on request</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>WELCOME, APOLOGIES AND PROXIES</strong></h6>
+<h6><strong>WELCOME, APOLOGIES AND PROXIES</strong></h6>
-<ul>
+<ul>
-    <li>Present: 30</li>
+    <li>Present: 30</li>
-    <li>Proxies: 15 Total: 45</li>
+    <li>Proxies: 15 Total: 45</li>
-    <li>Apologies: 2</li>
+    <li>Apologies: 2</li>
-    <li>Quorum confirmed</li>
+    <li>Quorum confirmed</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>ACCEPTANCE OF THE AGENDA WITH ANY ADDITIONAL ITEMS FROM THE FLOOR</strong></h6>
+<h6><strong>ACCEPTANCE OF THE AGENDA WITH ANY ADDITIONAL ITEMS FROM THE FLOOR</strong></h6>
-<ul>
+<ul>
-    <li>Proposed: Roy Olivier</li>
+    <li>Proposed: Roy Olivier</li>
-    <li>Seconded: Davin Webster</li>
+    <li>Seconded: Davin Webster</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>CONFIRMATION OF THE MINUTES OF THE PREVIOUS AGM OF 25 MARCH 2023</strong></h6>
+<h6><strong>CONFIRMATION OF THE MINUTES OF THE PREVIOUS AGM OF 25 MARCH 2023</strong></h6>
-<ul>
+<ul>
-    <li>Matters arising from the previous minutes: None</li>
+    <li>Matters arising from the previous minutes: None</li>
-    <li>Proposed: Dave Nixon</li>
+    <li>Proposed: Dave Nixon</li>
-    <li>Seconded: Peter Hutchison</li>
+    <li>Seconded: Peter Hutchison</li>
-</ul>
+</ul>
-</p>
+</p>
-<h3><strong>CHAIRMAN’S REPORT</strong></h3>
+<h3><strong>CHAIRMAN’S REPORT</strong></h3>
-<p><span class="dropcap">I</span> am honoured to be standing up here today to welcome you all to the 2025 AGM! We have a lot to cover so I won’t drag this out.
+<p><span class="dropcap">I</span> am honoured to be standing up here today to welcome you all to the 2025 AGM! We have a lot to cover so I won’t drag this out.
-    It makes me think of my father when he gave a talk at school or at scouts where he went on and on, and we said he did not need a watch, he needed a calendar!</p>
+    It makes me think of my father when he gave a talk at school or at scouts where he went on and on, and we said he did not need a watch, he needed a calendar!</p>
-
+
-<h6><strong>FIRE</strong></h6>
+<h6><strong>FIRE</strong></h6>
-<p class="content">
+<p class="content">
-    <img style="max-width: 45%;" src="assets/images/blog/2/agm.jpg" alt="Base 4 Fire" class="img-left">
+    <img style="max-width: 45%;" src="assets/images/blog/2/agm.jpg" alt="Base 4 Fire" class="img-left">
-<p>The biggest event of last year, or in fact the biggest event in the history of the Club, was the devastating fire that swept through Base 4. It occurred on a very windy day when a veldfire swept through the area burning everything in its path including I believe 6 homesteads. At Base 4 the Clubhouse and all the contents burned to the ground. If you look at the hulk over there you can only imagine the heat and destruction! The lapa down in the camping area suffered the same loss, leaving smouldering thatch which took days to cool.</p>
+<p>The biggest event of last year, or in fact the biggest event in the history of the Club, was the devastating fire that swept through Base 4. It occurred on a very windy day when a veldfire swept through the area burning everything in its path including I believe 6 homesteads. At Base 4 the Clubhouse and all the contents burned to the ground. If you look at the hulk over there you can only imagine the heat and destruction! The lapa down in the camping area suffered the same loss, leaving smouldering thatch which took days to cool.</p>
-<p>The only things left standing were the vehicle service structure and the container, the wooden ablution block down in the camping area, and the brick and mortar ablution block on the Northern side of Base 4.
+<p>The only things left standing were the vehicle service structure and the container, the wooden ablution block down in the camping area, and the brick and mortar ablution block on the Northern side of Base 4.
-    Whereto from there? We are not an outdoor adventure club for nothing! Everyone got stuck in and assisted in clearing the rubble, reconnecting the water and restoring electricity to the pool. A huge thank you to all those that put their backs to the wheel!</p>
+    Whereto from there? We are not an outdoor adventure club for nothing! Everyone got stuck in and assisted in clearing the rubble, reconnecting the water and restoring electricity to the pool. A huge thank you to all those that put their backs to the wheel!</p>
-<p>Luckily, the vehicle service structure was still standing, so with a few adjustments and additions, we held the next open day there, a great success! I believe the turnout exceeded the standard turnout in the old Clubhouse.</p>
+<p>Luckily, the vehicle service structure was still standing, so with a few adjustments and additions, we held the next open day there, a great success! I believe the turnout exceeded the standard turnout in the old Clubhouse.</p>
-</p>
+</p>
-
+
-<h6><strong>SPECIAL GENERAL MEETING</strong></h6>
+<h6><strong>SPECIAL GENERAL MEETING</strong></h6>
-<p>Following the fire we had to negotiate the insurance claim. With good planning all the requirements as stipulated by the insurers were up to date and current, including the thatch upgrade earlier in the year and the recent issue of the Electrical Certificate of Compliance amongst other things ensured that there were no serious issues with the insurance value, and with the help of Geoff Joubert, the valuation of the insurance payout was submitted to the Club in record breaking time.</p>
+<p>Following the fire we had to negotiate the insurance claim. With good planning all the requirements as stipulated by the insurers were up to date and current, including the thatch upgrade earlier in the year and the recent issue of the Electrical Certificate of Compliance amongst other things ensured that there were no serious issues with the insurance value, and with the help of Geoff Joubert, the valuation of the insurance payout was submitted to the Club in record breaking time.</p>
-<p>This valuation gave us an option: either get the Clubhouse rebuilt to its former glory or take the cash which amounted to about 70% of the rebuild tender (the Indemnity Value). Choosing one or the other was not a decision that could be made by the Committee, hence the calling of a Special General Meeting so that the decision could be made by the Membership.</p>
+<p>This valuation gave us an option: either get the Clubhouse rebuilt to its former glory or take the cash which amounted to about 70% of the rebuild tender (the Indemnity Value). Choosing one or the other was not a decision that could be made by the Committee, hence the calling of a Special General Meeting so that the decision could be made by the Membership.</p>
-<p>There were really 2 decisions that needed to be made at that SGM: keep Base 4 or sell it, and when the decision was made to keep Base 4, whether to get the Clubhouse rebuilt or to take the money. The decision was to take the money and to reinvent the Club more in line with the current membership numbers and needs.</p>
+<p>There were really 2 decisions that needed to be made at that SGM: keep Base 4 or sell it, and when the decision was made to keep Base 4, whether to get the Clubhouse rebuilt or to take the money. The decision was to take the money and to reinvent the Club more in line with the current membership numbers and needs.</p>
-<p>All Members were then invited to submit proposals for the future of the Club to be considered and voted for at this Annual General Meeting. I will deal with these proposals later as dictated by the Agenda.</p>
+<p>All Members were then invited to submit proposals for the future of the Club to be considered and voted for at this Annual General Meeting. I will deal with these proposals later as dictated by the Agenda.</p>
-
+
-<h6><strong>BASE 4 MAINTENANCE</strong></h6>
+<h6><strong>BASE 4 MAINTENANCE</strong></h6>
-<p>Base 4 is a big piece of ground and needs continuous and on-going maintenance. As mentioned earlier, the fire destroyed much of the infrastructure especially water pipes and electrical cabling. Thank you to the generous members that donated time, money and product ensuring that the basic services were in place to allow Base 4 to operate.</p>
+<p>Base 4 is a big piece of ground and needs continuous and on-going maintenance. As mentioned earlier, the fire destroyed much of the infrastructure especially water pipes and electrical cabling. Thank you to the generous members that donated time, money and product ensuring that the basic services were in place to allow Base 4 to operate.</p>
-<p>The grass still needs cutting, the tracks maintained for driver training and for members to hone their skills. The ablution blocks require on-going upkeep and cleaning, fences repaired, water pumped and the myriad of jobs that need to be done but no one thinks about.</p>
+<p>The grass still needs cutting, the tracks maintained for driver training and for members to hone their skills. The ablution blocks require on-going upkeep and cleaning, fences repaired, water pumped and the myriad of jobs that need to be done but no one thinks about.</p>
-
+
-
+
-<h6><strong>CLUB SECRETARY</strong></h6>
+<h6><strong>CLUB SECRETARY</strong></h6>
-<p>Karl Hoffman’s name is synonymous with Base 4 and the Four Wheel Drive Club. He has been the go-to person for the Club for many years! This last year Karl stepped down from the position as Club Secretary due to ill-health: more about that later.</p>
+<p>Karl Hoffman’s name is synonymous with Base 4 and the Four Wheel Drive Club. He has been the go-to person for the Club for many years! This last year Karl stepped down from the position as Club Secretary due to ill-health: more about that later.</p>
-<p>The Committee has appointed Jacqui Boshoff to the position of Secretary, and we welcome her with open arms; I ask you all support her going forward.</p>
+<p>The Committee has appointed Jacqui Boshoff to the position of Secretary, and we welcome her with open arms; I ask you all support her going forward.</p>
-<p>Please make a note regarding the Club contact details:
+<p>Please make a note regarding the Club contact details:
-<ul>
+<ul>
-    <li>info@4wdcsa.co.za</li>
+    <li>info@4wdcsa.co.za</li>
-    <li>4wdcsa@gmail.com</li>
+    <li>4wdcsa@gmail.com</li>
-    <li>079 065 2795</li>
+    <li>079 065 2795</li>
-</ul>
+</ul>
-</p>
+</p>
-
+
-
+
-<h6><strong>THANK YOU’S</strong></h6>
+<h6><strong>THANK YOU’S</strong></h6>
-<p>I want to thank all those that have put in time and effort this past year</p>
+<p>I want to thank all those that have put in time and effort this past year</p>
-
+
-<p><strong>The Committee</strong>
+<p><strong>The Committee</strong>
-<ul>
+<ul>
-    <li>Peter Hutchison</li>
+    <li>Peter Hutchison</li>
-    <li>Chris Pinto</li>
+    <li>Chris Pinto</li>
-    <li>Doug Timm</li>
+    <li>Doug Timm</li>
-    <li>Noelene Runciman</li>
+    <li>Noelene Runciman</li>
-    <li>Dorota Maskowicz</li>
+    <li>Dorota Maskowicz</li>
-    <li>Noel Thompson</li>
+    <li>Noel Thompson</li>
-    <li>Dave Nixon</li>
+    <li>Dave Nixon</li>
-</ul>
+</ul>
-</p>
+</p>
-<p><strong>The Breakfast brigade</strong>
+<p><strong>The Breakfast brigade</strong>
-<ul>
+<ul>
-    <li>Linda Hutchison</li>
+    <li>Linda Hutchison</li>
-    <li>Clara Hitge</li>
+    <li>Clara Hitge</li>
-    <li>Lesley Joubert</li>
+    <li>Lesley Joubert</li>
-    <li>Louise Blignaut</li>
+    <li>Louise Blignaut</li>
-    <li>Carol Corlett</li>
+    <li>Carol Corlett</li>
-    <li>Stan Salida</li>
+    <li>Stan Salida</li>
-    <li>Ashley Salida</li>
+    <li>Ashley Salida</li>
-</ul>
+</ul>
-</p>
+</p>
-<p><strong>Event organisation</strong>
+<p><strong>Event organisation</strong>
-<ul>
+<ul>
-    <li>Noelene Runciman</li>
+    <li>Noelene Runciman</li>
-    <li>Dorota Maskowicz</li>
+    <li>Dorota Maskowicz</li>
-</ul>
+</ul>
-</p>
+</p>
-<p><strong>Base 4 maintenance</strong>
+<p><strong>Base 4 maintenance</strong>
-<ul>
+<ul>
-    <li>Dave Nixon</li>
+    <li>Dave Nixon</li>
-    <li>Peter Hutchison</li>
+    <li>Peter Hutchison</li>
-    <li>Dave Bell</li>
+    <li>Dave Bell</li>
-    <li>Andre Botha</li>
+    <li>Andre Botha</li>
-    <li>Andrew Maier</li>
+    <li>Andrew Maier</li>
-    <li>Davin Webster</li>
+    <li>Davin Webster</li>
-    <li>Clive Murray</li>
+    <li>Clive Murray</li>
-    <li>Doug Galloway</li>
+    <li>Doug Galloway</li>
-    <li>Jenny Crickmore-Thompson</li>
+    <li>Jenny Crickmore-Thompson</li>
-    <li>John Franklin</li>
+    <li>John Franklin</li>
-    <li>Marion Nichols</li>
+    <li>Marion Nichols</li>
-    <li>Richard Carter</li>
+    <li>Richard Carter</li>
-    <li>Chas Dean</li>
+    <li>Chas Dean</li>
-    <li>Rudolf Engelmann</li>
+    <li>Rudolf Engelmann</li>
-    <li>Nelson Larangeira</li>
+    <li>Nelson Larangeira</li>
-    <li><strong>Base 4</strong>: Kingsley Mankhusu</li>
+    <li><strong>Base 4</strong>: Kingsley Mankhusu</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>If I have left anyone out, please forgive me!</p>
+<p>If I have left anyone out, please forgive me!</p>
-<p>
+<p>
-<h6><strong>OUTINGS</strong></h6>
+<h6><strong>OUTINGS</strong></h6>
-<p>This has been a bumper year for outings, 11 in total.
+<p>This has been a bumper year for outings, 11 in total.
-<ul>
+<ul>
-    <li>Best of the Eastern Cape (February 2024)</li>
+    <li>Best of the Eastern Cape (February 2024)</li>
-    <li>Parys Dome Extended Trip (March 2024)</li>
+    <li>Parys Dome Extended Trip (March 2024)</li>
-    <li>Piesangskloof Day Trip (May 2024)</li>
+    <li>Piesangskloof Day Trip (May 2024)</li>
-    <li>Botsalano Game Reserve extended trip (June)</li>
+    <li>Botsalano Game Reserve extended trip (June)</li>
-    <li>Groenkloof Day Trip (June 2024)</li>
+    <li>Groenkloof Day Trip (June 2024)</li>
-    <li>Hobby Park Krugersdorp (August). Sadly no one turned up</li>
+    <li>Hobby Park Krugersdorp (August). Sadly no one turned up</li>
-    <li>Old Mill Drift Extended Trip (September)</li>
+    <li>Old Mill Drift Extended Trip (September)</li>
-    <li>Rust de Winter Weekend Trip (October 2024)</li>
+    <li>Rust de Winter Weekend Trip (October 2024)</li>
-    <li>Northern Natal Bush and Beach Extended Trip (November 2024)</li>
+    <li>Northern Natal Bush and Beach Extended Trip (November 2024)</li>
-    <li>Mabibi Turtle Hatching Extended Trip (February 2025)</li>
+    <li>Mabibi Turtle Hatching Extended Trip (February 2025)</li>
-    <li>Marakele National Park Extended Trip (March 2025)</li>
+    <li>Marakele National Park Extended Trip (March 2025)</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>OPEN DAYS</strong></h6>
+<h6><strong>OPEN DAYS</strong></h6>
-<ul>
+<ul>
-    <li>February 2024 – Chris Dykes on his 650km walk through the Kruger Park</li>
+    <li>February 2024 – Chris Dykes on his 650km walk through the Kruger Park</li>
-    <li>March 2024 – Carol Corlett on Coffee</li>
+    <li>March 2024 – Carol Corlett on Coffee</li>
-    <li>April 2024 – Anita Musevenzo on Save the Bees</li>
+    <li>April 2024 – Anita Musevenzo on Save the Bees</li>
-    <li>May 2024 – 4x4 Poker Rally</li>
+    <li>May 2024 – 4x4 Poker Rally</li>
-    <li>June 2024 – Any pot will do cook-off</li>
+    <li>June 2024 – Any pot will do cook-off</li>
-    <li>July 2024 – Rob Milne on Anecdotes of the Boer War</li>
+    <li>July 2024 – Rob Milne on Anecdotes of the Boer War</li>
-    <li>August 2024 – Bob Boden on Leopards of the Magaliesburg</li>
+    <li>August 2024 – Bob Boden on Leopards of the Magaliesburg</li>
-    <li>September 2024 – Spring clean</li>
+    <li>September 2024 – Spring clean</li>
-    <li>October 2024 – Kevin Davie on Rock Art</li>
+    <li>October 2024 – Kevin Davie on Rock Art</li>
-    <li>November 2925 – Tarryn Johnston on Hennops Revival</li>
+    <li>November 2925 – Tarryn Johnston on Hennops Revival</li>
-    <li>February 2025 – Jack Kapp on Trip Report to Botswana and Zimbabwe</li>
+    <li>February 2025 – Jack Kapp on Trip Report to Botswana and Zimbabwe</li>
-    <li>March 2025 – Wayne van Onselen on Unchain our Children</li>
+    <li>March 2025 – Wayne van Onselen on Unchain our Children</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>EVENTS</strong></h6>
+<h6><strong>EVENTS</strong></h6>
-<ul>
+<ul>
-    <li>Annual General Meeting (April)</li>
+    <li>Annual General Meeting (April)</li>
-    <li>4x4 Poker Trail Fun Rally (May)</li>
+    <li>4x4 Poker Trail Fun Rally (May)</li>
-    <li>Any pot will do cook-off (June) – Winner Sandy Nixon</li>
+    <li>Any pot will do cook-off (June) – Winner Sandy Nixon</li>
-    <li>Potjie cooking competition (July) – Winner Muzzy</li>
+    <li>Potjie cooking competition (July) – Winner Muzzy</li>
-    <li>Special General Meeting (November 2024)</li>
+    <li>Special General Meeting (November 2024)</li>
-    <li>Christmas Party (December)</li>
+    <li>Christmas Party (December)</li>
-</ul>
+</ul>
-</p>
+</p>
-<p>
+<p>
-<h6><strong>DRIVER TRAINING</strong></h6>
+<h6><strong>DRIVER TRAINING</strong></h6>
-<p>Another great perk of Club Membership is free driver training, make use of it!</p>
+<p>Another great perk of Club Membership is free driver training, make use of it!</p>
-<ul>
+<ul>
-    <li>Driver Training Course (March 2024)</li>
+    <li>Driver Training Course (March 2024)</li>
-    <li>Bush Mechanics Course (April 2024)</li>
+    <li>Bush Mechanics Course (April 2024)</li>
-    <li>Rescue and Recovery Course (June 2024)</li>
+    <li>Rescue and Recovery Course (June 2024)</li>
-    <li>Driver Training Course (July 2024)</li>
+    <li>Driver Training Course (July 2024)</li>
-    <li>Bush Mechanics Course (October 2024)</li>
+    <li>Bush Mechanics Course (October 2024)</li>
-    <li>Ladies’ Driver Training (March 2025)</li>
+    <li>Ladies’ Driver Training (March 2025)</li>
-    <li>Driver training course (March 2025)</li>
+    <li>Driver training course (March 2025)</li>
-</ul>
+</ul>
-</p>
+</p>
-<h3><strong>ADDRESS</strong></h3>
+<h3><strong>ADDRESS</strong></h3>
-<p>
+<p>
-    <span class="dropcap">A</span> little later this morning we are going to make some decisions about the future of Base 4.
+    <span class="dropcap">A</span> little later this morning we are going to make some decisions about the future of Base 4.
-    What I want to talk about is the future of The Four Wheel Club of Southern Africa, Gauteng region.
+    What I want to talk about is the future of The Four Wheel Club of Southern Africa, Gauteng region.
-</p>
+</p>
-
+
-<p>
+<p>
-    The burning down of our Clubhouse and Lapa can be seen as a blessing. This gives us the opportunity of starting afresh:
+    The burning down of our Clubhouse and Lapa can be seen as a blessing. This gives us the opportunity of starting afresh:
-    new ideas, fresh thoughts. Historically we have spent our years worrying about money and funds and costs.
+    new ideas, fresh thoughts. Historically we have spent our years worrying about money and funds and costs.
-    For now, we do not have that hanging over our heads and I want to promote fun, and outings, and camping,
+    For now, we do not have that hanging over our heads and I want to promote fun, and outings, and camping,
-    and all the good things we associate with being a member of an Outdoor Adventure Club.
+    and all the good things we associate with being a member of an Outdoor Adventure Club.
-</p>
+</p>
-
+
-<p>
+<p>
-    The upswing in outings and events this last year show that we are moving in that direction!
+    The upswing in outings and events this last year show that we are moving in that direction!
-</p>
+</p>
-
+
-<h6>Membership</h6>
+<h6>Membership</h6>
-
+
-<p>For members to get the full benefit of membership requires participation.</p>
+<p>For members to get the full benefit of membership requires participation.</p>
-
+
-<p><strong>Camping.</strong> We offer free camping; come and enjoy parking off under the trees and listen to the gurgling of the stream that is flowing so strongly at the moment. Anyone wanting to camp is not restricted to open weekends, Base 4 is open to you any day or days of the month; it just needs a bit of notice to organise the water and opening the gate etc.</p>
+<p><strong>Camping.</strong> We offer free camping; come and enjoy parking off under the trees and listen to the gurgling of the stream that is flowing so strongly at the moment. Anyone wanting to camp is not restricted to open weekends, Base 4 is open to you any day or days of the month; it just needs a bit of notice to organise the water and opening the gate etc.</p>
-
+
-<p><strong>Driver training.</strong> Free to members. We run three different training subjects: basic driver training, rescue and recovery, and bush mechanics courses. We recently ran a very successful Ladies Driver Training and will be offering follow-up days.</p>
+<p><strong>Driver training.</strong> Free to members. We run three different training subjects: basic driver training, rescue and recovery, and bush mechanics courses. We recently ran a very successful Ladies Driver Training and will be offering follow-up days.</p>
-
+
-<p><strong>Open Days and Open Weekends.</strong> Committee members try very hard to get interesting guest speakers and events to make those days and weekends fun and exciting. Come and join in. Bring the family and friends for a picnic on the Sunday and relax under the trees or around the pool.</p>
+<p><strong>Open Days and Open Weekends.</strong> Committee members try very hard to get interesting guest speakers and events to make those days and weekends fun and exciting. Come and join in. Bring the family and friends for a picnic on the Sunday and relax under the trees or around the pool.</p>
-
+
-<p><strong>Outings.</strong> As members you get preferential rates: day trips, weekend trips and extended trips. The Club does not make a vast profit on these outings, just enough to cover costs. Get out there and experience other places, other trails, other like-minded people.</p>
+<p><strong>Outings.</strong> As members you get preferential rates: day trips, weekend trips and extended trips. The Club does not make a vast profit on these outings, just enough to cover costs. Get out there and experience other places, other trails, other like-minded people.</p>
-
+
-<p>
+<p>
-    These benefits only start there! Getting or giving advice from knowledgeable people.
+    These benefits only start there! Getting or giving advice from knowledgeable people.
-    Sharing adventures, enjoying new travel companions.
+    Sharing adventures, enjoying new travel companions.
-    As I said, getting the benefit of your membership requires your participation.
+    As I said, getting the benefit of your membership requires your participation.
-</p>
+</p>
-
+
-<h6>Running the Club</h6>
+<h6>Running the Club</h6>
-
+
-<p>
+<p>
-    We have 5 Members on the Committee at this AGM, and those 5 are suffering overload because they are shouldering all the work.
+    We have 5 Members on the Committee at this AGM, and those 5 are suffering overload because they are shouldering all the work.
-    We are a voluntary organisation, and the Committee Members are starting to resent the fact that they are expected to carry on
+    We are a voluntary organisation, and the Committee Members are starting to resent the fact that they are expected to carry on
-    regardless and rewardless. These Committee Members are there for the same reason you are there for, fun, education and excitement.
+    regardless and rewardless. These Committee Members are there for the same reason you are there for, fun, education and excitement.
-    If no assistance and change of attitude comes to the fore, there will be no Committee next year and the Club will drown!
+    If no assistance and change of attitude comes to the fore, there will be no Committee next year and the Club will drown!
-</p>
+</p>
-
+
-<p>
+<p>
-    Historically Committee Members had portfolios that they managed, Outings, Events, Estate management, Driver training and so on.
+    Historically Committee Members had portfolios that they managed, Outings, Events, Estate management, Driver training and so on.
-    The idea was that these portfolios would be managed by those Members but what happened in reality is that the Member ended up having
+    The idea was that these portfolios would be managed by those Members but what happened in reality is that the Member ended up having
-    to do all the work themselves. For example, Noelene found and organised 6 of the speakers at open days last year.
+    to do all the work themselves. For example, Noelene found and organised 6 of the speakers at open days last year.
-    I organised 7 and led 5 of the outings last year, and I ran 5 of the 7 Driver Training courses. As I said, we cannot go on like this!
+    I organised 7 and led 5 of the outings last year, and I ran 5 of the 7 Driver Training courses. As I said, we cannot go on like this!
-</p>
+</p>
-
+
-<p>
+<p>
-    Going forward, the Committee (or the Management Team) is mandated to run the Club along acceptable company practices,
+    Going forward, the Committee (or the Management Team) is mandated to run the Club along acceptable company practices,
-    including the financial administration, record keeping, advertising and marketing. Further, the Team will assist in coordinating
+    including the financial administration, record keeping, advertising and marketing. Further, the Team will assist in coordinating
-    and organising outings, events etc. but the responsibility for organising and running of these portfolios will now lie with the Membership.
+    and organising outings, events etc. but the responsibility for organising and running of these portfolios will now lie with the Membership.
-</p>
+</p>
-
+
-<p>
+<p>
-    Amongst yourselves volunteer or delegate Members to lead trips, find speakers, organise events. Organise workdays at Base 4.
+    Amongst yourselves volunteer or delegate Members to lead trips, find speakers, organise events. Organise workdays at Base 4.
-    Out of the membership of 80 (current paid up) people this load can be shared by having one person doing only one task a year.
+    Out of the membership of 80 (current paid up) people this load can be shared by having one person doing only one task a year.
-    Only one! Come on! We need to share the load.
+    Only one! Come on! We need to share the load.
-</p>
+</p>
-
+
-<p>
+<p>
-    I will stick to my side of the bargain. I will organise and lead at least 1 extended outing this year,
+    I will stick to my side of the bargain. I will organise and lead at least 1 extended outing this year,
-    and I will conduct driver training for the rest of the year.
+    and I will conduct driver training for the rest of the year.
-</p>
+</p>
-
+
-<p><strong>Please get involved!</strong></p>
+<p><strong>Please get involved!</strong></p>
-
+
-<h3><strong>GERALD O’BRIEN</strong></h3>
+<h3><strong>GERALD O’BRIEN</strong></h3>
-<p>I have pleasure in announcing that the Committee after due consideration has decided to bestow Honorary Life Membership on Gerald O’Brien.</p>
+<p>I have pleasure in announcing that the Committee after due consideration has decided to bestow Honorary Life Membership on Gerald O’Brien.</p>
-<p>Gerald has been a loyal member of our Club for 43 years (joining in 1981) and has made a significant contribution to driver training and offroad travel, all the while flying the flag for the Four Wheel Drive Club.</p>
+<p>Gerald has been a loyal member of our Club for 43 years (joining in 1981) and has made a significant contribution to driver training and offroad travel, all the while flying the flag for the Four Wheel Drive Club.</p>
-<p>I ask Geoff Joubert to give a brief run down on his life and times.</p>
+<p>I ask Geoff Joubert to give a brief run down on his life and times.</p>
-<p><i>Short presentation by Geoff Joubert</i></p>
+<p><i>Short presentation by Geoff Joubert</i></p>
-
+
-<h3><strong>TREASURER'S REPORT AND FINANCIAL STATEMENT FOR 2024 / 2025</strong></h3>
+<h3><strong>TREASURER'S REPORT AND FINANCIAL STATEMENT FOR 2024 / 2025</strong></h3>
-<p><strong>FWDCSA February 2025 Financials</strong></p>
+<p><strong>FWDCSA February 2025 Financials</strong></p>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Doug Timm, the Club Treasurer, presented the Treasurer’s report.</li>
+    <li>Doug Timm, the Club Treasurer, presented the Treasurer’s report.</li>
-    <li>Any member that requires a copy please contact the Club Secretary</li>
+    <li>Any member that requires a copy please contact the Club Secretary</li>
-    <li>Any queries please contact Doug on <a href="mailto:dougtimm12@gmail.com">dougtimm12@gmail.com</a></li>
+    <li>Any queries please contact Doug on <a href="mailto:dougtimm12@gmail.com">dougtimm12@gmail.com</a></li>
-    <li>Proposed: John Runciman Seconded: Peter Hutchison</li>
+    <li>Proposed: John Runciman Seconded: Peter Hutchison</li>
-</ul>
+</ul>
-</p>
+</p>
-
+
-
+
-<h3><strong>NOMINATION AND ELECTION OF COMMITTEE FOR 2025</strong></h3>
+<h3><strong>NOMINATION AND ELECTION OF COMMITTEE FOR 2025</strong></h3>
-<p>I sound like a stuck record, but all the committee members are volunteers that put aside any number of hours a month to ensure that the club runs smoothly, that there are interesting speakers, that trips are organised, that the grounds are maintained, and so on. This is more work than the 5 remaining members of the committee can effectively do. We need help!</p>
+<p>I sound like a stuck record, but all the committee members are volunteers that put aside any number of hours a month to ensure that the club runs smoothly, that there are interesting speakers, that trips are organised, that the grounds are maintained, and so on. This is more work than the 5 remaining members of the committee can effectively do. We need help!</p>
-
+
-<h6>Standing members available for re-election</h6>
+<h6>Standing members available for re-election</h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>John Runciman</li>
+    <li>John Runciman</li>
-    <li>Noelene Runciman</li>
+    <li>Noelene Runciman</li>
-    <li>Doug Timm</li>
+    <li>Doug Timm</li>
-    <li>Peter Hutchison</li>
+    <li>Peter Hutchison</li>
-    <li>Chris Pinto</li>
+    <li>Chris Pinto</li>
-    <li>Proposed: Mike Hitge Seconded: Zita Harber</li>
+    <li>Proposed: Mike Hitge Seconded: Zita Harber</li>
-</ul>
+</ul>
-</p>
+</p>
-
+
-<h6>Members resigning from the Committee</h6>
+<h6>Members resigning from the Committee</h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Noel Thompson</li>
+    <li>Noel Thompson</li>
-    <li>Dorota Maskowicz</li>
+    <li>Dorota Maskowicz</li>
-    <li>Dave Nixon</li>
+    <li>Dave Nixon</li>
-</ul>
+</ul>
-</p>
+</p>
-
+
-<h6>New members to the Committee</h6>
+<h6>New members to the Committee</h6>
-<p>No one proposed.</p>
+<p>No one proposed.</p>
-
+
-<h3><strong>TRIBUTE TO KARL HOFFMAN</strong></h3>
+<h3><strong>TRIBUTE TO KARL HOFFMAN</strong></h3>
-<p>Karl stood down from the position of Club Secretary which he has held for many years. I hand the microphone over the Geoff Joubert for more on this.
+<p>Karl stood down from the position of Club Secretary which he has held for many years. I hand the microphone over the Geoff Joubert for more on this.
-    <i>Short presentation by Geoff Joubert</i>
+    <i>Short presentation by Geoff Joubert</i>
-</p>
+</p>
-
+
-<h3><strong>MOTIONS FOR VOTING</strong></h3>
+<h3><strong>MOTIONS FOR VOTING</strong></h3>
-<p>As I said earlier, Members were given the opportunity to submit proposals for due consideration and have those proposals presented at the AGM. I have asked all the proposers to give a short motivation of their ideas and to answer any questions.</p>
+<p>As I said earlier, Members were given the opportunity to submit proposals for due consideration and have those proposals presented at the AGM. I have asked all the proposers to give a short motivation of their ideas and to answer any questions.</p>
-<p>Before they take to the floor, I need to make one point very clear. Whichever proposal or mixture of proposal is adopted, the Membership needs to take on the responsibility to bring it to completion. The Committee will continue to run the Club but will not take on the responsibility of seeing that proposal through.</p>
+<p>Before they take to the floor, I need to make one point very clear. Whichever proposal or mixture of proposal is adopted, the Membership needs to take on the responsibility to bring it to completion. The Committee will continue to run the Club but will not take on the responsibility of seeing that proposal through.</p>
-<p>Each proposal was presented by the proposer.</p>
+<p>Each proposal was presented by the proposer.</p>
-
+
-<h6><strong>PROPOSAL 1 – Andrew Maier</strong></h6>
+<h6><strong>PROPOSAL 1 – Andrew Maier</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>We do not develop Base 4 at all and that we try and sell the property.</li>
+    <li>We do not develop Base 4 at all and that we try and sell the property.</li>
-    <li>Invest the money in a secure investment for 2 years while searching for a new site within 60km of Johannesburg.</li>
+    <li>Invest the money in a secure investment for 2 years while searching for a new site within 60km of Johannesburg.</li>
-    <li>Buy and lease to a company for a caravan park/camping ground with exclusive rights for the Club.</li>
+    <li>Buy and lease to a company for a caravan park/camping ground with exclusive rights for the Club.</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>PROPOSAL 2 – John Runciman</strong></h6>
+<h6><strong>PROPOSAL 2 – John Runciman</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Demolish remains and build new structure at the camping site (15x12m steel portal).</li>
+    <li>Demolish remains and build new structure at the camping site (15x12m steel portal).</li>
-    <li>3 containers (kitchen, bar, storage), all under roof.</li>
+    <li>3 containers (kitchen, bar, storage), all under roof.</li>
-    <li>Use bottom entrance as main entrance. Cost: R1,200,000</li>
+    <li>Use bottom entrance as main entrance. Cost: R1,200,000</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>PROPOSAL 3 – John Runciman</strong></h6>
+<h6><strong>PROPOSAL 3 – John Runciman</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Similar to current configuration: 12x12m gum/steel structure + 1 container (kitchen/bar/storage).</li>
+    <li>Similar to current configuration: 12x12m gum/steel structure + 1 container (kitchen/bar/storage).</li>
-    <li>Use bottom entrance as main entrance. Cost: R450,000</li>
+    <li>Use bottom entrance as main entrance. Cost: R450,000</li>
-</ul>
+</ul>
-</p>
+</p>
-<p><em>Proposals 2 and 3 presented together. Proposal 3 seen as a basis for future development.</em></p>
+<p><em>Proposals 2 and 3 presented together. Proposal 3 seen as a basis for future development.</em></p>
-
+
-<h6><strong>PROPOSAL 4 – Alan Exton</strong></h6>
+<h6><strong>PROPOSAL 4 – Alan Exton</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Minimum build, prioritize security. Gum pole shed with lean-to roof.</li>
+    <li>Minimum build, prioritize security. Gum pole shed with lean-to roof.</li>
-    <li>If Proposal 2 adopted, increase container spacing to 1.5m and include adequate toilets.</li>
+    <li>If Proposal 2 adopted, increase container spacing to 1.5m and include adequate toilets.</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>PROPOSAL 5 – Dorota Maskowicz</strong></h6>
+<h6><strong>PROPOSAL 5 – Dorota Maskowicz</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Sell Base 4 ASAP, invest funds.</li>
+    <li>Sell Base 4 ASAP, invest funds.</li>
-    <li>Open days/weekends continue at various 4x4 and camping venues.</li>
+    <li>Open days/weekends continue at various 4x4 and camping venues.</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>PROPOSAL 6 – Clive Murray</strong></h6>
+<h6><strong>PROPOSAL 6 – Clive Murray</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Remove old structures, place 4 containers on flat ground, add bow roof structure.</li>
+    <li>Remove old structures, place 4 containers on flat ground, add bow roof structure.</li>
-    <li>Replace camping ablutions with a container. Cost: R1,595,000</li>
+    <li>Replace camping ablutions with a container. Cost: R1,595,000</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>DISCUSSION</strong></h6>
+<h6><strong>DISCUSSION</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li>Engineer to assess toilet/kitchen block structure</li>
+    <li>Engineer to assess toilet/kitchen block structure</li>
-    <li>Base 4 is part of a conservancy: building restrictions</li>
+    <li>Base 4 is part of a conservancy: building restrictions</li>
-    <li>Consider security hub on-site</li>
+    <li>Consider security hub on-site</li>
-    <li>Maintain swimming pool</li>
+    <li>Maintain swimming pool</li>
-</ul>
+</ul>
-</p>
+</p>
-<h6><strong>VOTING</strong></h6>
+<h6><strong>VOTING</strong></h6>
-<p>
+<p>
-<ul>
+<ul>
-    <li><strong>Vote 1:</strong> Sell Base 4 or develop Base 4<br>Sell: 4 — Develop: 41 — <strong>Vote carried to develop Base 4</strong></li>
+    <li><strong>Vote 1:</strong> Sell Base 4 or develop Base 4<br>Sell: 4 — Develop: 41 — <strong>Vote carried to develop Base 4</strong></li>
-    <li><strong>Vote 2:</strong> Develop the top (Proposal 6) or bottom (Proposal 3)<br>Top: 12 — Bottom: 29 — <strong>Vote carried to develop bottom (Proposal 3)</strong></li>
+    <li><strong>Vote 2:</strong> Develop the top (Proposal 6) or bottom (Proposal 3)<br>Top: 12 — Bottom: 29 — <strong>Vote carried to develop bottom (Proposal 3)</strong></li>
-</ul>
+</ul>
-</p>
+</p>
-<h3><strong>GENERAL</strong></h3>
+<h3><strong>GENERAL</strong></h3>
-<p>Nothing raised</p>
+<p>Nothing raised</p>
-
+
-<h3><strong>CLOSING OF MEETING</strong></h3>
+<h3><strong>CLOSING OF MEETING</strong></h3>
 <p><strong>Time:</strong> 12h10</p>
--- a/assets/css/style_new.css
+++ b/assets/css/style_new.css
@@ -1,6 +1,12 @@
@charset "UTF-8";
 /*----------------------------------------------------------------------
-    4WDCSA.co.za CSS Stylesheet
+    Template Name: Ravelo - Travel & Tour Booking HTML Template
    Template URI: https://webtend.net/demo/html/ravelo/
    Author: WebTend
    Author URI:  https://webtend.net/
    Version: 1.0
    Note: This is Main Style CSS File. */
 /*----------------------------------------------------------------------
 	CSS INDEX
 	----------------------
@@ -7118,8 +7124,7 @@ blockquote {
 /* Comments */
 .comments {
  border-radius: 10px;
-  /* border: 1px solid var(--border-color); */
+  border: 1px solid var(--border-color); }
 }
 .comment-body {
  padding: 50px; }
--- a/assets/images/Thumbs.db
+++ b/assets/images/Thumbs.db
--- a/assets/images/blog/1/Thumbs.db
+++ b/assets/images/blog/1/Thumbs.db
--- a/assets/images/blog/Thumbs.db
+++ b/assets/images/blog/Thumbs.db
--- a/assets/images/events/693a6a0864c60_WhatsApp
+++ b/assets/images/events/693a6a0864c60_WhatsApp
--- a/assets/images/events/Thumbs.db
+++ b/assets/images/events/Thumbs.db
--- a/assets/images/logos/ikhokha.png
+++ b/assets/images/logos/ikhokha.png
--- a/assets/images/obstacles/01_03.png
+++ b/assets/images/obstacles/01_03.png
--- a/assets/images/pp/2f40af86bfbe04a5c83bbb6cdf1c1e6b.png
+++ b/assets/images/pp/2f40af86bfbe04a5c83bbb6cdf1c1e6b.png
--- a/assets/images/pp/424b31c09e1543a922deb690bfbb57c8.png
+++ b/assets/images/pp/424b31c09e1543a922deb690bfbb57c8.png
--- a/assets/images/pp/4b8bd95296e082031c8ae8c4b35fed88.png
+++ b/assets/images/pp/4b8bd95296e082031c8ae8c4b35fed88.png
--- a/assets/images/pp/5f9036058b40b2c23052d8226711ac5c.png
+++ b/assets/images/pp/5f9036058b40b2c23052d8226711ac5c.png
--- a/assets/images/pp/6318a13edd2e79cf13ff60a74ebcb858.png
+++ b/assets/images/pp/6318a13edd2e79cf13ff60a74ebcb858.png
--- a/assets/images/pp/7a7b9965853213ea1e4ed1aec4e18ad0.jpg
+++ b/assets/images/pp/7a7b9965853213ea1e4ed1aec4e18ad0.jpg
--- a/assets/images/pp/857004ff86e047673beaafba95a1ebc6.jpg
+++ b/assets/images/pp/857004ff86e047673beaafba95a1ebc6.jpg
--- a/assets/images/pp/8bc567fbcdffcf5823845740a54d5e6d.jpg
+++ b/assets/images/pp/8bc567fbcdffcf5823845740a54d5e6d.jpg
--- a/assets/images/pp/9a1f344bc68815fa15bb0a1e16017ee6.png
+++ b/assets/images/pp/9a1f344bc68815fa15bb0a1e16017ee6.png
--- a/assets/images/pp/b8d7fa81c1ab3e67dc86441b09d927cd.jpg
+++ b/assets/images/pp/b8d7fa81c1ab3e67dc86441b09d927cd.jpg
--- a/assets/images/pp/c07abeef5590d7e141080a53581bb5cb.png
+++ b/assets/images/pp/c07abeef5590d7e141080a53581bb5cb.png
--- a/assets/images/pp/cc83c3045d2b41073f0939f298d06459.jpg
+++ b/assets/images/pp/cc83c3045d2b41073f0939f298d06459.jpg
--- a/assets/images/pp/e607963d306a19d1df94c50d577ea439.jpg
+++ b/assets/images/pp/e607963d306a19d1df94c50d577ea439.jpg
--- a/assets/images/promo/KaiBroom.jpg
+++ b/assets/images/promo/KaiBroom.jpg
--- a/assets/images/promo/Nov_promo.jpg
+++ b/assets/images/promo/Nov_promo.jpg
--- a/assets/images/promo/Thumbs.db
+++ b/assets/images/promo/Thumbs.db
--- a/assets/images/promo/christmas2025.jpg
+++ b/assets/images/promo/christmas2025.jpg
--- a/assets/images/promo/october_openday.jpg
+++ b/assets/images/promo/october_openday.jpg
--- a/assets/images/promo/september_openday.jpg
+++ b/assets/images/promo/september_openday.jpg
--- a/assets/images/track-aerial.jpg
+++ b/assets/images/track-aerial.jpg
--- a/assets/images/track-route.svg
+++ b/assets/images/track-route.svg
--- a/assets/images/track-route2.svg
+++ b/assets/images/track-route2.svg
--- a/assets/images/trips/6_03.jpg
+++ b/assets/images/trips/6_03.jpg
--- a/assets/images/trips/8_01.jpg
+++ b/assets/images/trips/8_01.jpg
--- a/assets/images/trips/8_02.jpg
+++ b/assets/images/trips/8_02.jpg
--- a/assets/images/trips/8_03.jpg
+++ b/assets/images/trips/8_03.jpg
--- a/assets/images/trips/8_04.jpg
+++ b/assets/images/trips/8_04.jpg
--- a/assets/images/trips/8_05.jpg
+++ b/assets/images/trips/8_05.jpg
--- a/assets/images/trips/9_01.jpg
+++ b/assets/images/trips/9_01.jpg
--- a/assets/images/trips/9_02.jpg
+++ b/assets/images/trips/9_02.jpg
--- a/assets/images/trips/9_03.jpg
+++ b/assets/images/trips/9_03.jpg
--- a/assets/images/trips/9_04.jpg
+++ b/assets/images/trips/9_04.jpg
--- a/assets/js/map.js
+++ b/assets/js/map.js
@@ -1,66 +0,0 @@
 /**
 * TRACK MAP WITH LEAFLET.JS
 * 
 * Basic Leaflet map test
 */
 console.log('Track map script loaded2');
 // Check if Leaflet is available
 if (typeof L === 'undefined') {
    console.error('Leaflet library not loaded!');
 } else {
    console.log('Leaflet library is available, version:', L.version);
 }
 document.addEventListener('DOMContentLoaded', () => {
    console.log('DOM loaded, initializing map...');
    const mapElement = document.getElementById('map');
    console.log('Map element:', mapElement);
    if (!mapElement) {
        console.error('Map element not found!');
        return;
    }
    console.log('Map element dimensions:', mapElement.offsetWidth, 'x', mapElement.offsetHeight);
    try {
        // Image dimensions: 2876 x 2035 pixels
        const imageWidth = 2876;
        const imageHeight = 2035;
        // Create map with simple CRS (pixel coordinates)
        // Note: Leaflet uses [y, x] format, so bounds are [[0, 0], [height, width]]
        const bounds = [[0, 0], [imageHeight, imageWidth]];
        const map = L.map('map', {
            crs: L.CRS.Simple,
            minZoom: -2,
            maxZoom: 2,
            center: [imageHeight / 2, imageWidth / 2],
            zoom: -1
        });
        console.log('Map object created with CRS.Simple:', map);
        // Add aerial image overlay
        const imageUrl = '/assets/images/track-aerial.jpg';
        L.imageOverlay(imageUrl, bounds).addTo(map);
        console.log('Aerial image overlay added');
        // Add SVG overlay
        const svgUrl = '/assets/images/track-route.svg';
        L.imageOverlay(svgUrl, bounds, {
            opacity: 0.8,
            interactive: false
        }).addTo(map);
        console.log('SVG route overlay added');
        // Fit map to image bounds
        map.fitBounds(bounds);
        console.log('Map initialized successfully');
    } catch (error) {
        console.error('Error initializing map:', error);
    }
 });
--- a/assets/tour-details.html
+++ b/assets/tour-details.html
@@ -46,7 +46,7 @@
                    <div class="header-inner rel d-flex align-items-center">
                        <div class="logo-outer">
-                            <div class="logo"><a href="index"><img src="assets/images/logos/logo-two.png" alt="Logo" title="Logo"></a></div>
+                            <div 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">
@@ -71,7 +71,7 @@
                                    <ul class="navigation clearfix">
                                        <li class="dropdown current"><a href="#">Home</a>
                                            <ul>
-                                                <li><a href="index">Travel Agency</a></li>
+                                                <li><a href="index.php">Travel Agency</a></li>
                                                <li><a href="index2.html">City Tou</a></li>
                                                <li><a href="index3.html">Tour Package</a></li>
                                            </ul>
@@ -161,7 +161,7 @@
                <!--Appointment Form-->
                <div class="appointment-form">
-                    <form method="post" action="contact">
+                    <form method="post" action="contact.php">
                        <div class="form-group">
                            <input type="text" name="text" value="" placeholder="Name" required>
                        </div>
@@ -182,9 +182,9 @@
                <!--Social Icons-->
                <div class="social-style-one">
-                    <a href="contact"><i class="fab fa-twitter"></i></a>
+                    <a href="contact.php"><i class="fab fa-twitter"></i></a>
-                    <a href="contact"><i class="fab fa-facebook-f"></i></a>
+                    <a href="contact.php"><i class="fab fa-facebook-f"></i></a>
-                    <a href="contact"><i class="fab fa-instagram"></i></a>
+                    <a href="contact.php"><i class="fab fa-instagram"></i></a>
                    <a href="#"><i class="fab fa-pinterest-p"></i></a>
                </div>
            </div>
@@ -201,7 +201,7 @@
                        <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Bali, Indonesia</h2>
                        <nav aria-label="breadcrumb">
                            <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                                <li class="breadcrumb-item"><a href="index">Home</a></li>
+                                <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                                <li class="breadcrumb-item active">Tour Details</li>
                            </ol>
                        </nav>
@@ -795,7 +795,7 @@
                                        <i class="fal fa-arrow-right"></i>
                                    </button>
                                    <div class="text-center">
-                                        <a href="contact">Need some help?</a>
+                                        <a href="contact.php">Need some help?</a>
                                    </div>
                                </form>
                            </div>
@@ -871,7 +871,7 @@
                        <div class="col col-small" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
                            <div class="footer-widget footer-text">
                                <div class="footer-logo mb-40">
-                                    <a href="index"><img src="assets/images/logos/logo.png" alt="Logo"></a>
+                                    <a href="index.php"><img src="assets/images/logos/logo.png" alt="Logo"></a>
                                </div>
                                <div class="footer-map">
                                    <iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d96777.16150026117!2d-74.00840582560909!3d40.71171357405996!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1706508986625!5m2!1sen!2sbd" style="border:0; width: 100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
@@ -899,7 +899,7 @@
                                <ul class="list-style-three">
                                    <li><a href="about.html">About Company</a></li>
                                    <li><a href="blog.html">Community Blog</a></li>
-                                    <li><a href="contact">Jobs and Careers</a></li>
+                                    <li><a href="contact.php">Jobs and Careers</a></li>
                                    <li><a href="blog.html">latest News Blog</a></li>
                                </ul>
                            </div>
@@ -937,7 +937,7 @@
                    <div class="row">
                       <div class="col-lg-5">
                            <div class="copyright-text text-center text-lg-start">
-                                <p>@Copy 2024 <a href="index">Ravelo</a>, All rights reserved</p>
+                                <p>@Copy 2024 <a href="index.php">Ravelo</a>, All rights reserved</p>
                            </div>
                       </div>
                       <div class="col-lg-7 text-center text-lg-end">
--- a/assets/uploads/campsites/274d8e71982307bc5a699125966d5731.jpg
+++ b/assets/uploads/campsites/274d8e71982307bc5a699125966d5731.jpg
--- a/assets/uploads/campsites/3dd0636b3ed6926e10f0387a747d58c1.jpg
+++ b/assets/uploads/campsites/3dd0636b3ed6926e10f0387a747d58c1.jpg
--- a/assets/uploads/campsites/5a72387fdd1f6fc891e406c55b4b4723.jpg
+++ b/assets/uploads/campsites/5a72387fdd1f6fc891e406c55b4b4723.jpg
--- a/assets/uploads/campsites/785baf57034bf35bb3dc7954ca5789b7.jpg
+++ b/assets/uploads/campsites/785baf57034bf35bb3dc7954ca5789b7.jpg
--- a/assets/uploads/campsites/aa2e5d1f0a9a81823b915d203ffadab2.jpg
+++ b/assets/uploads/campsites/aa2e5d1f0a9a81823b915d203ffadab2.jpg
--- a/assets/uploads/campsites/ae16ea8e89bb83dc3b85c54aa0e3fcec.jpg
+++ b/assets/uploads/campsites/ae16ea8e89bb83dc3b85c54aa0e3fcec.jpg
--- a/assets/uploads/campsites/c613066cd83537a874355671e0213539.jpg
+++ b/assets/uploads/campsites/c613066cd83537a874355671e0213539.jpg
--- a/assets/uploads/campsites/d21ae51aec635de07883d9586a1542df.jpg
+++ b/assets/uploads/campsites/d21ae51aec635de07883d9586a1542df.jpg
--- a/autosave.php
+++ b/autosave.php
@@ -0,0 +1,101 @@
 <?php
 require_once("env.php");
 require_once("session.php");
 require_once("connection.php");
 require_once("functions.php");
 if (!isset($_SESSION['user_id'])) {
    http_response_code(401);
    echo "Not authorized";
    exit;
 }
 $article_id = (int)($_POST['id'] ?? 0);
 $title = $_POST['title'] ?? '';
 $content = $_POST['content'] ?? '';
 $description = $_POST['subtitle'] ?? '';
 $category = $_POST['category'] ?? '';
 $user_id = $_SESSION['user_id'];
 // Default to current user
 $author_id = $_SESSION['user_id'];
 // Allow override if admin
 $role = getUserRole();
 if (($role === 'admin' || $role === 'superadmin') && isset($_POST['author'])) {
    $author_id = (int)$_POST['author'];
 }
 echo $author_id;
 $cover_image_path = null;
 // Only attempt upload if a file was submitted
 if (!empty($_FILES['cover_image']['name'])) {
    $uploadDir = __DIR__ . "/uploads/blogs/".$article_id."/images/";
    if (!is_dir($uploadDir)) {
        mkdir($uploadDir, 0777, true);
    }
    // Sanitize and rename file
    $originalName = basename($_FILES['cover_image']['name']);
    $originalName = preg_replace("/[^a-zA-Z0-9\._-]/", "_", $originalName); // remove unsafe characters
    $targetPath = $uploadDir . $originalName;
    $publicPath = "/uploads/blogs/".$article_id."/images/" . $originalName;
    // Error detection before upload
    $fileError = $_FILES['cover_image']['error'];
    if ($fileError !== UPLOAD_ERR_OK) {
        $errorMessages = [
            UPLOAD_ERR_INI_SIZE   => 'The uploaded file exceeds the upload_max_filesize directive in php.ini.',
            UPLOAD_ERR_FORM_SIZE  => 'The uploaded file exceeds the MAX_FILE_SIZE directive in the HTML form.',
            UPLOAD_ERR_PARTIAL    => 'The uploaded file was only partially uploaded.',
            UPLOAD_ERR_NO_FILE    => 'No file was uploaded.',
            UPLOAD_ERR_NO_TMP_DIR => 'Missing a temporary folder.',
            UPLOAD_ERR_CANT_WRITE => 'Failed to write file to disk.',
            UPLOAD_ERR_EXTENSION  => 'A PHP extension stopped the upload.',
        ];
        $errorMessage = $errorMessages[$fileError] ?? 'Unknown upload error.';
        http_response_code(500);
        echo "Upload error: $errorMessage";
        exit;
    }
    // Skip upload if identical file already exists
    if (file_exists($targetPath)) {
        $cover_image_path = $publicPath;
    } else {
        if (move_uploaded_file($_FILES['cover_image']['tmp_name'], $targetPath)) {
            $cover_image_path = $publicPath;
        } else {
            http_response_code(500);
            echo "Failed to move uploaded file.";
            exit;
        }
    }
 }
 // Prepare SQL with/without image update
 if ($cover_image_path) {
    $stmt = $conn->prepare("
        UPDATE blogs
        SET title = ?, content = ?, description = ?, category = ?, image = ?, author = ?
        WHERE blog_id = ?
    ");
    $stmt->bind_param("ssssssi", $title, $content, $description, $category, $cover_image_path, $author_id, $article_id);
 } else {
    $stmt = $conn->prepare("
        UPDATE blogs
        SET title = ?, content = ?, description = ?, category = ?, author = ?
        WHERE blog_id = ?
    ");
    $stmt->bind_param("ssssii", $title, $content, $description, $category, $author_id, $article_id);
 }
 if ($stmt->execute()) {
    echo "Saved";
 } else {
    http_response_code(500);
    echo "Database update failed: " . $stmt->error;
 }
--- a/src/pages/shop/bar_tabs.php
+++ b/src/pages/shop/bar_tabs.php
@@ -1,485 +1,482 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkUserSession();
-include_once(dirname(dirname(dirname(__DIR__))) . '/header.php');
+$user_id = $_SESSION['user_id'];
-checkUserSession();
+unset($_SESSION['cart']);
-$user_id = $_SESSION['user_id'];
+?>
-unset($_SESSION['cart']);
+<!-- Include jQuery UI CSS (required for autocomplete) -->
-?>
+<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
-<!-- Include jQuery UI CSS (required for autocomplete) -->
+
-<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
+<!-- Include jQuery and jQuery UI -->
-
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<!-- Include jQuery and jQuery UI -->
+<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
-<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<style>
-<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
+    .modal {
-<style>
+        z-index: 1050 !important;
-    .modal {
+        /* Ensures it's on top */
-        z-index: 1050 !important;
+    }
-        /* Ensures it's on top */
+
-    }
+    .modal-backdrop {
-
+        z-index: 0 !important;
-    .modal-backdrop {
+        /* Keeps the backdrop below */
-        z-index: 0 !important;
+        opacity: 0 !important;
-        /* Keeps the backdrop below */
+        /* Adjust if necessary */
-        opacity: 0 !important;
+    }
-        /* Adjust if necessary */
+</style>
-    }
+<style>
-</style>
+    /* Style the autocomplete container */
-<style>
+    .ui-autocomplete {
-    /* Style the autocomplete container */
+        /* background-color: #fff; */
-    .ui-autocomplete {
+        /* border: 1px solid #ccc; */
-        /* background-color: #fff; */
+        /* max-height: 200px; */
-        /* border: 1px solid #ccc; */
+        /* overflow-y: auto; */
-        /* max-height: 200px; */
+        /* width: 100%; */
-        /* overflow-y: auto; */
+        /* position: absolute; */
-        /* width: 100%; */
+        /* z-index: 9999; */
-        /* position: absolute; */
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-        /* z-index: 9999; */
+    }
-        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+
-    }
+    /* Style the autocomplete suggestion items */
-
+    .ui-menu .ui-menu-item {
-    /* Style the autocomplete suggestion items */
+        font-family: var(--base-font);
-    .ui-menu .ui-menu-item {
+        background-color: #fff;
-        font-family: var(--base-font);
+        border: 1px solid #ccc;
-        background-color: #fff;
+        /* padding: 8px; */
-        border: 1px solid #ccc;
+        cursor: pointer;
-        /* padding: 8px; */
+    }
-        cursor: pointer;
+
-    }
+    /* Hover effect for suggestions */
-
+    .ui-menu .ui-menu-item:hover {
-    /* Hover effect for suggestions */
+        background-color: rgb(207, 81, 81);
-    .ui-menu .ui-menu-item:hover {
+    }
-        background-color: rgb(207, 81, 81);
+
-    }
+    /* Selected item in autocomplete */
-
+    .ui-state-focus {
-    /* Selected item in autocomplete */
+        background-color: #dcdcdc;
-    .ui-state-focus {
+        color: #000;
-        background-color: #dcdcdc;
+    }
-        color: #000;
+
-    }
+    /* Style the input field for better user experience */
-
+    #userSelect {
-    /* Style the input field for better user experience */
+        padding: 8px 12px;
-    #userSelect {
+        border: 1px solid #ccc;
-        padding: 8px 12px;
+        border-radius: 4px;
-        border: 1px solid #ccc;
+        font-size: 16px;
-        border-radius: 4px;
+        width: 100%;
-        font-size: 16px;
+    }
-        width: 100%;
+
-    }
+    .profile-pic {
-
+        width: 50px;
-    .profile-pic {
+        height: 50px;
-        width: 50px;
+        border-radius: 50%;
-        height: 50px;
+        margin-right: 10px;
-        border-radius: 50%;
+        object-fit: cover;
-        margin-right: 10px;
+        /* Ensures the image fits without distortion */
-        object-fit: cover;
+    }
-        /* Ensures the image fits without distortion */
+
-    }
+    .drinks-container {
-
+        display: flex;
-    .drinks-container {
+        flex-wrap: wrap;
-        display: flex;
+        gap: 10px;
-        flex-wrap: wrap;
+    }
-        gap: 10px;
+
-    }
+    .drink-option {
-
+        width: 180px;
-    .drink-option {
+        text-align: center;
-        width: 180px;
+    }
-        text-align: center;
+</style>
-    }
+
-</style>
+
-
+
-
+
-
+<!-- About Us Area start -->
-
+<section class="about-us-area pt-90 pb-100 rel z-1">
-<!-- About Us Area start -->
+    <div class="container">
-<section class="about-us-area pt-90 pb-100 rel z-1">
+        <div class="row gap-100 align-items-center">
-    <div class="container">
+            <div class="col-lg-12">
-        <div class="row gap-100 align-items-center">
+                <div class="destination-details-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-lg-12">
+                    <div class="row">
-                <div class="destination-details-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                        <div class="col-lg-6 section-title mb-25">
-                    <div class="row">
+                            <span class="h2 mb-15">BAR TABS</span>
-                        <div class="col-lg-6 section-title mb-25">
+                        </div>
-                            <span class="h2 mb-15">BAR TABS</span>
+                        <div id="tabTotalContainer" class="col-lg-6 section-title mb-25 text-end" style="display: none;">
-                        </div>
+                            <span id="tabTotal" class="h2 mb-15">TAB TOTAL: R 0.00</span>
-                        <div id="tabTotalContainer" class="col-lg-6 section-title mb-25 text-end" style="display: none;">
+                        </div>
-                            <span id="tabTotal" class="h2 mb-15">TAB TOTAL: R 0.00</span>
+                    </div>
-                        </div>
+
-                    </div>
+                    <!-- Button to trigger modal -->
-
+                    <div id="newTabButton">
-                    <!-- Button to trigger modal -->
+                        <button type="button" class="theme-btn style-two bgc-secondary" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;" data-bs-toggle="modal" data-bs-target="#userModal" data-bs-backdrop="false">
-                    <div id="newTabButton">
+                            NEW BAR TAB
-                        <button type="button" class="theme-btn style-two bgc-secondary" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;" data-bs-toggle="modal" data-bs-target="#userModal" data-bs-backdrop="false">
+                        </button>
-                            NEW BAR TAB
+                    </div>
-                        </button>
+
-                    </div>
+                    <!-- Bar Tabs Container -->
-
+                    <div id="barTabsContainer" class="mt-4">
-                    <!-- Bar Tabs Container -->
+                        <div id="barTabsList" class="d-flex flex-wrap gap-3">
-                    <div id="barTabsContainer" class="mt-4">
+                            <!-- Dynamic Bar Tabs will be loaded here -->
-                        <div id="barTabsList" class="d-flex flex-wrap gap-3">
+                        </div>
-                            <!-- Dynamic Bar Tabs will be loaded here -->
+                    </div>
-                        </div>
+                    <div class="row">
-                    </div>
+                        <div class="col-lg-9">
-                    <div class="row">
+                            <input type="hidden" id="selectedTabId">
-                        <div class="col-lg-9">
+                            <input type="hidden" id="selectedUserId">
-                            <input type="hidden" id="selectedTabId">
+                            <!-- Drinks Container for the Selected Tab -->
-                            <input type="hidden" id="selectedUserId">
+                            <div id="drinksContainer" class="drinks-container" style="display: none;">
-                            <!-- Drinks Container for the Selected Tab -->
+                                <!-- Drinks will be dynamically inserted here -->
-                            <div id="drinksContainer" class="drinks-container" style="display: none;">
+                            </div>
-                                <!-- Drinks will be dynamically inserted here -->
+                        </div>
-                            </div>
+                        <div class="col-lg-3">
-                        </div>
+                            <!-- Cart Section (Optional) -->
-                        <div class="col-lg-3">
+                            <div id="cartContainer" class="cart-container p-3 bg-light border rounded" style="display: none; height:100%">
-                            <!-- Cart Section (Optional) -->
+                                <h4 id="orderTotal">Order:</h4>
-                            <div id="cartContainer" class="cart-container p-3 bg-light border rounded" style="display: none; height:100%">
+                                <ul id="cartList"></ul>
-                                <h4 id="orderTotal">Order:</h4>
+
-                                <ul id="cartList"></ul>
+                            </div>
-
+                        </div>
-                            </div>
+                        <div class="col-lg-12" id="submitButton" style="display: none;">
-                        </div>
+                            <button id="submitOrder" class="btn btn-success" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;">Submit Order</button>
-                        <div class="col-lg-12" id="submitButton" style="display: none;">
+                        </div>
-                            <button id="submitOrder" class="btn btn-success" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;">Submit Order</button>
+                    </div>
-                        </div>
+
-                    </div>
+
-
+                    <!-- Modal -->
-
+
-                    <!-- Modal -->
+                </div>
-
+            </div>
-                </div>
+        </div>
-            </div>
+    </div>
-        </div>
+</section>
-    </div>
+<div class="modal fade" id="userModal" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
-</section>
+    <div class="modal-dialog">
-<div class="modal fade" id="userModal" tabindex="-1" aria-labelledby="userModalLabel" aria-hidden="true">
+        <div class="modal-content">
-    <div class="modal-dialog">
+            <div class="modal-header">
-        <div class="modal-content">
+                <h5 class="modal-title" id="userModalLabel">Choose a Member</h5>
-            <div class="modal-header">
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                <h5 class="modal-title" id="userModalLabel">Choose a Member</h5>
+            </div>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            <div class="modal-body">
-            </div>
+                <form id="barTabForm">
-            <div class="modal-body">
+                    <div class="form-group">
-                <form id="barTabForm">
+                        <label for="userSelect">Select User</label>
-                    <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                        <input type="text" id="userSelect" class="form-control" placeholder="Search User" required>
-                    <div class="form-group">
+                        <!-- Hidden input for user_id -->
-                        <label for="userSelect">Select User</label>
+                        <input type="hidden" name="user_id" id="user_id" />
-                        <input type="text" id="userSelect" class="form-control" placeholder="Search User" required>
+                    </div>
-                        <!-- Hidden input for user_id -->
+                    <button type="submit" class="theme-btn style-two bgc-secondary" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;">Create Bar Tab</button>
-                        <input type="hidden" name="user_id" id="user_id" />
+                </form>
-                    </div>
+            </div>
-                    <button type="submit" class="theme-btn style-two bgc-secondary" style="width:100%; margin-top: 20px; background-color:rgb(80, 155, 82); padding: 10px 20px; color: white; text-decoration: none; border-radius: 25px;">Create Bar Tab</button>
+        </div>
-                </form>
+    </div>
-            </div>
+</div>
-        </div>
+<!-- About Us Area end -->
-    </div>
+<script>
-</div>
+    $(document).ready(function() {
-<!-- About Us Area end -->
+        $('#userSelect').autocomplete({
-<script>
+            source: function(request, response) {
-    $(document).ready(function() {
+                $.ajax({
-        $('#userSelect').autocomplete({
+                    url: 'fetch_users.php',
-            source: function(request, response) {
+                    method: 'GET',
-                $.ajax({
+                    dataType: 'json',
-                    url: 'fetch_users',
+                    success: function(data) {
-                    method: 'GET',
+                        // Filter the data based on the search query
-                    dataType: 'json',
+                        var filteredUsers = data.filter(user => {
-                    success: function(data) {
+                            return user.first_name.toLowerCase().includes(request.term.toLowerCase()) ||
-                        // Filter the data based on the search query
+                                user.last_name.toLowerCase().includes(request.term.toLowerCase());
-                        var filteredUsers = data.filter(user => {
+                        });
-                            return user.first_name.toLowerCase().includes(request.term.toLowerCase()) ||
+                        response(filteredUsers.map(user => ({
-                                user.last_name.toLowerCase().includes(request.term.toLowerCase());
+                            label: `${user.first_name} ${user.last_name}`, // Display name
-                        });
+                            name: `${user.first_name} ${user.last_name}`, // Display name
-                        response(filteredUsers.map(user => ({
+                            value: user.user_id // Use user_id for selection
-                            label: `${user.first_name} ${user.last_name}`, // Display name
+                        })));
-                            name: `${user.first_name} ${user.last_name}`, // Display name
+                    },
-                            value: user.user_id // Use user_id for selection
+                    error: function() {
-                        })));
+                        alert('Error fetching users.');
-                    },
+                    }
-                    error: function() {
+                });
-                        alert('Error fetching users.');
+            },
-                    }
+            minLength: 1, // Start searching after typing 1 character
-                });
+            select: function(event, ui) {
-            },
+                // Set the selected user's name in the input field
-            minLength: 1, // Start searching after typing 1 character
+                $('#userSelect').val(ui.item.name); // Display name in the input field
-            select: function(event, ui) {
+                // Set the user ID value in the hidden input field
-                // Set the selected user's name in the input field
+                $('#user_id').val(ui.item.value); // Store the user_id in the hidden input
-                $('#userSelect').val(ui.item.name); // Display name in the input field
+                console.log('User ID: ' + ui.item.value); // Log the selected user_id
-                // Set the user ID value in the hidden input field
+                console.log('User Name: ' + ui.item.name); // Log the selected user name
-                $('#user_id').val(ui.item.value); // Store the user_id in the hidden input
+            },
-                console.log('User ID: ' + ui.item.value); // Log the selected user_id
+            focus: function(event, ui) {
-                console.log('User Name: ' + ui.item.name); // Log the selected user name
+                // Prevent the input field from showing the user_id when selecting an item
-            },
+                $('#userSelect').val(ui.item.name); // Always show the user's name in the input
-            focus: function(event, ui) {
+            }
-                // Prevent the input field from showing the user_id when selecting an item
+        });
-                $('#userSelect').val(ui.item.name); // Always show the user's name in the input
+
-            }
+        // Handle form submission to create a new bar tab
-        });
+        $('#barTabForm').submit(function(e) {
-
+            e.preventDefault(); // Prevent default form submission
-        // Handle form submission to create a new bar tab
+            $.ajax({
-        $('#barTabForm').submit(function(e) {
+                url: 'create_bar_tab.php',
-            e.preventDefault(); // Prevent default form submission
+                method: 'POST',
-            $.ajax({
+                data: $(this).serialize(), // Send form data, including user_id
-                url: 'create_bar_tab',
+                dataType: 'json',
-                method: 'POST',
+                success: function(response) {
-                data: $(this).serialize(), // Send form data, including user_id
+                    if (response.status === 'success') {
-                dataType: 'json',
+                        // alert('Bar tab created successfully!');
-                success: function(response) {
+                        $('#userModal').modal('hide'); // Close modal if applicable
-                    if (response.status === 'success') {
+
-                        // alert('Bar tab created successfully!');
+                        // Reload the bar tabs after creation
-                        $('#userModal').modal('hide'); // Close modal if applicable
+                        loadBarTabs();
-
+                    } else {
-                        // Reload the bar tabs after creation
+                        alert('Tab already exists for this member.');
-                        loadBarTabs();
+                    }
-                    } else {
+                },
-                        alert('Tab already exists for this member.');
+                error: function() {
-                    }
+                    alert('Error creating bar tab.');
-                },
+                }
-                error: function() {
+            });
-                    alert('Error creating bar tab.');
+        });
-                }
+
-            });
+        // Fetch and render bar tabs
-        });
+        function loadBarTabs() {
-
+            $.ajax({
-        // Fetch and render bar tabs
+                url: 'fetch_bar_tabs.php',
-        function loadBarTabs() {
+                method: 'GET',
-            $.ajax({
+                dataType: 'json',
-                url: 'fetch_bar_tabs',
+                success: function(data) {
-                method: 'GET',
+                    if (data.length > 0) {
-                dataType: 'json',
+                        let tabsHtml = '';
-                success: function(data) {
+                        data.forEach(function(barTab) {
-                    if (data.length > 0) {
+                            tabsHtml += `
-                        let tabsHtml = '';
+                            <div class="bar-tab-card p-3 bg-light border rounded" data-bar-tab-id="${barTab.tab_id}" data-user-id="${barTab.user_id}" style="cursor: pointer; width: 180px;">
-                        data.forEach(function(barTab) {
+                                <img src="assets/images/pp/${barTab.profile_pic}" alt="Profile Image" class="profile-pic" style="width: 150px; height: 150px;">
-                            tabsHtml += `
+                                <h3 class="mb-0 font-weight-bold">${barTab.first_name} ${barTab.last_name}</h3>
-                            <div class="bar-tab-card p-3 bg-light border rounded" data-bar-tab-id="${barTab.tab_id}" data-user-id="${barTab.user_id}" style="cursor: pointer; width: 180px;">
+                            </div>
-                                <img src="assets/images/pp/${barTab.profile_pic}" alt="Profile Image" class="profile-pic" style="width: 150px; height: 150px;">
+                        `;
-                                <h3 class="mb-0 font-weight-bold">${barTab.first_name} ${barTab.last_name}</h3>
+                        });
-                            </div>
+
-                        `;
+                        // Update the bar tabs list container
-                        });
+                        $('#barTabsList').html(tabsHtml);
-
+                    } else {
-                        // Update the bar tabs list container
+                        $('#barTabsList').html('<p>No bar tabs available.</p>');
-                        $('#barTabsList').html(tabsHtml);
+                    }
-                    } else {
+                },
-                        $('#barTabsList').html('<p>No bar tabs available.</p>');
+                error: function() {
-                    }
+                    alert('Error fetching bar tabs.');
-                },
+                }
-                error: function() {
+            });
-                    alert('Error fetching bar tabs.');
+        }
-                }
+
-            });
+
-        }
+        // Load the bar tabs on page load
-
+        loadBarTabs();
-
+
-        // Load the bar tabs on page load
+        $(document).on('change', '#selectedTabId', function() {
-        loadBarTabs();
+            var tabId = $(this).val();
-
+            if (tabId) {
-        $(document).on('change', '#selectedTabId', function() {
+                fetchTabTotal(tabId);
-            var tabId = $(this).val();
+            }
-            if (tabId) {
+        });
-                fetchTabTotal(tabId);
+
-            }
+
-        });
+        // Handle bar tab clicks and display the drinks container
-
+        $(document).on('click', '.bar-tab-card', function() {
-
+            var tabId = $(this).data('bar-tab-id');            
-        // Handle bar tab clicks and display the drinks container
+            var userId = $(this).data('user-id');
-        $(document).on('click', '.bar-tab-card', function() {
+            console.log(tabId);
-            var tabId = $(this).data('bar-tab-id');            
+            $('#selectedTabId').val(tabId);
-            var userId = $(this).data('user-id');
+            $('#selectedUserId').val(userId);
-            console.log(tabId);
+            fetchTabTotal(tabId);
-            $('#selectedTabId').val(tabId);
+
-            $('#selectedUserId').val(userId);
+            // Fetch available drinks for the selected tab
-            fetchTabTotal(tabId);
+            $.ajax({
-
+                url: 'fetch_drinks.php',
-            // Fetch available drinks for the selected tab
+                method: 'GET',
-            $.ajax({
+                data: {
-                url: 'fetch_drinks',
+                    tab_id: tabId
-                method: 'GET',
+                },
-                data: {
+                dataType: 'json',
-                    tab_id: tabId
+                success: function(drinks) {
-                },
+                    displayDrinks(drinks);
-                dataType: 'json',
+                    $('#newTabButton').hide(); // Show the drinks container
-                success: function(drinks) {
+                    $('#barTabsContainer').hide(); // Show the drinks container
-                    displayDrinks(drinks);
+                    $('#drinksContainer').show(); // Show the drinks container
-                    $('#newTabButton').hide(); // Show the drinks container
+                    $('#cartContainer').show(); // Show the cart container
-                    $('#barTabsContainer').hide(); // Show the drinks container
+                    $('#submitButton').show(); // Show the cart container
-                    $('#drinksContainer').show(); // Show the drinks container
+                    $('#tabTotalContainer').show(); // Show the cart container
-                    $('#cartContainer').show(); // Show the cart container
+                }
-                    $('#submitButton').show(); // Show the cart container
+            });
-                    $('#tabTotalContainer').show(); // Show the cart container
+        });
-                }
+
-            });
+        // Display the drinks dynamically
-        });
+        function displayDrinks(drinks) {
-
+            var drinksHtml = '';
-        // Display the drinks dynamically
+            drinks.forEach(function(drink) {
-        function displayDrinks(drinks) {
+                drinksHtml += `
-            var drinksHtml = '';
+            <div class="drink-option p-3 bg-light border rounded text-center" 
-            drinks.forEach(function(drink) {
+                 data-item-id="${drink.item_id}" 
-                drinksHtml += `
+                 data-item-price="${drink.price}" 
-            <div class="drink-option p-3 bg-light border rounded text-center" 
+                 data-item-name="${drink.description}" 
-                 data-item-id="${drink.item_id}" 
+                 style="width: 180px; flex: 0 0 auto; cursor: pointer;">
-                 data-item-price="${drink.price}" 
+                <img src="assets/images/bar/${drink.image}" alt="${drink.description}" class="drink-image" 
-                 data-item-name="${drink.description}" 
+                     style="width: 150px; height: 150px;">
-                 style="width: 180px; flex: 0 0 auto; cursor: pointer;">
+                <p>${drink.description}</p>
-                <img src="assets/images/bar/${drink.image}" alt="${drink.description}" class="drink-image" 
+                <h3>R ${drink.price}</h3>
-                     style="width: 150px; height: 150px;">
+            </div>
-                <p>${drink.description}</p>
+        `;
-                <h3>R ${drink.price}</h3>
+            });
-            </div>
+
-        `;
+            // Insert the drinks into the container and show it
-            });
+            $('#drinksContainer').html(drinksHtml).show();
-
+
-            // Insert the drinks into the container and show it
+            // Add click event to each drink option
-            $('#drinksContainer').html(drinksHtml).show();
+            $('.drink-option').click(function() {
-
+                var drinkId = $(this).data('item-id');
-            // Add click event to each drink option
+                var drinkPrice = $(this).data('item-price');
-            $('.drink-option').click(function() {
+                var drinkName = $(this).data('item-name');
-                var drinkId = $(this).data('item-id');
+                var tabId = $('#selectedTabId').val();
-                var drinkPrice = $(this).data('item-price');
+                var userId = $('#selectedUserId').val();
-                var drinkName = $(this).data('item-name');
+
-                var tabId = $('#selectedTabId').val();
+                console.log('Clicked Drink ID:', drinkName);
-                var userId = $('#selectedUserId').val();
+                console.log('Tab ID:', tabId);
-
+
-                console.log('Clicked Drink ID:', drinkName);
+                if (!drinkId || !tabId) {
-                console.log('Tab ID:', tabId);
+                    alert('Missing tab or drink ID. Cannot add to cart.');
-
+                    return;
-                if (!drinkId || !tabId) {
+                }
-                    alert('Missing tab or drink ID. Cannot add to cart.');
+
-                    return;
+                // Add the drink to the cart (session)
-                }
+                $.ajax({
-
+                    url: 'add_to_cart.php',
-                // Add the drink to the cart (session)
+                    method: 'POST',
-                $.ajax({
+                    data: {
-                    url: 'add_to_cart',
+                        tab_id: tabId,
-                    method: 'POST',
+                        user_id: userId,
-                    data: {
+                        item_id: drinkId,
-                        tab_id: tabId,
+                        item_price: drinkPrice,
-                        user_id: userId,
+                        item_name: drinkName
-                        item_id: drinkId,
+                    },
-                        item_price: drinkPrice,
+                    dataType: 'json',
-                        item_name: drinkName
+                    success: function(response) {
-                    },
+                        if (response.status === 'success') {
-                    dataType: 'json',
+
-                    success: function(response) {
+                            updateCartUI(response.cart); // Update the cart UI with the added drink
-                        if (response.status === 'success') {
+                        } else {
-
+                            console.error('Error response from server:', response);
-                            updateCartUI(response.cart); // Update the cart UI with the added drink
+                            alert('Error adding drink to cart.');
-                        } else {
+                        }
-                            console.error('Error response from server:', response);
+                    },
-                            alert('Error adding drink to cart.');
+                    error: function(jqXHR, textStatus, errorThrown) {
-                        }
+                        console.error('AJAX request failed. Status:', textStatus, 'Error:', errorThrown);
-                    },
+                        alert('There was an error with the request. Check console for details.');
-                    error: function(jqXHR, textStatus, errorThrown) {
+                    }
-                        console.error('AJAX request failed. Status:', textStatus, 'Error:', errorThrown);
+                });
-                        alert('There was an error with the request. Check console for details.');
+            });
-                    }
+        }
-                });
+
-            });
+
-        }
+
-
+        // Update the cart UI with the selected drinks
-
+        function updateCartUI(cart) {
-
+            var cartListHtml = '';
-        // Update the cart UI with the selected drinks
+            var totalPrice = 0; // Initialize total price
-        function updateCartUI(cart) {
+            console.log("Cart Data:", cart);
-            var cartListHtml = '';
+            // Iterate over each tab in the cart
-            var totalPrice = 0; // Initialize total price
+            Object.keys(cart).forEach(function(tabId) {
-            console.log("Cart Data:", cart);
+                cartListHtml += `<li><strong>Tab ID: ${tabId}</strong></li>`;
-            // Iterate over each tab in the cart
+
-            Object.keys(cart).forEach(function(tabId) {
+                // Iterate over each drink in this tab
-                cartListHtml += `<li><strong>Tab ID: ${tabId}</strong></li>`;
+                cart[tabId].forEach(function(drink) {
-
+                    cartListHtml += `
-                // Iterate over each drink in this tab
+                <li class="d-flex justify-content-between">
-                cart[tabId].forEach(function(drink) {
+                    <span>${drink.item_name}</span>
-                    cartListHtml += `
+                    <span>R ${parseFloat(drink.item_price).toFixed(2)}</span>
-                <li class="d-flex justify-content-between">
+                </li>
-                    <span>${drink.item_name}</span>
+            `;
-                    <span>R ${parseFloat(drink.item_price).toFixed(2)}</span>
+                    totalPrice += parseFloat(drink.item_price); // Add drink price to total
-                </li>
+                });
-            `;
+            });
-                    totalPrice += parseFloat(drink.item_price); // Add drink price to total
+
-                });
+            // Update the cart list and total price in the UI
-            });
+            $('#cartList').html(cartListHtml);
-
+            $('#orderTotal').html(`Order Total: <strong>R ${totalPrice.toFixed(2)}</strong>`);
-            // Update the cart list and total price in the UI
+
-            $('#cartList').html(cartListHtml);
+            // Show the cart container if there are items
-            $('#orderTotal').html(`Order Total: <strong>R ${totalPrice.toFixed(2)}</strong>`);
+            if (totalPrice > 0) {
-
+                $('#cartContainer').show();
-            // Show the cart container if there are items
+            } else {
-            if (totalPrice > 0) {
+                $('#cartContainer').hide();
-                $('#cartContainer').show();
+            }
-            } else {
+        }
-                $('#cartContainer').hide();
+
-            }
+        // Submit the order
-        }
+        $('#submitOrder').click(function() {
-
+            var tabId = $('#selectedTabId').val();
-        // Submit the order
+
-        $('#submitOrder').click(function() {
+            // Submit the order
-            var tabId = $('#selectedTabId').val();
+            $.ajax({
-
+                url: 'submit_order.php',
-            // Submit the order
+                method: 'POST',
-            $.ajax({
+                data: {
-                url: 'submit_order',
+                    tab_id: tabId
-                method: 'POST',
+                },
-                data: {
+                dataType: 'json',
-                    tab_id: tabId
+                success: function(response) {
-                },
+                    if (response.status === 'success') {
-                dataType: 'json',
+                        // alert('Order submitted successfully!');
-                success: function(response) {
+                        $('#cartList').html('');
-                    if (response.status === 'success') {
+                        $('#orderTotal').html('Order Total:');
-                        // alert('Order submitted successfully!');
+                        loadBarTabs(); // Optionally reload the bar tabs
-                        $('#cartList').html('');
+                        $('#barTabsContainer').show();
-                        $('#orderTotal').html('Order Total:');
+                        $('#newTabButton').show(); // Show the drinks container
-                        loadBarTabs(); // Optionally reload the bar tabs
+                        $('#drinksContainer').hide();
-                        $('#barTabsContainer').show();
+                        $('#cartContainer').hide();
-                        $('#newTabButton').show(); // Show the drinks container
+                        $('#submitButton').hide(); // Show the cart container
-                        $('#drinksContainer').hide();
+                        $('#tabTotalContainer').hide(); // Show the cart container
-                        $('#cartContainer').hide();
+                    } else {
-                        $('#submitButton').hide(); // Show the cart container
+                        // Display error messages
-                        $('#tabTotalContainer').hide(); // Show the cart container
+                        var errorMessage = 'Error submitting order.';
-                    } else {
+                        if (response.errors && response.errors.length > 0) {
-                        // Display error messages
+                            errorMessage += '\n' + response.errors.join('\n'); // Concatenate all errors
-                        var errorMessage = 'Error submitting order.';
+                        }
-                        if (response.errors && response.errors.length > 0) {
+                        alert(errorMessage);
-                            errorMessage += '\n' + response.errors.join('\n'); // Concatenate all errors
+
-                        }
+                        // Optionally display errors in a div (if you have an error container)
-                        alert(errorMessage);
+                        $('#orderErrorContainer').html('<div class="alert alert-danger">' + errorMessage.replace(/\n/g, '<br>') + '</div>');
-
+                    }
-                        // Optionally display errors in a div (if you have an error container)
+                },
-                        $('#orderErrorContainer').html('<div class="alert alert-danger">' + errorMessage.replace(/\n/g, '<br>') + '</div>');
+                error: function(jqXHR, textStatus, errorThrown) {
-                    }
+                    console.error('AJAX request failed. Status:', textStatus, 'Error:', errorThrown);
-                },
+                    console.error('Response:', jqXHR.responseText);
-                error: function(jqXHR, textStatus, errorThrown) {
+                    alert('There was an error with the request. Check console for details.');
-                    console.error('AJAX request failed. Status:', textStatus, 'Error:', errorThrown);
+                }
-                    console.error('Response:', jqXHR.responseText);
+            });
-                    alert('There was an error with the request. Check console for details.');
+        });
-                }
+
-            });
+        function fetchTabTotal(tabId) {
-        });
+            console.log("fetching tab total...")
-
+            $.ajax({
-        function fetchTabTotal(tabId) {
+                url: 'get_tab_total.php',
-            console.log("fetching tab total...")
+                method: 'POST',
-            $.ajax({
+                data: {
-                url: 'get_tab_total',
+                    tab_id: tabId
-                method: 'POST',
+                },
-                data: {
+                dataType: 'json',
-                    tab_id: tabId
+                success: function(response) {
-                },
+                    if (response.status === 'success') {
-                dataType: 'json',
+                        $('#tabTotal').html(`<strong>Total: R ${response.total}</strong>`);
-                success: function(response) {
+                    } else {
-                    if (response.status === 'success') {
+                        console.error(response.message);
-                        $('#tabTotal').html(`<strong>Total: R ${response.total}</strong>`);
+                        $('#tabTotal').html('<strong>Error fetching total</strong>');
-                    } else {
+                    }
-                        console.error(response.message);
+                },
-                        $('#tabTotal').html('<strong>Error fetching total</strong>');
+                error: function(jqXHR, textStatus, errorThrown) {
-                    }
+                    console.error('AJAX error:', textStatus, errorThrown);
-                },
+                }
-                error: function(jqXHR, textStatus, errorThrown) {
+            });
-                    console.error('AJAX error:', textStatus, errorThrown);
+        }
-                }
+
-            });
+
-        }
+    });
-
+</script>
-
+
-    });
+
-</script>
+
-
+
-
+<?php include_once("insta_footer.php"); ?>
 <?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
--- a/src/pages/other/basic_indemnity.php
+++ b/src/pages/other/basic_indemnity.php
@@ -1,133 +1,152 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+// Assuming you have the user ID stored in the session
-$rootPath = dirname(dirname(dirname(__DIR__)));
+if (isset($_SESSION['user_id'])) {
-include_once($rootPath . '/header.php');
+    $user_id = $_SESSION['user_id'];
-// Assuming you have the user ID stored in the session
+} else {
-if (isset($_SESSION['user_id'])) {
+    header('Location: login.php');
-    $user_id = $_SESSION['user_id'];
+    exit(); // Stop further script execution
-} else {
+}
-    header('Location: login.php');
+?>
-    exit(); // Stop further script execution
+
-}
+
-?>
+<style>
-
+    h2 {
-
+        text-align: center;
-<style>
+        margin-bottom: 20px;
-    h2 {
+    }
-        text-align: center;
+
-        margin-bottom: 20px;
+    .indemnitycontainer {
-    }
+        max-width: 800px;
-
+        margin: 0 auto;
-    .indemnitycontainer {
+    }
-        max-width: 800px;
+
-        margin: 0 auto;
+    .indemnity-text {
-    }
+        text-align: justify;
-
+        margin-bottom: 20px;
-    .indemnity-text {
+    }
-        text-align: justify;
+
-        margin-bottom: 20px;
+    .signature-container {
-    }
+        margin-top: 30px;
-
+        margin-bottom: 100px;
-    .signature-container {
+        text-align: center;
-        margin-top: 30px;
+    }
-        margin-bottom: 100px;
+
-        text-align: center;
+    #signature-pad {
-    }
+        border: 1px solid black;
-
+
-    #signature-pad {
+    }
-        border: 1px solid black;
+</style>
-
+<!-- Page Banner Start -->
-    }
+<?php
-</style>
+$bannerFolder = 'assets/images/banners/';
-<?php
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-    $pageTitle = 'Indemnity';
+
-    $breadcrumbs = [['Home' => 'index.php']];
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-    require_once($rootPath . '/components/banner.php');
+if (!empty($bannerImages)) {
-?>
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-<!-- Page Banner End -->
+}
-
+?>
-
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-<div class="indemnitycontainer pt-20">
+<div class="banner-overlay"></div>
-    <!-- <h2>Indemnity and Waiver</h2> -->
+    <div class="container">
-    <div class="indemnity-text">
+        <div class="banner-inner text-white">
-        <p><strong>INDEMNITY AND WAIVER</strong></p>
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Indemnity</h2>
-        <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>
+            <nav aria-label="breadcrumb">
-        <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>
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-        <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>
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-        <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>
+                    <li class="breadcrumb-item ">Membership</li>
-        <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>
+                    <li class="breadcrumb-item ">Application</li>
-        <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>
+                    <li class="breadcrumb-item active">Indemnity</li>
-        <p><strong>BASE 4 CODE OF CONDUCT</strong></p>
+                    <li class="breadcrumb-item ">Payment</li>
-        <p>1. No motorbikes or quadbikes.</p>
+                </ol>
-        <p>2. No loud music (unless authorised by the Committee or its representatives).</p>
+            </nav>
-        <p>3. Dogs to be controlled by their owners who take full responsibility for the animal’s behaviour.</p>
+        </div>
-        <p>4. No dogs belonging to non-members are allowed at Base 4 unless with the express permission of the Committee.</p>
+    </div>
-        <p>5. No person in the rear of open vehicles when driving on obstacles.</p>
+</section>
-        <p>6. When driving the obstacles stay on the tracks.</p>
+<!-- Page Banner End -->
-        <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>
+<div class="indemnitycontainer pt-20">
-        <p>10. All rubbish is to be taken away with you when leaving. Dustbins and refuse collection is not provided.</p>
+    <!-- <h2>Indemnity and Waiver</h2> -->
-        <p>11. Use water sparingly. Please bring your own water and a little extra for the Club.</p>
+    <div class="indemnity-text">
-        <p>I am a member of the Four Wheel Drive Club of Southern Africa and I will strive to uphold these Codes.</p>
+        <p><strong>INDEMNITY AND WAIVER</strong></p>
-    </div>
+        <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>
-    <div class="signature-container">
+        <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>
-        <div style="text-align: center;" id="responseMessage"></div> <!-- Message display area -->
+        <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><strong>Signature</strong></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>
-        <canvas id="signature-pad" width=400 height=200></canvas><br>
+        <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>
-        <button type="button" class="theme-btn style-two" id="save">ACCEPT INDEMNITY</button>
+        <p><strong>BASE 4 CODE OF CONDUCT</strong></p>
-        <!-- <div class="pt-20" style="text-align: center;">You will be redirected to Payfast for payment.</div> -->
+        <p>1. No motorbikes or quadbikes.</p>
-    </div>
+        <p>2. No loud music (unless authorised by the Committee or its representatives).</p>
-</div>
+        <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>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+        <p>5. No person in the rear of open vehicles when driving on obstacles.</p>
-<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
+        <p>6. When driving the obstacles stay on the tracks.</p>
-<script>
+        <p>7. Engage 4WD when driving the obstacles to minimise wear and damage to the track.</p>
-    var canvas = document.getElementById('signature-pad');
+        <p>8. No alcohol to be consumed while driving the track.</p>
-    var signaturePad = new SignaturePad(canvas);
+        <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>
-    document.getElementById('save').addEventListener('click', function() {
+        <p>11. Use water sparingly. Please bring your own water and a little extra for the Club.</p>
-        if (signaturePad.isEmpty()) {
+        <p>I am a member of the Four Wheel Drive Club of Southern Africa and I will strive to uphold these Codes.</p>
-            alert("Please provide a signature.");
+    </div>
-        } else {
+
-            var dataUrl = signaturePad.toDataURL(); // Get signature as base64 image
+    <div class="signature-container">
-
+        <div style="text-align: center;" id="responseMessage"></div> <!-- Message display area -->
-            $.ajax({
+        <p><strong>Signature</strong></p>
-                url: 'process_signature',
+        <canvas id="signature-pad" width=400 height=200></canvas><br>
-                type: 'POST',
+        <button type="button" class="theme-btn style-two" id="save">ACCEPT INDEMNITY</button>
-                data: {
+        <!-- <div class="pt-20" style="text-align: center;">You will be redirected to Payfast for payment.</div> -->
-                    signature: dataUrl // Send the base64 signature image
+    </div>
-                },
+</div>
-                success: function(response) {
+
-                    // Parse response if needed
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-                    if (typeof response === "string") {
+<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
-                        response = JSON.parse(response);
+<script>
-                    }
+    var canvas = document.getElementById('signature-pad');
-                    if (response.status === 'success') {
+    var signaturePad = new SignaturePad(canvas);
-                        // Check if the user has paid
+
-                        if (response.paymentStatus === 'PAID') {
+    document.getElementById('save').addEventListener('click', function() {
-                            // Redirect to membership_details.php if paid
+        if (signaturePad.isEmpty()) {
-                            setTimeout(function() {
+            alert("Please provide a signature.");
-                                window.location.href = 'membership_details.php';
+        } else {
-                            }, 2000); // 2-second delay before redirecting
+            var dataUrl = signaturePad.toDataURL(); // Get signature as base64 image
-                        } else {
+
-                            // Redirect to membership_payment.php if not paid
+            $.ajax({
-                            setTimeout(function() {
+                url: 'process_signature.php',
-                                window.location.href = 'membership_payment.php';
+                type: 'POST',
-                            }, 2000); // 2-second delay before redirecting
+                data: {
-                        }
+                    signature: dataUrl // Send the base64 signature image
-                    } else {
+                },
-                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
+                success: function(response) {
-                    }
+                    // Parse response if needed
-                },
+                    if (typeof response === "string") {
-                error: function() {
+                        response = JSON.parse(response);
-                    $('#responseMessage').html('<div class="alert alert-danger">Error uploading profile picture.</div>');
+                    }
-                }
+                    if (response.status === 'success') {
-            });
+                        // Check if the user has paid
-        }
+                        if (response.paymentStatus === 'PAID') {
-    });
+                            // Redirect to membership_details.php if paid
-</script>
+                            setTimeout(function() {
-
+                                window.location.href = 'membership_details.php';
-
+                            }, 2000); // 2-second delay before redirecting
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php') ?>
+                        } else {
                            // Redirect to membership_payment.php if not paid
                            setTimeout(function() {
                                window.location.href = 'membership_payment.php';
                            }, 2000); // 2-second delay before redirecting
                        }
                    } else {
                        $('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
                    }
                },
                error: function() {
                    $('#responseMessage').html('<div class="alert alert-danger">Error uploading profile picture.</div>');
                }
            });
        }
    });
 </script>
 <?php include_once('insta_footer.php') ?>
--- a/src/pages/events/best_of_the_eastern_cape_2024.php
+++ b/src/pages/events/best_of_the_eastern_cape_2024.php
@@ -1,435 +1,448 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+$page_id = 'best_0f_ec';
-$rootPath = dirname(dirname(dirname(__DIR__)));
+?>
-include_once($rootPath . '/header.php');
+
-$page_id = 'best_0f_ec';
+<style>
-?>
+    .image {
-
+        width: 400px;
-<style>
+        /* Set your desired width */
-    .image {
+        height: 350px;
-        width: 400px;
+        /* Set your desired height */
-        /* Set your desired width */
+        overflow: hidden;
-        height: 350px;
+        /* Hide any overflow */
-        /* Set your desired height */
+        display: block;
-        overflow: hidden;
+        /* Ensure proper block behavior */
-        /* Hide any overflow */
+    }
-        display: block;
+
-        /* Ensure proper block behavior */
+    .image img {
-    }
+        width: 100%;
-
+        /* Image scales to fill the container */
-    .image img {
+        height: 100%;
-        width: 100%;
+        /* Image scales to fill the container */
-        /* Image scales to fill the container */
+        object-fit: cover;
-        height: 100%;
+        /* Fills the container while maintaining aspect ratio */
-        /* Image scales to fill the container */
+        object-position: top;
-        object-fit: cover;
+        /* Aligns the top of the image with the top of the container */
-        /* Fills the container while maintaining aspect ratio */
+        display: block;
-        object-position: top;
+        /* Prevents inline whitespace issues */
-        /* Aligns the top of the image with the top of the container */
+    }
-        display: block;
+</style>
-        /* Prevents inline whitespace issues */
+<style>
-    }
+    body {
-</style>
+        /* font-family: Arial, sans-serif; */
-<style>
+        line-height: 1.6;
-    body {
+        /* max-width: 800px; */
-        /* font-family: Arial, sans-serif; */
+        margin: auto;
-        line-height: 1.6;
+        /* padding: 20px; */
-        /* max-width: 800px; */
+    }
-        margin: auto;
+
-        /* padding: 20px; */
+    h1,
-    }
+    h2 {
-
+        color: #2c3e50;
-    h1,
+    }
-    h2 {
+
-        color: #2c3e50;
+    h2 {
-    }
+        margin-top: 2em;
-
+    }
-    h2 {
+
-        margin-top: 2em;
+    .content {
-    }
+        margin-bottom: 2em;
-
+    }
-    .content {
+
-        margin-bottom: 2em;
+    .img-left,
-    }
+    .img-right {
-
+        max-width: 30%;
-    .img-left,
+        margin: 20px;
-    .img-right {
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-        max-width: 30%;
+        border-radius: 10px;
-        margin: 20px;
+    }
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+
-        border-radius: 10px;
+    .img-left {
-    }
+        float: left;
-
+    }
-    .img-left {
+
-        float: left;
+    .img-right {
-    }
+        float: right;
-
+    }
-    .img-right {
+
-        float: right;
+    .clearfix {
-    }
+        clear: both;
-
+    }
-
+
-
+</style>
-</style>
+
-
+
-<?php
+
-    $pageTitle = 'Best of the Eastern Cape 2024';
+
-    $breadcrumbs = [['Home' => 'index.php']];
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('assets/images/blog/1/cover.jpg');">
-    require_once($rootPath . '/components/banner.php');
+<div class="banner-overlay"></div>
-?>
+    <div class="container">
-
+        <div class="banner-inner text-white">
-<!-- Blog Detaisl Area start -->
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Best of the Eastern Cape 2024</h2>
-<section class="blog-detaisl-page py-100 rel z-1">
+            <nav aria-label="breadcrumb">
-    <div class="container">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-        <div class="row">
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-            <div class="col-lg-8">
+                    <li class="breadcrumb-item active">Best of the Eastern Cape 2024</li>
-                <div class="blog-details-content" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                </ol>
-                    <a href="blog.html" class="category">Travel</a>
+            </nav>
-                    <ul class="blog-meta mb-30">
+        </div>
-                        <li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#">John Runciman</a></li>
+    </div>
-                        <li><i class="far fa-calendar-alt"></i> <a href="#">25 Feb 2024</a></li>
+</section>
-                        <li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
+<!-- Page Banner End -->
-                    </ul>
+
-
+
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+<!-- Blog Detaisl Area start -->
-                        <h2>Best of the Eastern Cape 2024</h2>
+<section class="blog-detaisl-page py-100 rel z-1">
-                        <p>Every year, Noelene and I organise a trip through the Eastern Cape, with the highlight being traversing Baviaanskloof. Each trip has been slightly different to the previous one, with this trip, in my opinion, being the best one!</p>
+    <div class="container">
-                        <p class="content">
+        <div class="row">
-                            <img src="assets/images/blog/1/blog_01.jpeg" alt="Bushman's River" class="img-left">
+            <div class="col-lg-8">
-                            The idea was to meet up at the village at the mouth of the Bushman’s River, Boesmansriviermond, near Kenton-on-Sea. Mike and Clara arrived a few days early and we enjoyed a ride up the Bushman’s River in our little boat and walks on the beach.<br><br>
+                <div class="blog-details-content" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                            The rest of the group—Roy and Naome, Doug and Santie, and Dave and Valery—arrived on the Friday, the day before the official departure. Doug and Dave booked a campsite at Cannon Rocks, 20 or so kilometres from Bushman’s.
+                    <a href="blog.html" class="category">Travel</a>
-                        </p>
+                    <ul class="blog-meta mb-30">
-                        <p>We arranged a braai for that evening, and I admit that I was shocked to my little toes when I saw that Doug and Dave had brought a caravan and camping trailer along. This is definitely not a caravan or trailer-friendly route and I voiced my hesitation.</p>
+                        <li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#">John Runciman</a></li>
-                        <p>The long and the short was that Doug decided to continue despite my fears, and Dave decided to withdraw from the trip. This was not entirely due to my warnings but also to Valery not feeling up to scratch. We also heard that Roger would not be able to make it because of personal problems at home.</p>
+                        <li><i class="far fa-calendar-alt"></i> <a href="#">25 Feb 2024</a></li>
-
+                        <li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
-                    </div>
+                    </ul>
-
+
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <h5>Saturday: Bushman’s to Ocean View</h5>
+                        <h2>Best of the Eastern Cape 2024</h2>
-
+                        <p>Every year, Noelene and I organise a trip through the Eastern Cape, with the highlight being traversing Baviaanskloof. Each trip has been slightly different to the previous one, with this trip, in my opinion, being the best one!</p>
-                        <p class="content">
+                        <p class="content">
-                            <img src="assets/images/blog/1/blog_05.jpeg" alt="Fish River Lighthouse" class="img-left">
+                            <img src="assets/images/blog/1/blog_01.jpeg" alt="Bushman's River" class="img-left">
-                        <p>On Saturday morning, the remaining four vehicles met at Bushman’s River with our first destination set for Bathurst for breakfast. We drove via the "poor man’s game drive" (the old main road from Port Elizabeth to Port Alfred, now incorporated into the Sibuya Game Reserve) and the winding road through the spectacular Cowie River Valley.</p>
+                            The idea was to meet up at the village at the mouth of the Bushman’s River, Boesmansriviermond, near Kenton-on-Sea. Mike and Clara arrived a few days early and we enjoyed a ride up the Bushman’s River in our little boat and walks on the beach.<br><br>
-                        <p>After brunch (the trip took longer than expected due to the bad roads), we wandered along to the Fish River Lighthouse, a place worth a visit. This historic building was erected in the late 19th century with the light first shining on 1 July 1898. The warning light has a strength of 5,000,000 candelas and is 85 metres above the high water mark with a shine range of 32 sea miles. Wish I had that on the front of my Hilux!</p>
+                            The rest of the group—Roy and Naome, Doug and Santie, and Dave and Valery—arrived on the Friday, the day before the official departure. Doug and Dave booked a campsite at Cannon Rocks, 20 or so kilometres from Bushman’s.
-                        <p>The most unique feature about the light is that it has no bearings for the 2 ton light to spin on, but rather it floats in a bed of mercury, ingenious!</p>
+                        </p>
-                        </p>
+                        <p>We arranged a braai for that evening, and I admit that I was shocked to my little toes when I saw that Doug and Dave had brought a caravan and camping trailer along. This is definitely not a caravan or trailer-friendly route and I voiced my hesitation.</p>
-
+                        <p>The long and the short was that Doug decided to continue despite my fears, and Dave decided to withdraw from the trip. This was not entirely due to my warnings but also to Valery not feeling up to scratch. We also heard that Roger would not be able to make it because of personal problems at home.</p>
-                        <p class="content">
+
-                            <img src="assets/images/blog/1/blog_03.jpeg" alt="Baviaanskloof" class="img-right">
+                    </div>
-                        <p>From there we drove back past the Bushman’s River, towards Boknes (small village on the sea shore), and onto the scenic gravel road going to Alexandria that services all the dairy farms in the area. We turned off the gravel onto a farm road and came out at a camping site, Ocean View, where we arranged to spend 2 nights in amongst the dense Eastern Cape bush on the edge of the sand dunes. This made for a snug campsite sheltered from the wind.</p>
+
-                        <p>Interest. The location of this campsite is on the eastern edge of the area with the largest shifting dunes in the southern hemisphere. Truly spectacular!</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        </p>
+                        <h5>Saturday: Bushman’s to Ocean View</h5>
-
+
-                        <div style="width:100%; object-fit: cover;" class="image mt-40 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <p class="content">
-                            <img src="assets/images/blog/1/blog_04.jpeg" alt="Blog Details">
+                            <img src="assets/images/blog/1/blog_05.jpeg" alt="Fish River Lighthouse" class="img-left">
-                        </div>
+                        <p>On Saturday morning, the remaining four vehicles met at Bushman’s River with our first destination set for Bathurst for breakfast. We drove via the "poor man’s game drive" (the old main road from Port Elizabeth to Port Alfred, now incorporated into the Sibuya Game Reserve) and the winding road through the spectacular Cowie River Valley.</p>
-
+                        <p>After brunch (the trip took longer than expected due to the bad roads), we wandered along to the Fish River Lighthouse, a place worth a visit. This historic building was erected in the late 19th century with the light first shining on 1 July 1898. The warning light has a strength of 5,000,000 candelas and is 85 metres above the high water mark with a shine range of 32 sea miles. Wish I had that on the front of my Hilux!</p>
-                        <div class="clearfix"></div>
+                        <p>The most unique feature about the light is that it has no bearings for the 2 ton light to spin on, but rather it floats in a bed of mercury, ingenious!</p>
-                    </div>
+                        </p>
-
+
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <p class="content">
-
+                            <img src="assets/images/blog/1/blog_03.jpeg" alt="Baviaanskloof" class="img-right">
-                        <h5>Sunday: Beach Day</h5>
+                        <p>From there we drove back past the Bushman’s River, towards Boknes (small village on the sea shore), and onto the scenic gravel road going to Alexandria that services all the dairy farms in the area. We turned off the gravel onto a farm road and came out at a camping site, Ocean View, where we arranged to spend 2 nights in amongst the dense Eastern Cape bush on the edge of the sand dunes. This made for a snug campsite sheltered from the wind.</p>
-
+                        <p>Interest. The location of this campsite is on the eastern edge of the area with the largest shifting dunes in the southern hemisphere. Truly spectacular!</p>
-                        <p>The next day was spent exploring the beach—miles and miles of pristine beach where there is not another soul to be seen!</p>
+                        </p>
-                    </div>
+
-
+                        <div style="width:100%; object-fit: cover;" class="image mt-40 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <img src="assets/images/blog/1/blog_04.jpeg" alt="Blog Details">
-
+                        </div>
-                        <h5>Monday: To Brakkeduine</h5>
+
-
+                        <div class="clearfix"></div>
-                        <p class="content">
+                    </div>
-                            <img src="assets/images/blog/1/blog_06.jpeg" alt="Sand Dunes" class="img-left">
+
-                        <p>Monday morning, bright and early, we set off towards Port Elizabeth where we planned to leave Max, our faithful hound, for the duration of the trip, then on to Humansdorp and finally to a resort called Brakkeduine.</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <p>Doug and Santie, pulling their caravan, suffered a puncture and stopped in the little town of Alexandria to have the tyre repaired and we decided that the remainder would go on in convoy through the thriving metropolis of Port Elizabeth and meet them there.</p>
+
-                        <p>Once clear of Port Elizabeth, the three remaining vehicles followed the R102, down the old Van Staden’s pass, across the single lane bridge spanning the Gamtoos river and past Jefferey’s Bay. At Humansdorp we hit the gravel roads eventually reaching Brakkeduine in the late afternoon.</p>
+                        <h5>Sunday: Beach Day</h5>
-                        <p>Doug and Santie were already there with Doug trying his hand at fishing in the dam. The campsites are to die for! Set along manicured grassy terraced ledges overlooking the dam, each site separated by neatly trimmed hedges.</p>
+
-                        <div class="clearfix"></div>
+                        <p>The next day was spent exploring the beach—miles and miles of pristine beach where there is not another soul to be seen!</p>
-                        </p>
+                    </div>
-                    </div>
+
-
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+
-
+                        <h5>Monday: To Brakkeduine</h5>
-                        <h5>Tuesday: Dune Adventure</h5>
+
-
+                        <p class="content">
-                        <p class="content">
+                            <img src="assets/images/blog/1/blog_06.jpeg" alt="Sand Dunes" class="img-left">
-                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_07.jpeg" alt="Sand Dunes" class="img-left">
+                        <p>Monday morning, bright and early, we set off towards Port Elizabeth where we planned to leave Max, our faithful hound, for the duration of the trip, then on to Humansdorp and finally to a resort called Brakkeduine.</p>
-                        <p>The following morning we met Johan, our guide for the day. After airing down (0.6 bar!), we set off in convoy to attack the dunes. Before we reached the first dune, Doug pulled a tyre off the rim. We all got stuck in to repair the wheel and were on the road again fifteen minutes later. The airjack proved its usefulness!</p>
+                        <p>Doug and Santie, pulling their caravan, suffered a puncture and stopped in the little town of Alexandria to have the tyre repaired and we decided that the remainder would go on in convoy through the thriving metropolis of Port Elizabeth and meet them there.</p>
-                        <p>We played in the sand for the next few hours, then Roy managed to pull one of his tyres off the rim—on a steep incline and in the boiling heat of the midday sun. This time the airjack did not do so well! We were eventually forced to use Mike’s trusty hi-lift jack. Eventually, we changed wheels and headed for camp, then back to Humansdorp to get the wheel repaired.</p>
+                        <p>Once clear of Port Elizabeth, the three remaining vehicles followed the R102, down the old Van Staden’s pass, across the single lane bridge spanning the Gamtoos river and past Jefferey’s Bay. At Humansdorp we hit the gravel roads eventually reaching Brakkeduine in the late afternoon.</p>
-                        <p>In the mean time, Doug had also picked up a problem with his Prado, and he and Santie decided to head to the Toyota garage in Joubertina further along the R62 with the plan that we would all meet up again in Kareedouw.</p>
+                        <p>Doug and Santie were already there with Doug trying his hand at fishing in the dam. The campsites are to die for! Set along manicured grassy terraced ledges overlooking the dam, each site separated by neatly trimmed hedges.</p>
-                        <p>From there, we headed off north into the mountains. The road was not bad, just rocky and plenty of loose stones: I was concerned about the tyres on Doug’s Prado and caravan but I need not have worried and we arrived at our camp as the sun was setting.</p>
+                        <div class="clearfix"></div>
-                        <p>Baviaans Lodge is situated in the Kouga Mountains at the start of the Rus en Vrede trail across the mountains to the Baviaanskloof. The campsite is cosy, set among the trees on the bank of a small stream. There is a hot water shower and toilets, all well maintained and clean.</p>
+                        </p>
-                        <p>We enjoyed an evening around the campfire and I must be honest and say that I went to bed concerned about Doug pulling his caravan over the mountains to Baviaanskloof.</p>
+                    </div>
-                        </p>
+
-
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-
+
-
+                        <h5>Tuesday: Dune Adventure</h5>
-                        <div class="clearfix"></div>
+
-                    </div>
+                        <p class="content">
-
+                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_07.jpeg" alt="Sand Dunes" class="img-left">
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <p>The following morning we met Johan, our guide for the day. After airing down (0.6 bar!), we set off in convoy to attack the dunes. Before we reached the first dune, Doug pulled a tyre off the rim. We all got stuck in to repair the wheel and were on the road again fifteen minutes later. The airjack proved its usefulness!</p>
-
+                        <p>We played in the sand for the next few hours, then Roy managed to pull one of his tyres off the rim—on a steep incline and in the boiling heat of the midday sun. This time the airjack did not do so well! We were eventually forced to use Mike’s trusty hi-lift jack. Eventually, we changed wheels and headed for camp, then back to Humansdorp to get the wheel repaired.</p>
-                        <h5>Wednesday: Rus en Vrede Trail</h5>
+                        <p>In the mean time, Doug had also picked up a problem with his Prado, and he and Santie decided to head to the Toyota garage in Joubertina further along the R62 with the plan that we would all meet up again in Kareedouw.</p>
-
+                        <p>From there, we headed off north into the mountains. The road was not bad, just rocky and plenty of loose stones: I was concerned about the tyres on Doug’s Prado and caravan but I need not have worried and we arrived at our camp as the sun was setting.</p>
-                        <p>The following morning, I cannot emphasise how important it is to be ready and waiting at the designated time. The day was going to be slow going and I was factoring in time for recovery and vehicle maintenance on the mountain. As it happened, there were no delays of problems whatsoever, just slow going over the rough track. In fact, the only casualty was the awning from Mike’s Cruiser which was shaken free and rescued by Roy.</p>
+                        <p>Baviaans Lodge is situated in the Kouga Mountains at the start of the Rus en Vrede trail across the mountains to the Baviaanskloof. The campsite is cosy, set among the trees on the bank of a small stream. There is a hot water shower and toilets, all well maintained and clean.</p>
-
+                        <p>We enjoyed an evening around the campfire and I must be honest and say that I went to bed concerned about Doug pulling his caravan over the mountains to Baviaanskloof.</p>
-                        <p class="content">
+                        </p>
-                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_08.jpeg" alt="Baviaanskloof" class="img-right">
+
-                        <p>The Rus en Vrede trail was originally cut across the mountains by the woodcutters back in eighteen something. Now it crosses over three farms, and is a combination of gravel, loose rocks, mountain rocks and eroded farm tracks. There are also 13 gates that had to be opened and closed, thank you Noelene and Naome!</p>
+
-                        <p>The views cover seven different mountain ranges giving one a panoramic view of the area. We were lucky with the weather, clear skies, no wind, and relatively cool conditions. The proteas were out in full bloom and the famous centuries-old cycads stand guard over the peaks and valleys</p>
+
-                        </p>
+                        <div class="clearfix"></div>
-                        <p class="content">
+                    </div>
-                            <img src="assets/images/blog/1/blog_09.jpeg" alt="Sand Dunes" class="img-left">
+
-                        <p>The trail ends at the Rus en Vrede farm where you pay the farmer per vehicle and per person(details below). Now, onto the main road through the Kloof and a little further we signed in at the entrance to the Baviaanskloof Nature Reserve.</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <p>The road twists and turns through the Park with many water crossings, deep ravines and high rugged mountains crossing Holgat’s Pass, Kombrink’s Pass, and the Grootrivier Pass. The roads have not been maintained and the going was slow but the scenery was spectacular. The concrete strip road over the mountain is especially rough with the concrete slabs broken and displaced. This was no problem for our vehicles, in fact this was our preferred route given that we were all driving seriously capable off-road vehicles.</p>
+
-                        </p>
+                        <h5>Wednesday: Rus en Vrede Trail</h5>
-
+
-                        <p>Our destination was Kudu Kaya, a working citrus farm where we have stayed before, our chosen campsite up on a hill overlooking the farm. Doug had to do a few running repairs on the caravan and Santie worked a good hour cleaning the debris caused to the food supplies being shaken loose by the rough roads: custard and gunk everywhere!</p>
+                        <p>The following morning, I cannot emphasise how important it is to be ready and waiting at the designated time. The day was going to be slow going and I was factoring in time for recovery and vehicle maintenance on the mountain. As it happened, there were no delays of problems whatsoever, just slow going over the rough track. In fact, the only casualty was the awning from Mike’s Cruiser which was shaken free and rescued by Roy.</p>
-                        <p>Again, a great evening around the campfire!</p>
+
-
+                        <p class="content">
-
+                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_08.jpeg" alt="Baviaanskloof" class="img-right">
-                        <div class="clearfix"></div>
+                        <p>The Rus en Vrede trail was originally cut across the mountains by the woodcutters back in eighteen something. Now it crosses over three farms, and is a combination of gravel, loose rocks, mountain rocks and eroded farm tracks. There are also 13 gates that had to be opened and closed, thank you Noelene and Naome!</p>
-                    </div>
+                        <p>The views cover seven different mountain ranges giving one a panoramic view of the area. We were lucky with the weather, clear skies, no wind, and relatively cool conditions. The proteas were out in full bloom and the famous centuries-old cycads stand guard over the peaks and valleys</p>
-
+                        </p>
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <p class="content">
-                        <h5>Thursday: Into the Kloof</h5>
+                            <img src="assets/images/blog/1/blog_09.jpeg" alt="Sand Dunes" class="img-left">
-
+                        <p>The trail ends at the Rus en Vrede farm where you pay the farmer per vehicle and per person(details below). Now, onto the main road through the Kloof and a little further we signed in at the entrance to the Baviaanskloof Nature Reserve.</p>
-                        <p>Thursday morning saw us on the road to Steytlerville via Antonie’s Pass, a rugged rock and gravel road with many washaways which takes you down to Antoniesberg and the crossing of the Groot River. Again very slow and careful going.</p>
+                        <p>The road twists and turns through the Park with many water crossings, deep ravines and high rugged mountains crossing Holgat’s Pass, Kombrink’s Pass, and the Grootrivier Pass. The roads have not been maintained and the going was slow but the scenery was spectacular. The concrete strip road over the mountain is especially rough with the concrete slabs broken and displaced. This was no problem for our vehicles, in fact this was our preferred route given that we were all driving seriously capable off-road vehicles.</p>
-                        <p>We stopped at the Royal Hotel in Steytlerville for lunch before pushing on to Kaboega, a private farm in the mountains north of Addo Elephant Park, and sharing a boundary with the Park on the southern border. Here we set up camp at the big dam where we have stayed before. We were met and made welcome by the farm manager, Ian Ritchie and his wife Sandy.</p>
+                        </p>
-
+
-                        <div style="width:100%; object-fit: cover;" class="image mt-40 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <p>Our destination was Kudu Kaya, a working citrus farm where we have stayed before, our chosen campsite up on a hill overlooking the farm. Doug had to do a few running repairs on the caravan and Santie worked a good hour cleaning the debris caused to the food supplies being shaken loose by the rough roads: custard and gunk everywhere!</p>
-                            <img src="assets/images/blog/1/blog_11.jpeg" alt="Blog Details">
+                        <p>Again, a great evening around the campfire!</p>
-                        </div>
+
-                    </div>
+
-
+                        <div class="clearfix"></div>
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    </div>
-                        <h5>Friday: To Kaboega</h5>
+
-                        <p>Friday morning Ian and Sandy arrived in camp in time for coffee and while we sipped, Sandy gave us an insight into the Bushman’s paintings in the area and a general history of rock paintings in Southern Africa: very interesting stuff! We had arranged for Ian to lead us around the farm, about 6 000 hectares, where he has an intimate knowledge of the plants, the animals, and the terrain. There are seven biodiversity’s present here and these diversities have been allowed to flourish with no human intervention for the past 30 to 40 years. We stopped every few kilometres for Ian to show us something, or to tell us a story, or to point out something interesting.</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <p class="content">
+                        <h5>Thursday: Into the Kloof</h5>
-                            <img src="assets/images/blog/1/blog_12.jpeg" alt="Sand Dunes" class="img-left">
+
-                        <p>Apart from a locked gate to the neighbours where we had to cut the chain, there were no hitches as we climbed the mountain, crossing stream after stream, over rocks and through the bushes to the summit of the mountain. Here, we had originally intended to walk to some bushman’s paintings in the rocks, but the sun was westering and the decision was made to move on and rather have Ian take us to a swimming hole deep in the mountains before heading for home.</p>
+                        <p>Thursday morning saw us on the road to Steytlerville via Antonie’s Pass, a rugged rock and gravel road with many washaways which takes you down to Antoniesberg and the crossing of the Groot River. Again very slow and careful going.</p>
-                        <p>All in all it was a great and informative day and left us all wanting for more. Thank you Ian!</p>
+                        <p>We stopped at the Royal Hotel in Steytlerville for lunch before pushing on to Kaboega, a private farm in the mountains north of Addo Elephant Park, and sharing a boundary with the Park on the southern border. Here we set up camp at the big dam where we have stayed before. We were met and made welcome by the farm manager, Ian Ritchie and his wife Sandy.</p>
-                        </p>
+
-                        <div class="clearfix"></div>
+                        <div style="width:100%; object-fit: cover;" class="image mt-40 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                    </div>
+                            <img src="assets/images/blog/1/blog_11.jpeg" alt="Blog Details">
-
+                        </div>
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    </div>
-                        <h5>Saturday & Sunday: Mountain Zebra Park</h5>
+
-                        <p>Saturday, on the road again. I planned on taking the secondary gravel roads as far as possible en route to the Mountain Zebra Park via Somerset East and Cradock. We had a delicious breakfast in Somerset East, then followed the road through a giant conservancy before traversing the Swarthoek and Maraiskloof Passes eventually reaching Cradock where we all filled up with fuel.</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <p>West out of Cradock, it was a short hop to the Mountain Zebra Park where we booked in, found a campsite, and set up for the night. Originally we planned to spend one night here, allowing anyone that needed to return to Johannesburg for work on Monday morning to travel on the Sunday. Fortunately all decided to stay an extra night, allowing for extensive game drives on the Sunday.</p>
+                        <h5>Friday: To Kaboega</h5>
-                        <p class="content">
+                        <p>Friday morning Ian and Sandy arrived in camp in time for coffee and while we sipped, Sandy gave us an insight into the Bushman’s paintings in the area and a general history of rock paintings in Southern Africa: very interesting stuff! We had arranged for Ian to lead us around the farm, about 6 000 hectares, where he has an intimate knowledge of the plants, the animals, and the terrain. There are seven biodiversity’s present here and these diversities have been allowed to flourish with no human intervention for the past 30 to 40 years. We stopped every few kilometres for Ian to show us something, or to tell us a story, or to point out something interesting.</p>
-                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_13.jpeg" alt="Baviaanskloof" class="img-right">
+                        <p class="content">
-                        <p>The Reserve has a wide diversity of plains animals that were seen aplenty on the plateau areas, especially the rare and once nearly extinct mountain zebra, with other animals to be seen in the deep valley and gorges in the area. There are three 4X4 routes, none too challenging, but fun to drive.</p>
+                            <img src="assets/images/blog/1/blog_12.jpeg" alt="Sand Dunes" class="img-left">
-                        <p>We arranged a night drive for the Sunday evening. The weather was turning, cold winds and overcast, so we prepared ourselves with Old Brown Sherry and blankets. This was the middle (almost!) of summer, for goodness sake! The drive was great, buffalo, eland, kudu, you name it. Of great interest were the springhares bouncing along on their hind legs, and 6 porcupines. Sadly we saw no cats or aardwolves.</p>
+                        <p>Apart from a locked gate to the neighbours where we had to cut the chain, there were no hitches as we climbed the mountain, crossing stream after stream, over rocks and through the bushes to the summit of the mountain. Here, we had originally intended to walk to some bushman’s paintings in the rocks, but the sun was westering and the decision was made to move on and rather have Ian take us to a swimming hole deep in the mountains before heading for home.</p>
-                        <p>The drive that was to finish at 21h00 eventually got back to camp at 23h00: thank you to very knowledgeable and generous driver! By now we were frozen solid, back to our campsite for a whiskey and bed. In the morning the temperature gauge on my bakkie read 6 degrees!</p>
+                        <p>All in all it was a great and informative day and left us all wanting for more. Thank you Ian!</p>
-                    </div>
+                        </p>
-
+                        <div class="clearfix"></div>
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    </div>
-                        <h5>Monday: The End</h5>
+
-                        <p>Monday morning we packed up and went our separate ways. As I always say, sad to leave but happy to be on our way home.</p>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <p>Thank you all that enjoyed the trip with us for all your help, support, friendship and generosity. I am sad that Dave and Verinica, and Roger missed out on a great adventure. Next time!</p>
+                        <h5>Saturday & Sunday: Mountain Zebra Park</h5>
-                        <div class="clearfix"></div>
+                        <p>Saturday, on the road again. I planned on taking the secondary gravel roads as far as possible en route to the Mountain Zebra Park via Somerset East and Cradock. We had a delicious breakfast in Somerset East, then followed the road through a giant conservancy before traversing the Swarthoek and Maraiskloof Passes eventually reaching Cradock where we all filled up with fuel.</p>
-                    </div>
+                        <p>West out of Cradock, it was a short hop to the Mountain Zebra Park where we booked in, found a campsite, and set up for the night. Originally we planned to spend one night here, allowing anyone that needed to return to Johannesburg for work on Monday morning to travel on the Sunday. Fortunately all decided to stay an extra night, allowing for extensive game drives on the Sunday.</p>
-
+                        <p class="content">
-                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <img style="max-width: 45%;" src="assets/images/blog/1/blog_13.jpeg" alt="Baviaanskloof" class="img-right">
-
+                        <p>The Reserve has a wide diversity of plains animals that were seen aplenty on the plateau areas, especially the rare and once nearly extinct mountain zebra, with other animals to be seen in the deep valley and gorges in the area. There are three 4X4 routes, none too challenging, but fun to drive.</p>
-                        <h5>Trip Information</h5>
+                        <p>We arranged a night drive for the Sunday evening. The weather was turning, cold winds and overcast, so we prepared ourselves with Old Brown Sherry and blankets. This was the middle (almost!) of summer, for goodness sake! The drive was great, buffalo, eland, kudu, you name it. Of great interest were the springhares bouncing along on their hind legs, and 6 porcupines. Sadly we saw no cats or aardwolves.</p>
-                        <p>All the campsites have the basics of hot water, showers, ablutions etc.</p>
+                        <p>The drive that was to finish at 21h00 eventually got back to camp at 23h00: thank you to very knowledgeable and generous driver! By now we were frozen solid, back to our campsite for a whiskey and bed. In the morning the temperature gauge on my bakkie read 6 degrees!</p>
-                        <ul>
+                    </div>
-
+
-                            <li><strong>Cannon Rocks Caravan Park</strong>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                <ul>
+                        <h5>Monday: The End</h5>
-                                    <li>Phone: 064 654 0043</li>
+                        <p>Monday morning we packed up and went our separate ways. As I always say, sad to leave but happy to be on our way home.</p>
-                                    <li>75 wind protected sites</li>
+                        <p>Thank you all that enjoyed the trip with us for all your help, support, friendship and generosity. I am sad that Dave and Verinica, and Roger missed out on a great adventure. Next time!</p>
-                                    <li>Power to each site</li>
+                        <div class="clearfix"></div>
-                                    <li>Basic supply store</li>
+                    </div>
-                                    <li>Rates: R370 (low season) to R620 (high season) for 2 people caravan or tent</li>
+
-                                    <li>Also offer pensioner rates and long-stay rates on request</li>
+                    <div data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                </ul>
+
-                            </li>
+                        <h5>Trip Information</h5>
-                            <li><strong>Oceanview Camping</strong>
+                        <p>All the campsites have the basics of hot water, showers, ablutions etc.</p>
-                                <ul>
+                        <ul>
-                                    <li>Contact: David & Lynne Cordner</li>
+
-                                    <li>WhatsApp only: 082 573 3660</li>
+                            <li><strong>Cannon Rocks Caravan Park</strong>
-                                    <li>Power to some campsites</li>
+                                <ul>
-                                    <li>Rates on enquiry</li>
+                                    <li>Phone: 064 654 0043</li>
-                                </ul>
+                                    <li>75 wind protected sites</li>
-                            </li>
+                                    <li>Power to each site</li>
-                            <li><strong>Brakkeduine camping and adventure park</strong>
+                                    <li>Basic supply store</li>
-                                <ul>
+                                    <li>Rates: R370 (low season) to R620 (high season) for 2 people caravan or tent</li>
-                                    <li>Contact: Bennie & Tania van Niekerk</li>
+                                    <li>Also offer pensioner rates and long-stay rates on request</li>
-                                    <li>Phone: 083 657 0601</li>
+                                </ul>
-                                    <li>Email: <a href="mailto:bellakarmabt@gmail.com">bellakarmabt@gmail.com</a></li>
+                            </li>
-                                    <li>Rates: R100 per person per night, Children R75 PPPN</li>
+                            <li><strong>Oceanview Camping</strong>
-                                    <li>Power to each campsite</li>
+                                <ul>
-                                    <li>Guided trips: R300 per vehicle (min 5 vehicles)</li>
+                                    <li>Contact: David & Lynne Cordner</li>
-                                </ul>
+                                    <li>WhatsApp only: 082 573 3660</li>
-                            </li>
+                                    <li>Power to some campsites</li>
-                            <li><strong>Baviaans Lodge</strong>
+                                    <li>Rates on enquiry</li>
-                                <ul>
+                                </ul>
-                                    <li>Phone: 083 491 1009</li>
+                            </li>
-                                    <li>Email: <a href="mailto:info@baviaanslodge.co.za">info@baviaanslodge.co.za</a></li>
+                            <li><strong>Brakkeduine camping and adventure park</strong>
-                                    <li>Rates: Camping R100 per person per night</li>
+                                <ul>
-                                </ul>
+                                    <li>Contact: Bennie & Tania van Niekerk</li>
-                            </li>
+                                    <li>Phone: 083 657 0601</li>
-                            <li><strong>Rus en Vrede 4X4 Trail</strong>
+                                    <li>Email: <a href="mailto:bellakarmabt@gmail.com">bellakarmabt@gmail.com</a></li>
-                                <ul>
+                                    <li>Rates: R100 per person per night, Children R75 PPPN</li>
-                                    <li>Contact: Chris Lamprecht</li>
+                                    <li>Power to each campsite</li>
-                                    <li>Phone: 073 232 8932</li>
+                                    <li>Guided trips: R300 per vehicle (min 5 vehicles)</li>
-                                    <li>Email: <a href="mailto:clamp@igen.co.za">clamp@igen.co.za</a></li>
+                                </ul>
-                                    <li>Website: <a href="http://www.baviaanskloof.co.za">www.baviaanskloof.co.za</a></li>
+                            </li>
-                                    <li>Fees: R150 per vehicle and R10 per person</li>
+                            <li><strong>Baviaans Lodge</strong>
-                                </ul>
+                                <ul>
-                            </li>
+                                    <li>Phone: 083 491 1009</li>
-                            <li><strong>Kudu Kaya</strong>
+                                    <li>Email: <a href="mailto:info@baviaanslodge.co.za">info@baviaanslodge.co.za</a></li>
-                                <ul>
+                                    <li>Rates: Camping R100 per person per night</li>
-                                    <li>Contact: Heloise & Unola</li>
+                                </ul>
-                                    <li>Phone: 087 700 8195</li>
+                            </li>
-                                    <li>Email: <a href="mailto:info@kudukaya.co.za">info@kudukaya.co.za</a></li>
+                            <li><strong>Rus en Vrede 4X4 Trail</strong>
-                                    <li>Rates: Campsite per night R250 (2 people) plus additional adults R70 PPPN</li>
+                                <ul>
-                                </ul>
+                                    <li>Contact: Chris Lamprecht</li>
-                            </li>
+                                    <li>Phone: 073 232 8932</li>
-                            <li><strong>Kaboega</strong>
+                                    <li>Email: <a href="mailto:clamp@igen.co.za">clamp@igen.co.za</a></li>
-                                <ul>
+                                    <li>Website: <a href="http://www.baviaanskloof.co.za">www.baviaanskloof.co.za</a></li>
-                                    <li>Contacts and rates on enquiry: <a href="mailto:kaboega@jabama.co.za">kaboega@jabama.co.za</a></li>
+                                    <li>Fees: R150 per vehicle and R10 per person</li>
-                                </ul>
+                                </ul>
-                            </li>
+                            </li>
-                            <li><strong>Mountain Zebra National Park</strong>
+                            <li><strong>Kudu Kaya</strong>
-                                <ul>
+                                <ul>
-                                    <li>Email: <a href="mailto:reservations@sanparks.org">reservations@sanparks.org</a></li>
+                                    <li>Contact: Heloise & Unola</li>
-                                    <li>Phone: 012 428 9111</li>
+                                    <li>Phone: 087 700 8195</li>
-                                </ul>
+                                    <li>Email: <a href="mailto:info@kudukaya.co.za">info@kudukaya.co.za</a></li>
-                            </li>
+                                    <li>Rates: Campsite per night R250 (2 people) plus additional adults R70 PPPN</li>
-                        </ul>
+                                </ul>
-
+                            </li>
-
+                            <li><strong>Kaboega</strong>
-                    </div>
+                                <ul>
-                </div>
+                                    <li>Contacts and rates on enquiry: <a href="mailto:kaboega@jabama.co.za">kaboega@jabama.co.za</a></li>
-
+                                </ul>
-                <hr class="mb-45">
+                            </li>
-
+                            <li><strong>Mountain Zebra National Park</strong>
-                <div class="tag-share mb-50">
+                                <ul>
-                    <div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                                    <li>Email: <a href="mailto:reservations@sanparks.org">reservations@sanparks.org</a></li>
-                        <h6>Tags </h6>
+                                    <li>Phone: 012 428 9111</li>
-                        <div class="tag-coulds">
+                                </ul>
-                            <a href="blog.html">Travel</a>
+                            </li>
-                            <a href="blog.html">Hotel</a>
+                        </ul>
-                            <a href="blog.html">Tour</a>
+
-                        </div>
+
-                    </div>
+                    </div>
-                    <!-- <div class="item" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                </div>
-                        <h6>Share </h6>
+
-                        <div class="social-style-one">
+                <hr class="mb-45">
-                            <a href="#"><i class="fab fa-facebook-f"></i></a>
+
-                            <a href="#"><i class="fab fa-twitter"></i></a>
+                <div class="tag-share mb-50">
-                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
+                    <div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-                            <a href="#"><i class="fab fa-instagram"></i></a>
+                        <h6>Tags </h6>
-                        </div>
+                        <div class="tag-coulds">
-                    </div> -->
+                            <a href="blog.html">Travel</a>
-                </div>
+                            <a href="blog.html">Hotel</a>
-
+                            <a href="blog.html">Tour</a>
-                <!-- <div class="admin-comment bgc-lighter" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        </div>
-                    <div class="comment-body">
+                    </div>
-                        <div class="author-thumb">
+                    <!-- <div class="item" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-                            <img src="assets/images/blog/admin-comment.jpg" alt="Author">
+                        <h6>Share </h6>
-                        </div>
+                        <div class="social-style-one">
-                        <div class="content">
+                            <a href="#"><i class="fab fa-facebook-f"></i></a>
-                            <h4>Richard M. Fudge</h4>
+                            <a href="#"><i class="fab fa-twitter"></i></a>
-                            <p>The world is a book, and those who do not travel read only one page. Every journey we undertake is a chapter filled with lessons, experiences, and stories.</p>
+                            <a href="#"><i class="fab fa-linkedin-in"></i></a>
-                            <div class="social-icons">
+                            <a href="#"><i class="fab fa-instagram"></i></a>
-                                <a href="contact"><i class="fab fa-facebook-f"></i></a>
+                        </div>
-                                <a href="contact"><i class="fab fa-twitter"></i></a>
+                    </div> -->
-                                <a href="contact"><i class="fab fa-linkedin-in"></i></a>
+                </div>
-                                <a href="contact"><i class="fab fa-instagram"></i></a>
+
-                            </div>
+                <!-- <div class="admin-comment bgc-lighter" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        </div>
+                    <div class="comment-body">
-                    </div>
+                        <div class="author-thumb">
-                </div> -->
+                            <img src="assets/images/blog/admin-comment.jpg" alt="Author">
-
+                        </div>
-                <?php include_once('comment_box.php'); ?>
+                        <div class="content">
-
+                            <h4>Richard M. Fudge</h4>
-            </div>
+                            <p>The world is a book, and those who do not travel read only one page. Every journey we undertake is a chapter filled with lessons, experiences, and stories.</p>
-            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
+                            <div class="social-icons">
-                <div class="blog-sidebar">
+                                <a href="contact.php"><i class="fab fa-facebook-f"></i></a>
-
+                                <a href="contact.php"><i class="fab fa-twitter"></i></a>
-                    <!-- <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                <a href="contact.php"><i class="fab fa-linkedin-in"></i></a>
-                                <form action="#" class="default-search-form">
+                                <a href="contact.php"><i class="fab fa-instagram"></i></a>
-                                    <input type="text" placeholder="Search" required="">
+                            </div>
-                                    <button type="submit" class="searchbutton far fa-search"></button>
+                        </div>
-                                </form>
+                    </div>
-                            </div> -->
+                </div> -->
-
+
-                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <?php include_once('comment_box.php'); ?>
-                                <h5 class="widget-title">Category</h5>
+
-                                <ul class="list-style-three">
+            </div>
-                                    <li><a href="blog.html">Adventure</a></li>
+            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
-                                    <li><a href="blog.html">Hiking & Trekking</a></li>
+                <div class="blog-sidebar">
-                                    <li><a href="blog.html">Cycling Tours</a></li>
+
-                                    <li><a href="blog.html">Family Tours</a></li>
+                    <!-- <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                    <li><a href="blog.html">Mountain Hiking</a></li>
+                                <form action="#" class="default-search-form">
-                                    <li><a href="blog.html">Rafting Excursion</a></li>
+                                    <input type="text" placeholder="Search" required="">
-                                    <li><a href="blog.html">Coastal Paragliding</a></li>
+                                    <button type="submit" class="searchbutton far fa-search"></button>
-                                </ul>
+                                </form>
-                            </div> -->
+                            </div> -->
-
+
-                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                <h5 class="widget-title">Recent News</h5>
+                                <h5 class="widget-title">Category</h5>
-                                <ul>
+                                <ul class="list-style-three">
-                                    <li>
+                                    <li><a href="blog.html">Adventure</a></li>
-                                        <div class="image">
+                                    <li><a href="blog.html">Hiking & Trekking</a></li>
-                                            <img src="assets/images/widgets/news1.jpg" alt="News">
+                                    <li><a href="blog.html">Cycling Tours</a></li>
-                                        </div>
+                                    <li><a href="blog.html">Family Tours</a></li>
-                                        <div class="content">
+                                    <li><a href="blog.html">Mountain Hiking</a></li>
-                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
+                                    <li><a href="blog.html">Rafting Excursion</a></li>
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                    <li><a href="blog.html">Coastal Paragliding</a></li>
-                                        </div>
+                                </ul>
-                                    </li>
+                            </div> -->
-                                    <li>
+
-                                        <div class="image">
+                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                            <img src="assets/images/widgets/news2.jpg" alt="News">
+                                <h5 class="widget-title">Recent News</h5>
-                                        </div>
+                                <ul>
-                                        <div class="content">
+                                    <li>
-                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
+                                        <div class="image">
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                            <img src="assets/images/widgets/news1.jpg" alt="News">
-                                        </div>
+                                        </div>
-                                    </li>
+                                        <div class="content">
-                                    <li>
+                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
-                                        <div class="image">
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                                            <img src="assets/images/widgets/news3.jpg" alt="News">
+                                        </div>
-                                        </div>
+                                    </li>
-                                        <div class="content">
+                                    <li>
-                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
+                                        <div class="image">
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                            <img src="assets/images/widgets/news2.jpg" alt="News">
-                                        </div>
+                                        </div>
-                                    </li>
+                                        <div class="content">
-                                </ul>
+                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
-                            </div> -->
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-
+                                        </div>
-                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                    </li>
-                        <h5 class="widget-title">Gallery</h5>
+                                    <li>
-                        <div class="gallery">
+                                        <div class="image">
-                            <?php
+                                            <img src="assets/images/widgets/news3.jpg" alt="News">
-                            $folder = 'assets/images/blog/1/';
+                                        </div>
-                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+                                        <div class="content">
-                            shuffle($files); // Randomize the order
+                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
-
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                            foreach ($files as $file) {
+                                        </div>
-                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
+                                    </li>
-                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
+                                </ul>
-                                echo '</a>';
+                            </div> -->
-                            }
+
-                            ?>
+                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        </div>
+                        <h5 class="widget-title">Gallery</h5>
-                    </div>
+                        <div class="gallery">
-
+                            <?php
-
+                            $folder = 'assets/images/blog/1/';
-
+                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-                </div>
+                            shuffle($files); // Randomize the order
-            </div>
+
-        </div>
+                            foreach ($files as $file) {
-    </div>
+                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
-</section>
+                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
-<!-- Blog Detaisl Area end -->
+                                echo '</a>';
-
+                            }
-
+                            ?>
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
+                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
 <!-- Blog Detaisl Area end -->
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/events/blog.php
+++ b/src/pages/events/blog.php
@@ -1,228 +1,245 @@
-<?php
+<?php include_once('header02.php') ?>
-$headerStyle = 'light';
+
-$rootPath = dirname(dirname(dirname(__DIR__)));
+<style>
-include_once($rootPath . '/header.php');
+    .image {
-?>
+        width: 400px;
-
+        /* Set your desired width */
-<style>
+        height: 350px;
-    .image {
+        /* Set your desired height */
-        width: 400px;
+        overflow: hidden;
-        /* Set your desired width */
+        /* Hide any overflow */
-        height: 350px;
+        display: block;
-        /* Set your desired height */
+        /* Ensure proper block behavior */
-        overflow: hidden;
+    }
-        /* Hide any overflow */
+
-        display: block;
+    .image img {
-        /* Ensure proper block behavior */
+        width: 100%;
-    }
+        /* Image scales to fill the container */
-
+        height: 100%;
-    .image img {
+        /* Image scales to fill the container */
-        width: 100%;
+        object-fit: cover;
-        /* Image scales to fill the container */
+        /* Fills the container while maintaining aspect ratio */
-        height: 100%;
+        object-position: top;
-        /* Image scales to fill the container */
+        /* Aligns the top of the image with the top of the container */
-        object-fit: cover;
+        display: block;
-        /* Fills the container while maintaining aspect ratio */
+        /* Prevents inline whitespace issues */
-        object-position: top;
+
-        /* Aligns the top of the image with the top of the container */
+
-        display: block;
+    }
-        /* Prevents inline whitespace issues */
+</style>
-
+
-
+
-    }
+
-</style><?php
+<?php
-    $pageTitle = 'Blogs';
+$bannerFolder = 'assets/images/banners/';
-    $breadcrumbs = [['Home' => 'index.php']];
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-    require_once($rootPath . '/components/banner.php');
+
-?>
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-
+if (!empty($bannerImages)) {
-
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-<!-- Blog List Area start -->
+}
-<section class="blog-list-page py-100 rel z-1">
+?>
-    <div class="container">
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-        <div class="row">
+    <!-- Overlay PNG -->
-            <div class="col-lg-8">
+    <div class="banner-overlay"></div>
-                <?php
+    <div class="container">
-                // Query to retrieve data from blogs table
+        <div class="banner-inner text-white">
-                $status = 'published';
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Blogs</h2>
-                $stmt = $conn->prepare("SELECT blog_id, title, date, category, image, description, author, members_only, link FROM blogs WHERE status = ? ORDER BY date DESC");
+            <nav aria-label="breadcrumb">
-                $stmt->bind_param("s", $status);
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                $stmt->execute();
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-                $result = $stmt->get_result();
+                    <li class="breadcrumb-item active">Blogs</li>
-
+                </ol>
-                if ($result->num_rows > 0) {
+            </nav>
-                    // Loop through each row
+        </div>
-                    while ($row = $result->fetch_assoc()) {
+    </div>
-                        $blog_id = $row['blog_id'];
+</section>
-                        $title = $row['title'];
+<!-- Page Banner End -->
-                        $date = $row['date'];
+
-                        $category = $row['category'];
+
-                        $image = $row['image'];
+<!-- Blog List Area start -->
-                        $description = $row['description'];
+<section class="blog-list-page py-100 rel z-1">
-                        $author = $row['author'];
+    <div class="container">
-                        $blog_author = $row['author'];
+        <div class="row">
-                        $members_only = $row['members_only'];
+            <div class="col-lg-8">
-                        if ($members_only) {
+                <?php
-                            if (!isset($_SESSION['user_id'])) {
+                // Query to retrieve data from the trips table
-                                $blog_link = "login.php";
+                $sql = "SELECT blog_id, title, date, category, image, description, author, members_only, link FROM blogs WHERE status = 'published' ORDER BY date DESC";
-                                $button_hover = "Members Only";
+                $result = $conn->query($sql);
-                                $icon = "fa-lock";
+
-                            } else {
+                if ($result->num_rows > 0) {
-                                if (getUserMemberStatus($_SESSION['user_id'])) {
+                    // Loop through each row
-                                    $blog_link = $row['link'];
+                    while ($row = $result->fetch_assoc()) {
-                                    $button_hover = "Read More";
+                        $blog_id = $row['blog_id'];
-                                    $icon = "fa-arrow-right";
+                        $title = $row['title'];
-                                } else {
+                        $date = $row['date'];
-                                    $blog_link = "#";
+                        $category = $row['category'];
-                                    $button_hover = "Members Only";
+                        $image = $row['image'];
-                                    $icon = "fa-lock";
+                        $description = $row['description'];
-                                }
+                        $author = $row['author'];
-                            }
+                        $blog_author = $row['author'];
-                        } else {
+                        $members_only = $row['members_only'];
-                            $blog_link = $row['link'];
+                        if ($members_only) {
-                            $button_hover = "Read More";
+                            if (!isset($_SESSION['user_id'])) {
-                            $icon = "fa-arrow-right";
+                                $blog_link = "login.php";
-                        }
+                                $button_hover = "Members Only";
-
+                                $icon = "fa-lock";
-                        // Output the HTML structure with dynamic data
+                            } else {
-                        echo '
+                                if (getUserMemberStatus($_SESSION['user_id'])) {
-                        <div class="blog-item style-three" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                    $blog_link = "blog_read.php?token=".encryptData($blog_id, $salt);
-                            <div class="image">
+                                    $button_hover = "Read More";
-                                <img style="border-radius:20px;" src="assets/images/blog/' . $blog_id . '/' . $image . '" alt="Blog List">
+                                    $icon = "fa-arrow-right";
-                            </div>
+                                } else {
-                            <div class="content">
+                                    $blog_link = "#";
-                                <a href="' . url('blog') . '" class="category">' . $category . '</a>
+                                    $button_hover = "Members Only";
-                                <h5><a href="' . $blog_link . '">' . $title . '</a></h5>
+                                    $icon = "fa-lock";
-                                <ul class="blog-meta">
+                                }
-                                    <li><i class="far fa-calendar-alt"></i> <a href="#">' . $date . '</a></li>
+                            }
-                                    <li><i class="far fa-user"></i> ' . getFullName($author) . '</li>
+                        } else {
-                                </ul>
+                            $blog_link = "blog_read.php?token=".encryptData($blog_id, $salt);
-                                <p>' . $description . '</p>
+                            $button_hover = "Read More";
-                                <a href="' . $blog_link . '" style="width:100%;" class="theme-btn style-two style-three">
+                            $icon = "fa-arrow-right";
-                                    <span style="width:100%;" data-hover="'.$button_hover.'">Read More</span>
+                        }
-                                    <i class="fal '.$icon.'"></i>
+
-                                </a>
+                        // Output the HTML structure with dynamic data
-                            </div>
+                        echo '
-                        </div>
+                        <div class="blog-item style-three" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-
+                            <div class="image">
-                        ';
+                                <img style="border-radius:20px;" src="' . $image . '" alt="Blog List">
-                    }
+                            </div>
-                } ?>
+                            <div class="content">
-
+                                <a href="blog.php" class="category">' . $category . '</a>
-
+                                <h5><a href="' . $blog_link . '">' . $title . '</a></h5>
-                <!-- <ul class="pagination pt-15 flex-wrap" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                <ul class="blog-meta">
-                            <li class="page-item disabled">
+                                    <li><i class="far fa-calendar-alt"></i> <a href="#">' . $date . '</a></li>
-                                <span class="page-link"><i class="far fa-chevron-left"></i></span>
+                                    <li><i class="far fa-user"></i> ' . getFullName($author) . '</li>
-                            </li>
+                                </ul>
-                            <li class="page-item active">
+                                <p>' . $description . '</p>
-                                <span class="page-link">
+                                <a href="' . $blog_link . '" style="width:100%;" class="theme-btn style-two style-three">
-                                    1
+                                    <span style="width:100%;" data-hover="'.$button_hover.'">Read More</span>
-                                    <span class="sr-only">(current)</span>
+                                    <i class="fal '.$icon.'"></i>
-                                </span>
+                                </a>
-                            </li>
+                            </div>
-                            <li class="page-item"><a class="page-link" href="#">2</a></li>
+                        </div>
-                            <li class="page-item"><a class="page-link" href="#">3</a></li>
+
-                            <li class="page-item"><a class="page-link" href="#">...</a></li>
+                        ';
-                            <li class="page-item">
+                    }
-                                <a class="page-link" href="#"><i class="far fa-chevron-right"></i></a>
+                } ?>
-                            </li>
+
-                        </ul> -->
+
-            </div>
+                <!-- <ul class="pagination pt-15 flex-wrap" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
+                            <li class="page-item disabled">
-                <div class="blog-sidebar">
+                                <span class="page-link"><i class="far fa-chevron-left"></i></span>
-
+                            </li>
-                    <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <li class="page-item active">
-                        <form action="#" class="default-search-form">
+                                <span class="page-link">
-                            <input type="text" placeholder="Search" required="">
+                                    1
-                            <button type="submit" class="searchbutton far fa-search"></button>
+                                    <span class="sr-only">(current)</span>
-                        </form>
+                                </span>
-                    </div>
+                            </li>
-
+                            <li class="page-item"><a class="page-link" href="#">2</a></li>
-                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <li class="page-item"><a class="page-link" href="#">3</a></li>
-                                <h5 class="widget-title">Category</h5>
+                            <li class="page-item"><a class="page-link" href="#">...</a></li>
-                                <ul class="list-style-three">
+                            <li class="page-item">
-                                    <li><a href="blog.html">Adventure</a></li>
+                                <a class="page-link" href="#"><i class="far fa-chevron-right"></i></a>
-                                    <li><a href="blog.html">Hiking & Trekking</a></li>
+                            </li>
-                                    <li><a href="blog.html">Cycling Tours</a></li>
+                        </ul> -->
-                                    <li><a href="blog.html">Family Tours</a></li>
+            </div>
-                                    <li><a href="blog.html">Mountain Hiking</a></li>
+            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
-                                    <li><a href="blog.html">Rafting Excursion</a></li>
+                <div class="blog-sidebar">
-                                    <li><a href="blog.html">Coastal Paragliding</a></li>
+
-                                </ul>
+                    <div class="widget widget-search" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                            </div> -->
+                        <form action="#" class="default-search-form">
-
+                            <input type="text" placeholder="Search" required="">
-                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                            <button type="submit" class="searchbutton far fa-search"></button>
-                                <h5 class="widget-title">Recent News</h5>
+                        </form>
-                                <ul>
+                    </div>
-                                    <li>
+
-                                        <div class="image">
+                    <!-- <div class="widget widget-category" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                            <img src="assets/images/widgets/news1.jpg" alt="News">
+                                <h5 class="widget-title">Category</h5>
-                                        </div>
+                                <ul class="list-style-three">
-                                        <div class="content">
+                                    <li><a href="blog.html">Adventure</a></li>
-                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
+                                    <li><a href="blog.html">Hiking & Trekking</a></li>
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                    <li><a href="blog.html">Cycling Tours</a></li>
-                                        </div>
+                                    <li><a href="blog.html">Family Tours</a></li>
-                                    </li>
+                                    <li><a href="blog.html">Mountain Hiking</a></li>
-                                    <li>
+                                    <li><a href="blog.html">Rafting Excursion</a></li>
-                                        <div class="image">
+                                    <li><a href="blog.html">Coastal Paragliding</a></li>
-                                            <img src="assets/images/widgets/news2.jpg" alt="News">
+                                </ul>
-                                        </div>
+                            </div> -->
-                                        <div class="content">
+
-                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
+                    <!-- <div class="widget widget-news" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                <h5 class="widget-title">Recent News</h5>
-                                        </div>
+                                <ul>
-                                    </li>
+                                    <li>
-                                    <li>
+                                        <div class="image">
-                                        <div class="image">
+                                            <img src="assets/images/widgets/news1.jpg" alt="News">
-                                            <img src="assets/images/widgets/news3.jpg" alt="News">
+                                        </div>
-                                        </div>
+                                        <div class="content">
-                                        <div class="content">
+                                            <h6><a href="blog-details.html">Unique Destinations an tolded Stories ways</a></h6>
-                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
+                                        </div>
-                                        </div>
+                                    </li>
-                                    </li>
+                                    <li>
-                                </ul>
+                                        <div class="image">
-                            </div> -->
+                                            <img src="assets/images/widgets/news2.jpg" alt="News">
-
+                                        </div>
-                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                                        <div class="content">
-                        <h5 class="widget-title">Gallery</h5>
+                                            <h6><a href="blog-details.html">Immersive Experiences from Around Globe</a></h6>
-                        <div class="gallery">
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                            <?php
+                                        </div>
-                            $folder = 'assets/images/blog/1/';
+                                    </li>
-                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
+                                    <li>
-                            shuffle($files); // Randomize the order
+                                        <div class="image">
-
+                                            <img src="assets/images/widgets/news3.jpg" alt="News">
-                            foreach ($files as $file) {
+                                        </div>
-                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
+                                        <div class="content">
-                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
+                                            <h6><a href="blog-details.html">Journey to Inspire Your Next Adventure</a></h6>
-                                echo '</a>';
+                                            <span class="date"><i class="far fa-calendar-alt"></i> 25 Feb 2024</span>
-                            }
+                                        </div>
-                            ?>
+                                    </li>
-                        </div>
+                                </ul>
-                    </div>
+                            </div> -->
-
+
-                    <div class="widget widget-cta" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        <div class="content text-white">
+                        <h5 class="widget-title">Gallery</h5>
-                            <span class="h6">Explore The World</span>
+                        <div class="gallery">
-                            <h3>Become a Member</h3>
+                            <?php
-                            <a href="<?= url('membership') ?>" class="theme-btn style-two bgc-secondary">
+                            $folder = 'assets/images/blog/1/';
-                                <span data-hover="Explore Now">Join Now</span>
+                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-                                <i class="fal fa-arrow-right"></i>
+                            shuffle($files); // Randomize the order
-                            </a>
+
-                        </div>
+                            foreach ($files as $file) {
-                        <div class="image">
+                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
-                            <img src="assets/images/logos/weblogo.png" alt="CTA">
+                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
-                        </div>
+                                echo '</a>';
-                        <div class="cta-shape"><img src="assets/images/widgets/cta-shape.png" alt="Shape"></div>
+                            }
-                    </div>
+                            ?>
-
+                        </div>
-                </div>
+                    </div>
-
+
-            </div>
+                    <div class="widget widget-cta" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-        </div>
+                        <div class="content text-white">
-    </div>
+                            <span class="h6">Explore The World</span>
-</section>
+                            <h3>Become a Member</h3>
-<!-- Blog List Area end -->
+                            <a href="membership.php" class="theme-btn style-two bgc-secondary">
-
+                                <span data-hover="Explore Now">Join Now</span>
-
+                                <i class="fal fa-arrow-right"></i>
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
+                            </a>
                        </div>
                        <div class="image">
                            <img src="assets/images/logos/weblogo.png" alt="CTA">
                        </div>
                        <div class="cta-shape"><img src="assets/images/widgets/cta-shape.png" alt="Shape"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
 <!-- Blog List Area end -->
 <?php include_once("insta_footer.php"); ?>
--- a/src/processors/blog/blog_create.php
+++ b/src/processors/blog/blog_create.php
@@ -1,9 +1,9 @@
 <?php
-$rootPath = dirname(dirname(dirname(__DIR__)));
+// session_start();
-require_once($rootPath . "/src/config/env.php");
+require_once("env.php");
-require_once($rootPath . "/src/config/connection.php");
+require_once("session.php");
-require_once($rootPath . "/src/config/functions.php");
+require_once("connection.php");
-session_start();
+require_once("functions.php");
 if (!isset($_SESSION['user_id'])) {
    die("Not logged in");
--- a/src/processors/blog/blog_delete.php
+++ b/src/processors/blog/blog_delete.php
@@ -1,9 +1,8 @@
 <?php
-$rootPath = dirname(dirname(dirname(__DIR__)));
+require_once("env.php");
-require_once($rootPath . "/src/config/env.php");
+require_once("session.php");
-require_once($rootPath . "/src/config/connection.php");
+require_once("connection.php");
-require_once($rootPath . "/src/config/functions.php");
+require_once("functions.php");
 session_start();
 if (!isset($_SESSION['user_id'])) {
    $_SESSION['message'] = "Not authorized.";
--- a/src/pages/blog/blog_details.php
+++ b/src/pages/blog/blog_details.php
--- a/src/pages/blog/blog_edit.php
+++ b/src/pages/blog/blog_edit.php
@@ -1,19 +1,11 @@
 <?php
-$rootPath = dirname(dirname(dirname(__DIR__)));
+include_once('header02.php');
 require_once($rootPath . "/src/config/env.php");
 require_once($rootPath . "/src/config/connection.php");
 require_once($rootPath . "/src/config/functions.php");
 require_once($rootPath . "/header.php");
 // Ensure the user is logged in
 if (!isset($_SESSION['user_id'])) {
    die("User not logged in.");
 }
 $pageTitle = 'Edit Blog Post';
 $breadcrumbs = [['Home' => 'index'], ['My Blog Posts' => 'user_blogs']];
 require_once($rootPath . '/components/banner.php');
 $token = $_GET['token'];
 // Sanitize the trip_id to prevent SQL injection
 $blog_id = intval(decryptData($token, $salt)); // Ensures $trip_id is treated as an integer
@@ -39,7 +31,7 @@ $stmt->close();
  selector: '#content',
  plugins: 'image code link',
  toolbar: 'undo redo | blocks | bold italic | alignleft aligncenter alignright | code | image | link',
-  images_upload_url: 'upload_blog_image?blog_id=<?= $blog_id ?>',
+  images_upload_url: 'upload.php?blog_id=<?= $blog_id ?>',
  image_class_list: [
    { title: 'None', value: '' },
    { title: 'Left Align', value: 'img-left' },
@@ -184,7 +176,7 @@ $stmt->close();
      formData.append("cover_image", coverImageInput.files[0]);
    }
-    return fetch("autosave", {
+    return fetch("autosave.php", {
      method: "POST",
      body: formData
    }).then(response => {
@@ -192,15 +184,12 @@ $stmt->close();
        document.getElementById("autosave-status").innerText = "Draft autosaved at " + new Date().toLocaleTimeString();
        return true;
      } else {
-        return response.text().then(errorText => {
+        document.getElementById("autosave-status").innerText = "Autosave failed";
-          document.getElementById("autosave-status").innerText = "Autosave failed: " + errorText;
+        console.error("Autosave failed", response.statusText);
-          console.error("Autosave failed", response.status, errorText);
+        return false;
          return false;
        });
      }
    }).catch(err => {
      console.error("Autosave error:", err);
      document.getElementById("autosave-status").innerText = "Autosave error: " + err.message;
      return false;
    });
  }
@@ -209,74 +198,68 @@ $stmt->close();
  setInterval(autosavePost, 15000);
  // Manual autosave button
-  const manualSaveBtn = document.getElementById("manualSaveBtn");
+  document.getElementById("manualSaveBtn").addEventListener("click", autosavePost);
  if (manualSaveBtn) {
    manualSaveBtn.addEventListener("click", autosavePost);
  }
  // Manual publish button
-  const manualPostBtn = document.getElementById("manualPostBtn");
+  document.getElementById("manualPostBtn").addEventListener("click", function () {
-  if (manualPostBtn) {
+    autosavePost().then(success => {
-    manualPostBtn.addEventListener("click", function () {
+      if (!success) return;
      autosavePost().then(success => {
        if (!success) return;
-        const articleId = document.querySelector('[name="article_id"]').value;
+      const articleId = document.querySelector('[name="article_id"]').value;
-        const publishData = new FormData();
+      const publishData = new FormData();
-        publishData.append("id", articleId);
+      publishData.append("id", articleId);
-        fetch("publish_blog", {
+      fetch("publish_blog.php", {
-          method: "POST",
+        method: "POST",
-          body: publishData
+        body: publishData
-        }).then(response => {
+      }).then(response => {
-          if (response.ok) {
+        if (response.ok) {
-            alert("Post published successfully!");
+          alert("Post published successfully!");
-            // Optional: redirect to the live post
+          // Optional: redirect to the live post
-            window.location.href = "blog_read.php?token=<?php echo encryptData($blog_id, $salt);?>";
+          window.location.href = "blog_read.php?token=<?php echo encryptData($blog_id, $salt);?>";
-          } else {
+        } else {
-            alert("Publish failed.");
+          alert("Publish failed.");
-            console.error("Publish error:", response.statusText);
+          console.error("Publish error:", response.statusText);
-          }
+        }
-        }).catch(err => {
+      }).catch(err => {
-          console.error("Publish error:", err);
+        console.error("Publish error:", err);
-          alert("Publish failed due to network error.");
+        alert("Publish failed due to network error.");
        });
      });
    });
-  }
+  });
  // Manual unpublish button
-  const manualDraftBtn = document.getElementById("manualDraftBtn");
+  document.getElementById("manualDraftBtn").addEventListener("click", function () {
-  if (manualDraftBtn) {
+    autosavePost().then(success => {
-    manualDraftBtn.addEventListener("click", function () {
+      if (!success) return;
      autosavePost().then(success => {
        if (!success) return;
-        const articleId = document.querySelector('[name="article_id"]').value;
+      const articleId = document.querySelector('[name="article_id"]').value;
-        const publishData = new FormData();
+      const publishData = new FormData();
-        publishData.append("id", articleId);
+      publishData.append("id", articleId);
-        fetch("blog_unpublish", {
+      fetch("blog_unpublish.php", {
-          method: "POST",
+        method: "POST",
-          body: publishData
+        body: publishData
-        }).then(response => {
+      }).then(response => {
-          if (response.ok) {
+        if (response.ok) {
-            alert("Post unpublished successfully!");
+          alert("Post unpublished successfully!");
-            // Optional: redirect to the live post
+          // Optional: redirect to the live post
-            window.location.href = "blog_read.php?token=<?php echo encryptData($blog_id, $salt);?>";
+          window.location.href = "blog_read.php?token=<?php echo encryptData($blog_id, $salt);?>";
-          } else {
+        } else {
-            alert("unPublish failed.");
+          alert("unPublish failed.");
-            console.error("Publish error:", response.statusText);
+          console.error("Publish error:", response.statusText);
-          }
+        }
-        }).catch(err => {
+      }).catch(err => {
-          console.error("Publish error:", err);
+        console.error("Publish error:", err);
-          alert("Publish failed due to network error.");
+        alert("Publish failed due to network error.");
        });
      });
    });
-  }
+  });
 </script>
 </script>
-<?php include_once($rootPath . '/components/insta_footer.php'); ?>
+
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/blog/blog_read.php
+++ b/src/pages/blog/blog_read.php
@@ -1,23 +1,17 @@
-<?php
+<?php include_once('header02.php');
 $rootPath = dirname(dirname(dirname(__DIR__)));
 require_once($rootPath . "/src/config/env.php");
 require_once($rootPath . "/src/config/connection.php");
 require_once($rootPath . "/src/config/functions.php");
 require_once($rootPath . "/header.php");
 $token = $_GET['token'];
 // Sanitize the trip_id to prevent SQL injection
 $blog_id = intval(decryptData($token, $salt)); // Ensures $trip_id is treated as an integer
 $pageTitle = 'Blog Post';
 $breadcrumbs = [['Home' => 'index'], ['Blog' => 'blog']];
 require_once($rootPath . '/components/banner.php');
 $page_id = 'blog_'.$blog_id;
 echo getCommentCount($page_id);
 $stmt = $conn->prepare("
-    SELECT a.blog_id, a.title, a.category, a.description, a.content, a.date, a.author,
+    SELECT a.title, a.category, a.description, a.content, a.date,
-           u.first_name, u.last_name, u.user_id
+           u.first_name, u.last_name
    FROM blogs a
    JOIN users u ON a.author = u.user_id
    WHERE a.blog_id = ?
@@ -32,8 +26,6 @@ if ($result->num_rows === 0) {
 $row = $result->fetch_assoc();
 $author = htmlspecialchars($row['first_name'] . ' ' . $row['last_name']);
 $author_id = $row['author'];
 $is_author = (isset($_SESSION['user_id']) && $_SESSION['user_id'] == $author_id);
 ?>
@@ -107,14 +99,30 @@ $is_author = (isset($_SESSION['user_id']) && $_SESSION['user_id'] == $author_id)
 </style>
 <?php
-// Dynamically set page title to blog title
+$bannerFolder = 'assets/images/banners/';
-if (isset($row) && !empty($row['title'])) {
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
    $pageTitle = htmlspecialchars($row['title']);
 } else {
    $pageTitle = 'Blog Post';
 }
 $randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
 if (!empty($bannerImages)) {
    $randomBanner = $bannerImages[array_rand($bannerImages)];
 }
 ?>
 <section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
    <div class="banner-overlay"></div>
    <div class="container">
        <div class="banner-inner text-white">
            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50"><?= htmlspecialchars($row['title']) ?></h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active"><?= htmlspecialchars($row['title']) ?></li>
                </ol>
            </nav>
        </div>
    </div>
 </section>
 <!-- Page Banner End -->
 <!-- Blog Detaisl Area start -->
 <section class="blog-detaisl-page py-100 rel z-1">
@@ -127,45 +135,12 @@ if (isset($row) && !empty($row['title'])) {
                        <li><img src="assets/images/pp/default.png" alt="Admin"> <a href="#"><?= $author?></a></li>
                        <li><i class="far fa-calendar-alt"></i> <a href="#"><?= htmlspecialchars($row['date']) ?></a></li>
                        <li><i class="far fa-comments"></i> <a href="#">Comments (<?= getCommentCount($page_id);?>)</a></li>
                        <?php if ($is_author): ?>
                        <li><a href="blog_edit.php?token=<?php echo encryptData($blog_id, $salt); ?>">Edit Post</a></li>
                        <?php endif; ?>
                    </ul>
                    <?= $row['content'] ?>                    
                </div>
            </div>
            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
                <div class="blog-sidebar">   
                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
                        <h5 class="widget-title">Gallery</h5>
                        <div class="gallery">
                            <?php
                            $folder = $rootPath . '/uploads/blogs/' . $blog_id . '/';
                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
                            if ($files && count($files) > 0) {
                                shuffle($files); // Randomize the order
                                foreach ($files as $file) {
                                    $relativePath = '/uploads/blogs/' . $blog_id . '/' . basename($file);
                                    echo '<a href="' . $relativePath . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
                                    echo '<img src="' . $relativePath . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
                                    echo '</a>';
                                }
                            } else {
                                echo '<p style="font-size: 0.9em; color: #999;">No images available</p>';
                            }
                            ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8">
                <hr class="mb-45">
-                <div class="tag-share">
+                <div class="tag-share mb-50">
                    <div class="item" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
                        <h6>Tags </h6>
                        <div class="tag-coulds">
@@ -173,9 +148,29 @@ if (isset($row) && !empty($row['title'])) {
                        </div>
                    </div>
                </div>               
-                <?php include_once($rootPath . '/src/pages/other/comment_box.php'); ?>
+                <?php include_once('comment_box.php'); ?>
            </div>
            <div class="col-lg-4 col-md-8 col-sm-10 rmt-75">
                <div class="blog-sidebar">   
                    <div class="widget widget-gallery" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
                        <h5 class="widget-title">Gallery</h5>
                        <div class="gallery">
                            <?php
                            $folder = 'uploads/blogs/'.$blog_id.'/images/';
                            $files = glob($folder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
                            shuffle($files); // Randomize the order
                            foreach ($files as $file) {
                                echo '<a href="' . $file . '" style="width: 110px; height: 110px; overflow: hidden; display: inline-block; margin: 2px;">';
                                echo '<img src="' . $file . '" alt="Gallery" style="width: 100%; height: 100%; object-fit: cover; display: block;">';
                                echo '</a>';
                            }
                            ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </section>
-<?php include_once($rootPath . '/components/insta_footer.php'); ?>
+<?php include_once("insta_footer.php"); ?>
--- a/blog_unpublish.php
+++ b/blog_unpublish.php
@@ -0,0 +1,31 @@
 <?php
 require_once("env.php");
 require_once("session.php");
 require_once("connection.php");
 require_once("functions.php");
 if (!isset($_SESSION['user_id'])) {
    http_response_code(401);
    echo "Not authorized";
    exit;
 }
 $article_id = (int)($_POST['id'] ?? 0);
 $user_id = $_SESSION['user_id'];
 if ($article_id <= 0) {
    http_response_code(400);
    echo "Invalid blog ID";
    exit;
 }
 $stmt = $conn->prepare("UPDATE blogs SET status = 'draft' WHERE blog_id = ? AND author = ?");
 $stmt->bind_param("ii", $article_id, $user_id);
 if ($stmt->execute()) {
    echo "Published";
 } else {
    http_response_code(500);
    echo "Failed to publish: " . $stmt->error;
 }
 ?>
--- a/src/pages/bookings/bookings.php
+++ b/src/pages/bookings/bookings.php
@@ -1,326 +1,340 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkUserSession();
-$rootPath = dirname(dirname(dirname(__DIR__)));
+$user_id = $_SESSION['user_id'];
-include_once($rootPath . '/header.php');
+
-checkUserSession();
+?>
-$user_id = $_SESSION['user_id'];
+<style>
-
+    .image {
-?>
+        width: 400px;
-<style>
+        /* Set your desired width */
-    .image {
+        height: 350px;
-        width: 400px;
+        /* Set your desired height */
-        /* Set your desired width */
+        overflow: hidden;
-        height: 350px;
+        /* Hide any overflow */
-        /* Set your desired height */
+        display: block;
-        overflow: hidden;
+        /* Ensure proper block behavior */
-        /* Hide any overflow */
+    }
-        display: block;
+
-        /* Ensure proper block behavior */
+    .image img {
-    }
+        width: 100%;
-
+        /* Image scales to fill the container */
-    .image img {
+        height: 100%;
-        width: 100%;
+        /* Image scales to fill the container */
-        /* Image scales to fill the container */
+        object-fit: cover;
-        height: 100%;
+        /* Fills the container while maintaining aspect ratio */
-        /* Image scales to fill the container */
+        object-position: top;
-        object-fit: cover;
+        /* Aligns the top of the image with the top of the container */
-        /* Fills the container while maintaining aspect ratio */
+        display: block;
-        object-position: top;
+        /* Prevents inline whitespace issues */
-        /* Aligns the top of the image with the top of the container */
+    }
-        display: block;
+
-        /* Prevents inline whitespace issues */
+    .message-box {
-    }
+        text-align: center;
-
+        position: relative;
-    .message-box {
+        padding: 10px;
-        text-align: center;
+        padding-right: 35px;
-        position: relative;
+        /* Ensures text doesn't overlap with the close button */
-        padding: 10px;
+    }
-        padding-right: 35px;
+
-        /* Ensures text doesn't overlap with the close button */
+    .close-btn {
-    }
+        position: absolute;
-
+        right: 10px;
-    .close-btn {
+        top: 50%;
-        position: absolute;
+        transform: translateY(-50%);
-        right: 10px;
+        /* Centers vertically */
-        top: 50%;
+        cursor: pointer;
-        transform: translateY(-50%);
+        font-size: 20px;
-        /* Centers vertically */
+        font-weight: bold;
-        cursor: pointer;
+        color: #333;
-        font-size: 20px;
+        background: none;
-        font-weight: bold;
+        border: none;
-        color: #333;
+    }
-        background: none;
+
-        border: none;
+    .close-btn:hover {
-    }
+        color: red;
-
+    }
-    .close-btn:hover {
+    
-        color: red;
+</style>
-    }
+</style>
-    
+<?php
-</style>
+$bannerFolder = 'assets/images/banners/';
-</style>
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-<?php
+
-    $pageTitle = 'My Bookings';
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-    $breadcrumbs = [['Home' => 'index.php']];
+if (!empty($bannerImages)) {
-    require_once($rootPath . '/components/banner.php');
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-?>
+}
-
+?>
-<!-- Tour List Area start -->
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-<section class="tour-list-page py-100 rel z-1">
+<div class="banner-overlay"></div>
-    <div class="container">
+    <div class="container">
-        <div class="row">
+        <div class="banner-inner text-white mb-50">
-
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">My Bookings</h2>
-            <div class="col-lg-12">
+            <nav aria-label="breadcrumb">
-                <?php if (isset($_SESSION['message'])): ?>
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                    <div class="alert alert-warning message-box">
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-                        <?php echo $_SESSION['message']; ?>
+                    <li class="breadcrumb-item active">My bookings</li>
-                        <span class="close-btn" onclick="this.parentElement.style.display='none'">&times;</span>
+                </ol>
-                    </div>
+            </nav>
-                    <?php unset($_SESSION['message']); ?>
+        </div>
-                <?php endif; ?>
+    </div>
-
+</section>
-                <div class="shop-shorter rel z-3 mb-20">
+
-                    <!-- <ul class="grid-list mb-15 me-2">
+<!-- Tour List Area start -->
-                        <li><a href="#"><i class="fal fa-border-all"></i></a></li>
+<section class="tour-list-page py-100 rel z-1">
-                        <li><a href="#"><i class="far fa-list"></i></a></li>
+    <div class="container">
-                    </ul> -->
+        <div class="row">
-                    <div class="sort-text mb-15 me-4 me-xl-auto">
+
-                        <?php echo countUpcomingBookings($user_id); ?> Upcoming Bookings
+            <div class="col-lg-12">
-                    </div>
+                <?php if (isset($_SESSION['message'])): ?>
-                    <label>
+                    <div class="alert alert-warning message-box">
-                        <input type="checkbox" id="togglePastBookings" onchange="togglePastBookings()"> Show Past Bookings
+                        <?php echo $_SESSION['message']; ?>
-                    </label>
+                        <span class="close-btn" onclick="this.parentElement.style.display='none'">&times;</span>
-                    <!-- <div class="sort-text mb-15 me-4">
+                    </div>
-                        Sort By
+                    <?php unset($_SESSION['message']); ?>
-                    </div> -->
+                <?php endif; ?>
-                    <!-- <select>
+
-                        <option value="default" selected="">Sort By</option>
+                <div class="shop-shorter rel z-3 mb-20">
-                        <option value="new">Newness</option>
+                    <!-- <ul class="grid-list mb-15 me-2">
-                        <option value="old">Oldest</option>
+                        <li><a href="#"><i class="fal fa-border-all"></i></a></li>
-                        <option value="hight-to-low">High To Low</option>
+                        <li><a href="#"><i class="far fa-list"></i></a></li>
-                        <option value="low-to-high">Low To High</option>
+                    </ul> -->
-                    </select> -->
+                    <div class="sort-text mb-15 me-4 me-xl-auto">
-                </div>
+                        <?php echo countUpcomingBookings($user_id); ?> Upcoming Bookings
-                <?php
+                    </div>
-                // Query to retrieve data from the bookings table
+                    <label>
-                $sql = "SELECT * FROM bookings WHERE user_id = ? ORDER BY to_date DESC";
+                        <input type="checkbox" id="togglePastBookings" onchange="togglePastBookings()"> Show Past Bookings
-
+                    </label>
-                $stmt = $conn->prepare($sql);
+                    <!-- <div class="sort-text mb-15 me-4">
-                $stmt->bind_param("i", $user_id);
+                        Sort By
-                $stmt->execute();
+                    </div> -->
-                $result = $stmt->get_result();
+                    <!-- <select>
-
+                        <option value="default" selected="">Sort By</option>
-                if ($result->num_rows > 0) {
+                        <option value="new">Newness</option>
-                    // Loop through each row
+                        <option value="old">Oldest</option>
-                    while ($row = $result->fetch_assoc()) {
+                        <option value="hight-to-low">High To Low</option>
-                        $booking_id = $row['booking_id'];
+                        <option value="low-to-high">Low To High</option>
-                        $payment_id = $row['payment_id'];
+                    </select> -->
-                        $booking_type = $row['booking_type'];
+                </div>
-                        $from_date = $row['from_date'];
+                <?php
-                        $to_date = $row['to_date'];
+                // Query to retrieve data from the bookings table
-                        $num_vehicles = $row['num_vehicles'];
+                $sql = "SELECT * FROM bookings WHERE user_id = ? ORDER BY to_date DESC";
-                        $num_adults = $row['num_adults'];
+
-                        $num_children = $row['num_children'];
+                $stmt = $conn->prepare($sql);
-                        $add_firewood = $row['add_firewood'];
+                $stmt->bind_param("i", $user_id);
-                        $total_amount = $row['total_amount'];
+                $stmt->execute();
-                        $discount_amount = $row['discount_amount'];
+                $result = $stmt->get_result();
-                        $status = $row['status'];
+
-                        $trip_id = $row['trip_id'];
+                if ($result->num_rows > 0) {
-                        $course_id = $row['course_id'];
+                    // Loop through each row
-                        $course_nonmembers = $row['course_non_members'];
+                    while ($row = $result->fetch_assoc()) {
-                        $radio = $row['radio'];
+                        $booking_id = $row['booking_id'];
-                        $amount = $total_amount - $discount_amount;
+                        $booking_type = $row['booking_type'];
-                        $total_adults = $num_adults + $course_nonmembers;
+                        $from_date = $row['from_date'];
-
+                        $to_date = $row['to_date'];
-                        if (!is_null($trip_id)) {
+                        $num_vehicles = $row['num_vehicles'];
-                            // Prepare a SQL statement to retrieve trip details
+                        $num_adults = $row['num_adults'];
-                            $sql_trip = "SELECT trip_name, location, short_description, start_date, end_date FROM trips WHERE trip_id = ?";
+                        $num_children = $row['num_children'];
-                            $stmt_trip = $conn->prepare($sql_trip);
+                        $add_firewood = $row['add_firewood'];
-                            $stmt_trip->bind_param("i", $trip_id);
+                        $total_amount = $row['total_amount'];
-
+                        $discount_amount = $row['discount_amount'];
-                            if ($stmt_trip->execute()) {
+                        $status = $row['status'];
-                                $result_trip = $stmt_trip->get_result();
+                        $trip_id = $row['trip_id'];
-
+                        $course_id = $row['course_id'];
-                                if ($result_trip->num_rows > 0) {
+                        $course_nonmembers = $row['course_non_members'];
-                                    // Fetch trip details
+                        $radio = $row['radio'];
-                                    $trip_data = $result_trip->fetch_assoc();
+                        $amount = $total_amount - $discount_amount;
-                                    $trip_name = $trip_data['trip_name'] ?? "Trip Name Placeholder";
+                        $total_adults = $num_adults + $course_nonmembers;
-                                    $location = $trip_data['location'] ?? "Location Placeholder";
+
-                                    $short_description = $trip_data['short_description'] ?? "Short description of the trip.";
+                        if (!is_null($trip_id)) {
-                                    $start_date = $trip_data['start_date'] ?? $from_date; // Default to booking start date if not set
+                            // Prepare a SQL statement to retrieve trip details
-                                    $end_date = $trip_data['end_date'] ?? $to_date;       // Default to booking end date if not set
+                            $sql_trip = "SELECT trip_name, location, short_description, start_date, end_date FROM trips WHERE trip_id = ?";
-
+                            $stmt_trip = $conn->prepare($sql_trip);
-                                } else {
+                            $stmt_trip->bind_param("i", $trip_id);
-                                    // Set default values if no trip data found
+
-                                    $trip_name = "Trip Name Placeholder";
+                            if ($stmt_trip->execute()) {
-                                    $location = "Location Placeholder";
+                                $result_trip = $stmt_trip->get_result();
-                                    $short_description = "Short description of the trip.";
+
-                                    $start_date = $from_date; // Default to booking start date
+                                if ($result_trip->num_rows > 0) {
-                                    $end_date = $to_date;     // Default to booking end date
+                                    // Fetch trip details
-                                }
+                                    $trip_data = $result_trip->fetch_assoc();
-                            } else {
+                                    $trip_name = $trip_data['trip_name'] ?? "Trip Name Placeholder";
-                                // Handle SQL execution error
+                                    $location = $trip_data['location'] ?? "Location Placeholder";
-                                echo "Error retrieving trip information: " . $stmt_trip->error;
+                                    $short_description = $trip_data['short_description'] ?? "Short description of the trip.";
-                            }
+                                    $start_date = $trip_data['start_date'] ?? $from_date; // Default to booking start date if not set
-
+                                    $end_date = $trip_data['end_date'] ?? $to_date;       // Default to booking end date if not set
-                            // Close the statement
+
-                            $stmt_trip->close();
+                                } else {
-                        } elseif (!is_null($course_id)) {
+                                    // Set default values if no trip data found
-                            // Prepare a SQL statement to retrieve trip details
+                                    $trip_name = "Trip Name Placeholder";
-                            $sql_course = "SELECT course_type, date  FROM courses WHERE course_id = ?";
+                                    $location = "Location Placeholder";
-                            $stmt_course = $conn->prepare($sql_course);
+                                    $short_description = "Short description of the trip.";
-                            $stmt_course->bind_param("i", $course_id);
+                                    $start_date = $from_date; // Default to booking start date
-
+                                    $end_date = $to_date;     // Default to booking end date
-                            if ($stmt_course->execute()) {
+                                }
-                                $result_course = $stmt_course->get_result();
+                            } else {
-
+                                // Handle SQL execution error
-                                if ($result_course->num_rows > 0) {
+                                echo "Error retrieving trip information: " . $stmt_trip->error;
-                                    // Fetch trip details
+                            }
-                                    $trip_data = $result_course->fetch_assoc();
+
-                                    $date = $trip_data['date'] ?? "Location Placeholder";
+                            // Close the statement
-                                    $type = $trip_data['course_type'] ?? "Trip Name Placeholder";
+                            $stmt_trip->close();
-                                    if ($type === "driver_training") {
+                        } elseif (!is_null($course_id)) {
-                                        $trip_name = "Basic 4X4 Driver Training Course";
+                            // Prepare a SQL statement to retrieve trip details
-                                    } elseif ($type === "bush_mechanics") {
+                            $sql_course = "SELECT course_type, date  FROM courses WHERE course_id = ?";
-                                        $trip_name = "Bush Mechanics Course";
+                            $stmt_course = $conn->prepare($sql_course);
-                                    } elseif ($type === "rescue_recovery") {
+                            $stmt_course->bind_param("i", $course_id);
-                                        $trip_name = "Rescue & Recovery Training Course";
+
-                                    } else {
+                            if ($stmt_course->execute()) {
-                                        $trip_name = "General Course"; // Default fallback description
+                                $result_course = $stmt_course->get_result();
-                                    }
+
-                                    $start_date = $date;
+                                if ($result_course->num_rows > 0) {
-                                    $end_date = $date;
+                                    // Fetch trip details
-                                    $location = "BASE4, Hennops";
+                                    $trip_data = $result_course->fetch_assoc();
-                                    $short_description = getDetail($type);
+                                    $date = $trip_data['date'] ?? "Location Placeholder";
-                                } else {
+                                    $type = $trip_data['course_type'] ?? "Trip Name Placeholder";
-                                    // Set default values if no trip data found
+                                    if ($type === "driver_training") {
-                                    $trip_name = "Trip Name Placeholder";
+                                        $trip_name = "Basic 4X4 Driver Training Course";
-                                    $location = "BASE4, Hennops";
+                                    } elseif ($type === "bush_mechanics") {
-                                    $short_description = getDetail($type);
+                                        $trip_name = "Bush Mechanics Course";
-                                    $start_date = $from_date; // Default to booking start date
+                                    } elseif ($type === "rescue_recovery") {
-                                    $end_date = $to_date;     // Default to booking end date
+                                        $trip_name = "Rescue & Recovery Training Course";
-                                }
+                                    } else {
-                            } else {
+                                        $trip_name = "General Course"; // Default fallback description
-                                // Handle SQL execution error
+                                    }
-                                echo "Error retrieving trip information: " . $stmt_course->error;
+                                    $start_date = $date;
-                            }
+                                    $end_date = $date;
-
+                                    $location = "BASE4, Hennops";
-                            // Close the statement
+                                    $short_description = getDetail($type);
-                            $stmt_course->close();
+                                } else {
-                        } else {
+                                    // Set default values if no trip data found
-                            // Set default values if trip_id is null
+                                    $trip_name = "Trip Name Placeholder";
-                            $trip_name = "BASE4 Camping";
+                                    $location = "BASE4, Hennops";
-                            $location = "BASE4, Hennops";
+                                    $short_description = getDetail($type);
-                            $short_description = "Please remember to bring 2 bags of firewood and drinking water for personal use.";
+                                    $start_date = $from_date; // Default to booking start date
-                            $start_date = $from_date; // Default to booking start date
+                                    $end_date = $to_date;     // Default to booking end date
-                            $end_date = $to_date;     // Default to booking end date
+                                }
-                        }
+                            } else {
-
+                                // Handle SQL execution error
-                        // Get today's date
+                                echo "Error retrieving trip information: " . $stmt_course->error;
-                        $today = date("Y-m-d");
+                            }
-
+
-                        // Determine if the date is past or future
+                            // Close the statement
-                        if ($end_date < $today) {
+                            $stmt_course->close();
-                            $tense = 'past';
+                        } else {
-                        } else {
+                            // Set default values if trip_id is null
-                            $tense = 'future';
+                            $trip_name = "BASE4 Camping";
-                        }
+                            $location = "BASE4, Hennops";
-
+                            $short_description = "Please remember to bring 2 bags of firewood and drinking water for personal use.";
-                        // Output the HTML structure with dynamic data
+                            $start_date = $from_date; // Default to booking start date
-                        echo '
+                            $end_date = $to_date;     // Default to booking end date
-        <div class="destination-item style-three bgc-lighter booking ' . $tense . '" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        }
-            <div class="image">';
+
-                        if ($booking_type === 'trip') {
+                        // Get today's date
-                            echo '<img src="assets/images/trips/' . $trip_id . '_01.jpg" alt="' . htmlspecialchars($trip_name) . '">';
+                        $today = date("Y-m-d");
-                        } elseif ($booking_type === 'course') {
+
-                            echo '<img src="assets/images/courses/' . $type . '.png" alt="' . htmlspecialchars($trip_name) . '">';
+                        // Determine if the date is past or future
-                        } else {
+                        if ($end_date < $today) {
-                            echo '<img style="width:450px;" src="assets/images/base4/base4.jpg" alt="Base4">';
+                            $tense = 'past';
-                        }
+                        } else {
-                        echo '
+                            $tense = 'future';
-            </div>
+                        }
-            <div class="content">
+
-                <div class="destination-header">
+                        // Output the HTML structure with dynamic data
-                    <span class="location"><i class="fal fa-map-marker-alt"></i> ' . htmlspecialchars($location) . '</span>
+                        echo '
-
+        <div class="destination-item style-three bgc-lighter booking ' . $tense . '" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+            <div class="image">';
-                <h5>' . htmlspecialchars($trip_name) . '</a></h5>
+                        if ($booking_type === 'trip') {
-                <p>' . htmlspecialchars($short_description) . '</p>
+                            echo '<img src="assets/images/trips/' . $trip_id . '_01.jpg" alt="' . htmlspecialchars($trip_name) . '">';
-                <ul class="blog-meta">';
+                        } elseif ($booking_type === 'course') {
-                        if ($booking_type === 'course') {
+                            echo '<img src="assets/images/courses/' . $type . '.png" alt="' . htmlspecialchars($trip_name) . '">';
-                            echo '<li><i class="far fa-calendar"></i> ' . convertDate($start_date) . '</li>';
+                        } else {
-                        } else {
+                            echo '<img style="width:450px;" src="assets/images/base4/base4.jpg" alt="Base4">';
-                            echo '<li><i class="far fa-calendar"></i> ' . convertDate($start_date) . ' - ' . convertDate($end_date) . '</li>
+                        }
-                            <li><i class="far fa-clock"></i> ' . calculateDaysAndNights($start_date, $end_date) . '</li>';
+                        echo '
-                        } ?>
+            </div>
-                        <li><i class="far fa-user"></i>
+            <div class="content">
-                            <?php
+                <div class="destination-header">
-                            echo $num_vehicles . ' ' . ($num_vehicles > 1 ? 'vehicles' : 'vehicle') . ' ' .
+                    <span class="location"><i class="fal fa-map-marker-alt"></i> ' . htmlspecialchars($location) . '</span>
-                                $total_adults . ' ' . ($total_adults > 1 ? 'adults' : 'adult');
+
-                            if ($num_children > 0) {
+                </div>
-                                echo ' ' . $num_children . ' ' . ($num_children > 1 ? 'children' : 'child');
+                <h5>' . htmlspecialchars($trip_name) . '</a></h5>
-                            }
+                <p>' . htmlspecialchars($short_description) . '</p>
-                            ?>
+                <ul class="blog-meta">';
-                        </li>
+                        if ($booking_type === 'course') {
-
+                            echo '<li><i class="far fa-calendar"></i> ' . convertDate($start_date) . '</li>';
-                <?php echo '    
+                        } else {
-                </ul>
+                            echo '<li><i class="far fa-calendar"></i> ' . convertDate($start_date) . ' - ' . convertDate($end_date) . '</li>
-                <div class="destination-footer">
+                            <li><i class="far fa-clock"></i> ' . calculateDaysAndNights($start_date, $end_date) . '</li>';
-                    <span class="price"><span>Booking Total: R ' . number_format($amount, 2) . '</span></span>';
+                        } ?>
-                        if ($status == "AWAITING PAYMENT") {
+                        <li><i class="far fa-user"></i>
-                            echo '<a href="' . getPaymentLinkByPaymentId($payment_id) . '" class="theme-btn style-two style-three">
+                            <?php
-                        <span data-hover="PAY NOW">' . $status . '</span>
+                            echo $num_vehicles . ' ' . ($num_vehicles > 1 ? 'vehicles' : 'vehicle') . ' ' .
-                    </a>';
+                                $total_adults . ' ' . ($total_adults > 1 ? 'adults' : 'adult');
-                        } else {
+                            if ($num_children > 0) {
-                            echo '<a href="" class="theme-btn style-two style-three">
+                                echo ' ' . $num_children . ' ' . ($num_children > 1 ? 'children' : 'child');
-                        <span data-hover="' . $status . '">' . $status . '</span>
+                            }
-                    </a>';
+                            ?>
-                        }
+                        </li>
-                        echo '
+
-                    
+                <?php echo '    
-                </div>
+                </ul>
-            </div>
+                <div class="destination-footer">
-        </div>';
+                    <span class="price"><span>Booking Total: R ' . number_format($amount, 2) . '</span></span>';
-                    }
+                        if ($status == "AWAITING PAYMENT") {
-                } else {
+                            echo '<a href="payment_confirmation.php?token=' . encryptData($booking_id, $salt) . '" class="theme-btn style-two style-three">
-                    echo '<p>You have no upcoming bookings.</p>';
+                        <span data-hover="PAYMENT INFO">' . $status . '</span>
-                }
+                    </a>';
-
+                        } else {
-
+                            echo '<a href="" class="theme-btn style-two style-three">
-                // Close connection
+                        <span data-hover="' . $status . '">' . $status . '</span>
-                $conn->close();
+                    </a>';
-                ?>
+                        }
-
+                        echo '
-
+                    
-            </div>
+                </div>
-        </div>
+            </div>
-    </div>
+        </div>';
-</section>
+                    }
-<!-- Tour List Area end -->
+                } else {
-<script>
+                    echo '<p>You have no upcoming bookings.</p>';
-    function togglePastBookings() {
+                }
-        // Get the checkbox element
+
-        const checkbox = document.getElementById('togglePastBookings');
+
-
+                // Close connection
-        // Select all elements with the class 'past'
+                $conn->close();
-        const pastBookings = document.querySelectorAll('.booking.past');
+                ?>
-
+
-        // Show or hide past bookings based on the checkbox state
+
-        pastBookings.forEach(booking => {
+            </div>
-            booking.style.display = checkbox.checked ? '' : 'none';
+        </div>
-        });
+    </div>
-    }
+</section>
-    // Run the function on page load
+<!-- Tour List Area end -->
-    document.addEventListener('DOMContentLoaded', () => {
+<script>
-        // Set the initial state of the checkbox if needed
+    function togglePastBookings() {
-        const checkbox = document.getElementById('togglePastBookings');
+        // Get the checkbox element
-        checkbox.checked = false; // Optional: Start with checkbox unchecked
+        const checkbox = document.getElementById('togglePastBookings');
-
+
-        // Call the function to set the initial state of past bookings
+        // Select all elements with the class 'past'
-        togglePastBookings();
+        const pastBookings = document.querySelectorAll('.booking.past');
-    });
+
-</script>
+        // Show or hide past bookings based on the checkbox state
-
+        pastBookings.forEach(booking => {
-
+            booking.style.display = checkbox.checked ? '' : 'none';
-
+        });
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
+    }
    // Run the function on page load
    document.addEventListener('DOMContentLoaded', () => {
        // Set the initial state of the checkbox if needed
        const checkbox = document.getElementById('togglePastBookings');
        checkbox.checked = false; // Optional: Start with checkbox unchecked
        // Call the function to set the initial state of past bookings
        togglePastBookings();
    });
 </script>
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/other/bush_mechanics.php
+++ b/src/pages/other/bush_mechanics.php
@@ -1,386 +1,390 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+checkUserSession();
-$rootPath = dirname(dirname(dirname(__DIR__)));
+
-include_once($rootPath . '/header.php');
+// SQL query to fetch dates for driver training
-checkUserSession();
+$sql = "SELECT course_id, date FROM courses WHERE course_type = 'bush_mechanics'";
-
+$result = $conn->query($sql);
-// SQL query to fetch dates for bush mechanics
+$page_id = 'bush_mechanics';
-$stmt = $conn->prepare("SELECT course_id, date FROM courses WHERE course_type = ? AND date >= CURDATE()");
+?>
-$course_type = 'bush_mechanics';
+
-$stmt->bind_param("s", $course_type);
+<style>
-$stmt->execute();
+    .form-group {
-$result = $stmt->get_result();
+        margin-bottom: 15px;
-$page_id = 'bush_mechanics';
+    }
-?>
+
-
+    select {
-<style>
+        width: 100%;
-    .form-group {
+        padding: 8px;
-        margin-bottom: 15px;
+        font-size: 16px;
-    }
+    }
-
+    
-    select {
+</style>
-        width: 100%;
+
-        padding: 8px;
+<?php
-        font-size: 16px;
+$bannerFolder = 'assets/images/banners/';
-    }
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-    
+
-</style><?php
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-    $pageTitle = 'Bush Mechanics';
+if (!empty($bannerImages)) {
-    $breadcrumbs = [['Home' => 'index.php']];
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-    require_once($rootPath . '/components/banner.php');
+}
-?>
+?>
-
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-<!-- Product Details Start -->
+<div class="banner-overlay"></div>
-<section class="product-details pt-100">
+    <div class="container">
-    <div class="container">
+        <div class="banner-inner text-white">
-        <div class="row">
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Bush Mechanics</h2>
-            <div class="col-lg-6">
+            <nav aria-label="breadcrumb">
-                <div class="product-details-images rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                    <div class="tab-content preview-images">
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-                        <div class="tab-pane fade preview-item active show" id="preview1">
+                    <li class="breadcrumb-item active">Bush Mechanics</li>
-                            <img src="assets/images/drivertraining/bm01.jpg" alt="Perview">
+                </ol>
-                        </div>
+            </nav>
-                        <div class="tab-pane fade preview-item" id="preview2">
+        </div>
-                            <img src="assets/images/drivertraining/bm02.jpg" alt="Perview">
+    </div>
-                        </div>
+</section>
-                        <div class="tab-pane fade preview-item" id="preview3">
+<!-- Page Banner End -->
-                            <img src="assets/images/drivertraining/bm03.jpg" alt="Perview">
+
-                        </div>
+<!-- Product Details Start -->
-                    </div>
+<section class="product-details pt-100">
-                    <div class="nav thumb-images rmb-20">
+    <div class="container">
-                        <a href="#preview1" data-bs-toggle="tab" class="thumb-item active show">
+        <div class="row">
-                            <img src="assets/images/drivertraining/bm01.jpg" alt="Thumb">
+            <div class="col-lg-6">
-                        </a>
+                <div class="product-details-images rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-                        <a href="#preview2" data-bs-toggle="tab" class="thumb-item">
+                    <div class="tab-content preview-images">
-                            <img src="assets/images/drivertraining/bm02.jpg" alt="Thumb">
+                        <div class="tab-pane fade preview-item active show" id="preview1">
-                        </a>
+                            <img src="assets/images/drivertraining/bm01.jpg" alt="Perview">
-                        <a href="#preview3" data-bs-toggle="tab" class="thumb-item">
+                        </div>
-                            <img src="assets/images/drivertraining/bm03.jpg" alt="Thumb">
+                        <div class="tab-pane fade preview-item" id="preview2">
-                        </a>
+                            <img src="assets/images/drivertraining/bm02.jpg" alt="Perview">
-                    </div>
+                        </div>
-                </div>
+                        <div class="tab-pane fade preview-item" id="preview3">
-            </div>
+                            <img src="assets/images/drivertraining/bm03.jpg" alt="Perview">
-            <div class="col-lg-6">
+                        </div>
-                <div class="product-details-content" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                    </div>
-                    <div class="section-title">
+                    <div class="nav thumb-images rmb-20">
-                        <h2>Bush Mechanics</h2>
+                        <a href="#preview1" data-bs-toggle="tab" class="thumb-item active show">
-                    </div>
+                            <img src="assets/images/drivertraining/bm01.jpg" alt="Thumb">
-                    <!-- <div class="ratting mb-15">
+                        </a>
-                                <i class="fas fa-star"></i>
+                        <a href="#preview2" data-bs-toggle="tab" class="thumb-item">
-                                <i class="fas fa-star"></i>
+                            <img src="assets/images/drivertraining/bm02.jpg" alt="Thumb">
-                                <i class="fas fa-star"></i>
+                        </a>
-                                <i class="fas fa-star"></i>
+                        <a href="#preview3" data-bs-toggle="tab" class="thumb-item">
-                                <i class="fas fa-star-half-alt"></i>
+                            <img src="assets/images/drivertraining/bm03.jpg" alt="Thumb">
-                                <span>(5.8k+ reviews)</span>
+                        </a>
-                            </div> -->
+                    </div>
-                    <span class="price mb-5">R <?= getPrice('bush_mechanics', 'member');?>/member</span>
+                </div>
-                    <span class="price mb-25">R <?= getPrice('bush_mechanics', 'nonmember');?>/non-members</span>
+            </div>
-                    <p> This Bush Mechanics Course is tailored to help you develop the essential skills for managing vehicle repairs and maintenance in remote, off-grid locations. Learn practical techniques for diagnosing and fixing mechanical issues using limited resources, from tire repairs to engine troubleshooting. The course covers the use of basic tools, improvising solutions in the field, and ensuring your vehicle remains operational even in the most challenging environments. Perfect for off-road adventurers, 4x4 owners, and those who want to be prepared for any mechanical situation while exploring remote areas.</p>
+            <div class="col-lg-6">
-                    <hr class="mt-40">
+                <div class="product-details-content" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-                    <div class="blog-sidebar tour-sidebar">
+                    <div class="section-title">
-                        <div class="widget widget-booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        <h2>Bush Mechanics</h2>
-                            <form action="process_course_booking" method="POST">
+                    </div>
-                                <ul class="tickets clearfix">
+                    <!-- <div class="ratting mb-15">
-                                    <li>
+                                <i class="fas fa-star"></i>
-                                        Select Date
+                                <i class="fas fa-star"></i>
-                                        <select name="course_id" id="course_id" required>
+                                <i class="fas fa-star"></i>
-                                            <?php
+                                <i class="fas fa-star"></i>
-                                            if ($result->num_rows > 0) {
+                                <i class="fas fa-star-half-alt"></i>
-                                                // Output each course as an option
+                                <span>(5.8k+ reviews)</span>
-                                                while ($row = $result->fetch_assoc()) {
+                            </div> -->
-                                                    $course_id = htmlspecialchars($row['course_id']); // Escape output for security
+                    <span class="price mb-5">R <?= getPrice('bush_mechanics', 'member');?>/member</span>
-                                                    $date = htmlspecialchars($row['date']);          // Escape output for security
+                    <span class="price mb-25">R <?= getPrice('bush_mechanics', 'nonmember');?>/non-members</span>
-                                                    echo "<option value='$course_id'>$date</option>";
+                    <p> This Bush Mechanics Course is tailored to help you develop the essential skills for managing vehicle repairs and maintenance in remote, off-grid locations. Learn practical techniques for diagnosing and fixing mechanical issues using limited resources, from tire repairs to engine troubleshooting. The course covers the use of basic tools, improvising solutions in the field, and ensuring your vehicle remains operational even in the most challenging environments. Perfect for off-road adventurers, 4x4 owners, and those who want to be prepared for any mechanical situation while exploring remote areas.</p>
-                                                }
+                    <hr class="mt-40">
-                                            } else {
+                    <div class="blog-sidebar tour-sidebar">
-                                                echo "<option value='' disabled>No dates available</option>";
+                        <div class="widget widget-booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                                            }
+                            <form action="process_course_booking.php" method="POST">
-                                            ?>
+                                <ul class="tickets clearfix">
-                                        </select>
+                                    <li>
-                                    </li>
+                                        Select Date
-                                    <?php
+                                        <select name="course_id" id="course_id" required>
-                                    if ($is_member || $pending_member) {
+                                            <?php
-                                        echo '
+                                            if ($result->num_rows > 0) {
-                                        <li>
+                                                // Output each course as an option
-                                        Additional Members <span class="price"></span>
+                                                while ($row = $result->fetch_assoc()) {
-                                        <select name="members" id="members">
+                                                    $course_id = htmlspecialchars($row['course_id']); // Escape output for security
-                                            <option value="0" selected>00</option>
+                                                    $date = htmlspecialchars($row['date']);          // Escape output for security
-                                            <option value="1">01</option>
+                                                    echo "<option value='$course_id'>$date</option>";
-                                            <option value="2">02</option>
+                                                }
-                                            <option value="3">03</option>
+                                            } else {
-                                        </select>
+                                                echo "<option value='' disabled>No dates available</option>";
-                                    </li>
+                                            }
-                                        ';
+                                            ?>
-                                    } ?>
+                                        </select>
-
+                                    </li>
-                                    <li>
+                                    <?php
-                                        Additional Non-Members <span class="price"></span>
+                                    if ($is_member) {
-                                        <select name="non-members" id="non-members">
+                                        echo '
-                                            <option value="0" selected>00</option>
+                                        <li>
-                                            <option value="1">01</option>
+                                        Additional Members <span class="price"></span>
-                                            <option value="2">02</option>
+                                        <select name="members" id="members">
-                                            <option value="3">03</option>
+                                            <option value="0" selected>00</option>
-                                        </select>
+                                            <option value="1">01</option>
-                                    </li>
+                                            <option value="2">02</option>
-                                </ul>
+                                            <option value="3">03</option>
-                                <hr class="mb-25">
+                                        </select>
-
+                                    </li>
-                                <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>
+                                    <li>
-                                        <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>
+                                        Additional Non-Members <span class="price"></span>
-                                        <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>
+                                        <select name="non-members" id="non-members">
-                                        <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>
+                                            <option value="0" selected>00</option>
-                                        <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>
+                                            <option value="1">01</option>
-                                        <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>
+                                            <option value="2">02</option>
-                                        <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>
+                                            <option value="3">03</option>
-                                        <p><strong>BASE 4 CODE OF CONDUCT</strong></p>
+                                        </select>
-                                        <p>1. No motorbikes or quadbikes.</p>
+                                    </li>
-                                        <p>2. No loud music (unless authorised by the Committee or its representatives).</p>
+                                </ul>
-                                        <p>3. Dogs to be controlled by their owners who take full responsibility for the animal’s behaviour.</p>
+                                <hr class="mb-25">
-                                        <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>
+                                <h6>Total: <span id="booking_total" class="price">-</span></h6>
-                                        <p>6. When driving the obstacles stay on the tracks.</p>
+                                <div style="margin: 20px 0;">
-                                        <p>7. Engage 4WD when driving the obstacles to minimise wear and damage to the track.</p>
+                                    <div id="indemnityBox" style="border: 1px solid #ccc; padding: 10px; height: 150px; overflow-y: scroll; background: #f9f9f9; font-size: 12px;">
-                                        <p>8. No alcohol to be consumed while driving the track.</p>
+                                        <p><strong>INDEMNITY AND WAIVER</strong></p>
-                                        <p>9. No littering (please pick up cigarette butts etc.)</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>10. All rubbish is to be taken away with you when leaving. Dustbins and refuse collection is not provided.</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>11. Use water sparingly. Please bring your own water and a little extra for the Club.</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>I am a member of the Four Wheel Drive Club of Southern Africa and I will strive to uphold these Codes.</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>
-                                    </div>
+                                        <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>
-                                    <div style="margin-top: 10px;">
+                                        <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>
-                                        <input type="checkbox" id="agreeCheckbox" name="agree" disabled required>
+                                        <p><strong>BASE 4 CODE OF CONDUCT</strong></p>
-                                        <label for="agreeCheckbox" id="agreeLabel" style="color: #888;">I have read and agree to the indemnity terms</label>
+                                        <p>1. No motorbikes or quadbikes.</p>
-                                    </div>
+                                        <p>2. No loud music (unless authorised by the Committee or its representatives).</p>
-                                </div>
+                                        <p>3. Dogs to be controlled by their owners who take full responsibility for the animal’s behaviour.</p>
-                                <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                                        <p>4. No dogs belonging to non-members are allowed at Base 4 unless with the express permission of the Committee.</p>
-                                <?php
+                                        <p>5. No person in the rear of open vehicles when driving on obstacles.</p>
-                                $button_text = "PROCEED TO PAYMENT";
+                                        <p>6. When driving the obstacles stay on the tracks.</p>
-                                $button_disabled = "";
+                                        <p>7. Engage 4WD when driving the obstacles to minimise wear and damage to the track.</p>
-                                if (!$result || $result->num_rows == 0) {
+                                        <p>8. No alcohol to be consumed while driving the track.</p>
-                                    $button_text = "No booking dates available";
+                                        <p>9. No littering (please pick up cigarette butts etc.)</p>
-                                    $button_disabled = "disabled";
+                                        <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>
-                                <button type="submit" class="theme-btn style-two w-100 mt-15 mb-5" <?php echo $button_disabled; ?>>
+                                    </div>
-                                    <span data-hover="<?php echo $button_text; ?>"><?php echo $button_text; ?></span>
+                                    <div style="margin-top: 10px;">
-                                    <i class="fal fa-arrow-right"></i>
+                                        <input type="checkbox" id="agreeCheckbox" name="agree" disabled required>
-                                </button>
+                                        <label for="agreeCheckbox" id="agreeLabel" style="color: #888;">I have read and agree to the indemnity terms</label>
-                                <div class="text-center">
+                                    </div>
-                                    <a href="contact">You will be redirected to iKhokha's Secure payment gateway.</a>
+                                </div>
-                                </div>
+                                <button type="submit" class="theme-btn style-two w-100 mt-15 mb-5">
-                                <img src="assets/images/logos/ikhokha.png"alt="Secure Payment Badges" style="max-width: 200px; display: block; margin: 10px auto 0;">
+                                    <span data-hover="Book Now">Book Now</span>
-                            </form>
+                                    <i class="fal fa-arrow-right"></i>
-                        </div>
+                                </button>
-
+                                <div class="text-center">
-                    </div>
+                                    <a href="contact.php">Need some help?</a>
-                    <!-- <hr class="mb-45"> -->
+                                </div>
-                    <!-- <a href="#" class="wishlist"><i class="far fa-heart"></i> Add to Wishlist</a> -->
+                            </form>
-                </div>
+                        </div>
-            </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">
+                    <!-- <hr class="mb-45"> -->
-            <li><a href="#details" data-bs-toggle="tab" class="active show">Course Overview<i class="far fa-arrow-right"></i></a></li>
+                    <!-- <a href="#" class="wishlist"><i class="far fa-heart"></i> Add to Wishlist</a> -->
-            <li><a href="#information" data-bs-toggle="tab">What to Expect<i class="far fa-arrow-right"></i></a></li>
+                </div>
-            <li><a href="#reviews" data-bs-toggle="tab"> Reviews <i class="far fa-arrow-right"></i></a></li>
+            </div>
-        </ul>
+        </div>
-        <div class="tab-content" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
+        <ul class="nav nav product-tab mt-70 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-            <div class="tab-pane fade active show" id="details">
+            <li><a href="#details" data-bs-toggle="tab" class="active show">Course Overview<i class="far fa-arrow-right"></i></a></li>
-                <p>This Bush Mechanics Course is designed to provide participants with practical, hands-on skills and knowledge for conducting essential repairs and maintenance in remote and off-road environments. Participants will learn how to assess mechanical issues and apply bush-friendly repair techniques, ensuring they can keep their 4x4 running smoothly in the field. The course covers a wide range of topics, from tire repairs and fixing fuel systems to electrical troubleshooting and engine repairs, all using minimal tools and available resources.</p>
+            <li><a href="#information" data-bs-toggle="tab">What to Expect<i class="far fa-arrow-right"></i></a></li>
-                <p>Emphasis is placed on the use of basic tools, improvising with available materials, and maintaining the vehicle’s functionality in harsh conditions. The course also prioritizes safety, teaching participants how to perform repairs while minimizing risk and ensuring they can safely handle mechanical breakdowns during off-road adventures. With a focus on resourcefulness and problem-solving, this course equips off-road enthusiasts and 4x4 owners with the confidence to tackle mechanical challenges and keep their vehicles in top shape while exploring remote locations.</p>
+            <li><a href="#reviews" data-bs-toggle="tab"> Reviews <i class="far fa-arrow-right"></i></a></li>
-                <div class="row gap-50 pt-25 pb-20 align-items-center">
+        </ul>
-                    <div class="col-lg-7 pt-15">
+        <div class="tab-content" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
-                        <h5>What this course includes</h5>
+            <div class="tab-pane fade active show" id="details">
-                        <ul class="list-style-two mt-25">
+                <p>This Bush Mechanics Course is designed to provide participants with practical, hands-on skills and knowledge for conducting essential repairs and maintenance in remote and off-road environments. Participants will learn how to assess mechanical issues and apply bush-friendly repair techniques, ensuring they can keep their 4x4 running smoothly in the field. The course covers a wide range of topics, from tire repairs and fixing fuel systems to electrical troubleshooting and engine repairs, all using minimal tools and available resources.</p>
-                            <li>Bush Mechanics Manual.</li>
+                <p>Emphasis is placed on the use of basic tools, improvising with available materials, and maintaining the vehicle’s functionality in harsh conditions. The course also prioritizes safety, teaching participants how to perform repairs while minimizing risk and ensuring they can safely handle mechanical breakdowns during off-road adventures. With a focus on resourcefulness and problem-solving, this course equips off-road enthusiasts and 4x4 owners with the confidence to tackle mechanical challenges and keep their vehicles in top shape while exploring remote locations.</p>
-                            <li>Theory session and discussion.</li>
+                <div class="row gap-50 pt-25 pb-20 align-items-center">
-                            <li>Spend the afternoon practicing common bush mechanics techniques.</li>
+                    <div class="col-lg-7 pt-15">
-                        </ul>
+                        <h5>What this course includes</h5>
-                    </div>
+                        <ul class="list-style-two mt-25">
-                    <div class="col-lg-5">
+                            <li>Bush Mechanics Manual.</li>
-                        <div class="image rmt-45">
+                            <li>Theory session and discussion.</li>
-                            <img src="assets/images/drivertraining/bm04.jpg" alt="Product Details">
+                            <li>Spend the afternoon practicing common bush mechanics techniques.</li>
-                        </div>
+                        </ul>
-                    </div>
+                    </div>
-                </div>
+                    <div class="col-lg-5">
-            </div>
+                        <div class="image rmt-45">
-            <div class="tab-pane fade" id="information">
+                            <img src="assets/images/drivertraining/bm04.jpg" alt="Product Details">
-                <!-- <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> -->
+                        </div>
-                <ul class="list-style-two my-35">
+                    </div>
-                    <li>Coffee and Welcome: Kick off the day with a warm coffee, meet your instructors, and receive an overview of the course schedule</li>
+                </div>
-                    <li>Theory Session: Dive into the key principles of off-road driving, including vehicle mechanics, terrain navigation, recovery methods, and safety protocols.</li>
+            </div>
-                    <li>Practical Demonstrations: Watch live demonstrations covering vital techniques like gear selection, adjusting tire pressure, and setting up recovery equipment.</li>
+            <div class="tab-pane fade" id="information">
-                    <li>Lunch Break: Enjoy a packed lunch or bring something to braai. Fires will be provided for an authentic outdoor experience.</li>
+                <!-- <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> -->
-                    <li>Practical Bush Mechanics Techniques: Learn hands-on techniques like rebeading a tire, fixing punctures, and performing basic vehicle repairs in the field.</li>
+                <ul class="list-style-two my-35">
-                    <li>Debrief and Certificates: Conclude the day with a review of your progress, feedback from the instructors, and certificates of completion for your off-road training.</li>
+                    <li>Coffee and Welcome: Kick off the day with a warm coffee, meet your instructors, and receive an overview of the course schedule</li>
-
+                    <li>Theory Session: Dive into the key principles of off-road driving, including vehicle mechanics, terrain navigation, recovery methods, and safety protocols.</li>
-                </ul>
+                    <li>Practical Demonstrations: Watch live demonstrations covering vital techniques like gear selection, adjusting tire pressure, and setting up recovery equipment.</li>
-            </div>
+                    <li>Lunch Break: Enjoy a packed lunch or bring something to braai. Fires will be provided for an authentic outdoor experience.</li>
-            <div class="tab-pane fade mb-20" id="reviews">
+                    <li>Practical Bush Mechanics Techniques: Learn hands-on techniques like rebeading a tire, fixing punctures, and performing basic vehicle repairs in the field.</li>
-            <?php include_once('review_box.php'); ?>
+                    <li>Debrief and Certificates: Conclude the day with a review of your progress, feedback from the instructors, and certificates of completion for your off-road training.</li>
-            </div>
+
-        </div>
+                </ul>
-    </div>
+            </div>
-</section>
+            <div class="tab-pane fade mb-20" id="reviews">
-<!-- Product Details End -->
+            <?php include_once('review_box.php'); ?>
-
+            </div>
-
+        </div>
-<!-- Shop Details  Area start -->
+    </div>
-<!-- <section class="shop-details-page pt-80 pb-100 rel z-1">
+</section>
-    <div class="container">
+<!-- Product Details End -->
-        <div class="section-title text-center mb-40">
+
-            <h2>Other Courses</h2>
+
-        </div>
+<!-- Shop Details  Area start -->
-        <div class="product-slider">
+<!-- <section class="shop-details-page pt-80 pb-100 rel z-1">
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
+    <div class="container">
-                <div class="image">
+        <div class="section-title text-center mb-40">
-                    <img src="assets/images/shop/product1.png" alt="Product">
+            <h2>Other Courses</h2>
-                </div>
+        </div>
-                <div class="content">
+        <div class="product-slider">
-                    <div class="ratting">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
-                        <i class="fas fa-star"></i>
+                <div class="image">
-                        <i class="fas fa-star"></i>
+                    <img src="assets/images/shop/product1.png" alt="Product">
-                        <i class="fas fa-star"></i>
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star-half-alt"></i>
+                    <div class="ratting">
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Airport Travel Suitcases</a></h6>
+                        <i class="fas fa-star"></i>
-                    <span class="price">$188.00</span>
+                        <i class="fas fa-star"></i>
-                </div>
+                        <i class="fas fa-star"></i>
-            </div>
+                        <i class="fas fa-star-half-alt"></i>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
+                    </div>
-                <div class="image">
+                    <h6><a href="product-details.html">Airport Travel Suitcases</a></h6>
-                    <img src="assets/images/shop/product2.png" alt="Product">
+                    <span class="price">$188.00</span>
-                </div>
+                </div>
-                <div class="content">
+            </div>
-                    <div class="ratting">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
-                        <i class="fas fa-star"></i>
+                <div class="image">
-                        <i class="fas fa-star"></i>
+                    <img src="assets/images/shop/product2.png" alt="Product">
-                        <i class="fas fa-star"></i>
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star-half-alt"></i>
+                    <div class="ratting">
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Travel Great blue hat</a></h6>
+                        <i class="fas fa-star"></i>
-                    <span class="price">$188.00</span>
+                        <i class="fas fa-star"></i>
-                </div>
+                        <i class="fas fa-star"></i>
-            </div>
+                        <i class="fas fa-star-half-alt"></i>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
+                    </div>
-                <div class="image">
+                    <h6><a href="product-details.html">Travel Great blue hat</a></h6>
-                    <img src="assets/images/shop/product3.png" alt="Product">
+                    <span class="price">$188.00</span>
-                </div>
+                </div>
-                <div class="content">
+            </div>
-                    <div class="ratting">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
-                        <i class="fas fa-star"></i>
+                <div class="image">
-                        <i class="fas fa-star"></i>
+                    <img src="assets/images/shop/product3.png" alt="Product">
-                        <i class="fas fa-star"></i>
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star-half-alt"></i>
+                    <div class="ratting">
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Waistband and Mesh Fashion</a></h6>
+                        <i class="fas fa-star"></i>
-                    <span class="price">$188.00</span>
+                        <i class="fas fa-star"></i>
-                </div>
+                        <i class="fas fa-star"></i>
-            </div>
+                        <i class="fas fa-star-half-alt"></i>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="150">
+                    </div>
-                <div class="image">
+                    <h6><a href="product-details.html">Waistband and Mesh Fashion</a></h6>
-                    <img src="assets/images/shop/product4.png" alt="Product">
+                    <span class="price">$188.00</span>
-                </div>
+                </div>
-                <div class="content">
+            </div>
-                    <div class="ratting">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="150">
-                        <i class="fas fa-star"></i>
+                <div class="image">
-                        <i class="fas fa-star"></i>
+                    <img src="assets/images/shop/product4.png" alt="Product">
-                        <i class="fas fa-star"></i>
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star-half-alt"></i>
+                    <div class="ratting">
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Sandals for Casual Techies</a></h6>
+                        <i class="fas fa-star"></i>
-                    <span class="price">$188.00</span>
+                        <i class="fas fa-star"></i>
-                </div>
+                        <i class="fas fa-star"></i>
-            </div>
+                        <i class="fas fa-star-half-alt"></i>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
+                    </div>
-                <div class="image">
+                    <h6><a href="product-details.html">Sandals for Casual Techies</a></h6>
-                    <img src="assets/images/shop/product5.png" alt="Product">
+                    <span class="price">$188.00</span>
-                </div>
+                </div>
-                <div class="content">
+            </div>
-                    <div class="ratting">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
-                        <i class="fas fa-star"></i>
+                <div class="image">
-                        <i class="fas fa-star"></i>
+                    <img src="assets/images/shop/product5.png" alt="Product">
-                        <i class="fas fa-star"></i>
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star-half-alt"></i>
+                    <div class="ratting">
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Children With Jute Soles</a></h6>
+                        <i class="fas fa-star"></i>
-                    <span class="price">$188.00</span>
+                        <i class="fas fa-star"></i>
-                </div>
+                        <i class="fas fa-star"></i>
-            </div>
+                        <i class="fas fa-star-half-alt"></i>
-        </div>
+                    </div>
-    </div>
+                    <h6><a href="product-details.html">Children With Jute Soles</a></h6>
-</section> -->
+                    <span class="price">$188.00</span>
-<!-- Shop Details  Area end -->
+                </div>
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+            </div>
-<script>
+        </div>
-    const indemnityBox = document.getElementById('indemnityBox');
+    </div>
-    const agreeCheckbox = document.getElementById('agreeCheckbox');
+</section> -->
-    const bookingForm = document.querySelector('form');
+<!-- Shop Details  Area end -->
-
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    indemnityBox.addEventListener('scroll', function () {
+<script>
-        const scrollTop = indemnityBox.scrollTop;
+    const indemnityBox = document.getElementById('indemnityBox');
-        const scrollHeight = indemnityBox.scrollHeight;
+    const agreeCheckbox = document.getElementById('agreeCheckbox');
-        const offsetHeight = indemnityBox.offsetHeight;
+    const bookingForm = document.querySelector('form');
-
+
-        // Enable checkbox when scrolled to bottom
+    indemnityBox.addEventListener('scroll', function () {
-        if (scrollTop + offsetHeight >= scrollHeight - 1) {
+        const scrollTop = indemnityBox.scrollTop;
-            agreeCheckbox.disabled = false;
+        const scrollHeight = indemnityBox.scrollHeight;
-            document.getElementById('agreeLabel').style.color = "#000"; // optional: make label active
+        const offsetHeight = indemnityBox.offsetHeight;
-        }
+
-    });
+        // Enable checkbox when scrolled to bottom
-
+        if (scrollTop + offsetHeight >= scrollHeight - 1) {
-    bookingForm.addEventListener('submit', function (e) {
+            agreeCheckbox.disabled = false;
-        if (agreeCheckbox.disabled || !agreeCheckbox.checked) {
+            document.getElementById('agreeLabel').style.color = "#000"; // optional: make label active
-            alert('Please read and agree to the indemnity terms before booking.');
+        }
-            e.preventDefault(); // stop form submission
+    });
-        }
+
-    });
+    bookingForm.addEventListener('submit', function (e) {
-</script>
+        if (agreeCheckbox.disabled || !agreeCheckbox.checked) {
-<script>
+            alert('Please read and agree to the indemnity terms before booking.');
-    $(document).ready(function() {
+            e.preventDefault(); // stop form submission
-        // Function to calculate booking total
+        }
-        function calculateTotal() {
+    });
-            // Get selected values from the form
+</script>
-            var additional_members = parseInt($('#members').val()) || 0; // Default to 0 if not selected
+<script>
-            var additional_nonmembers = parseInt($('#non-members').val()) || 0; // Default to 0 if not selected
+    $(document).ready(function() {
-
+        // Function to calculate booking total
-            // Fetch PHP variables
+        function calculateTotal() {
-            var isMember = <?php echo $is_member ? 'true' : 'false'; ?>;
+            // Get selected values from the form
-            var pendingMember = <?php echo $pending_member ? 'true' : 'false'; ?>;
+            var members = parseInt($('#members').val()) || 0; // Default to 1 vehicle if not selected
-            var cost_members = <?= getPrice('bush_mechanics', 'member');?>;
+            var nonmembers = parseInt($('#non-members').val()) || 0; // Default to 1 adult if not selected
-            var cost_nonmembers = <?= getPrice('bush_mechanics', 'nonmember');?>;
+
-
+            // Fetch PHP variables
-            // Calculate the total cost based on membership
+            var isMember = <?php echo $is_member ? 'true' : 'false'; ?>;
-            var total = 0;
+            var cost_members = <?= getPrice('bush_mechanics', 'member');?>;
-
+            var cost_nonmembers = <?= getPrice('bush_mechanics', 'nonmember');?>;
-            // Calculate cost for members
+
-            if (isMember || pendingMember) {
+            // Calculate the total cost based on membership
-                total = (cost_members) + (additional_members * cost_members) + (additional_nonmembers * cost_nonmembers);
+            var total = 0;
-            } else {
+
-                // Calculate cost for non-members
+            // Calculate cost for members
-                total = (cost_nonmembers) + (additional_nonmembers * cost_nonmembers);
+            if (isMember) {
-            }
+                total = (cost_members) + (members * cost_members) + (nonmembers * cost_nonmembers);
-
+            } else {
-            // Update total price in the DOM
+                // Calculate cost for non-members
-            $('#booking_total').text('R ' + total.toFixed(2));
+                total = (cost_nonmembers) + (members * cost_members) + (nonmembers * cost_nonmembers);
-
+            }
-        }
+
-
+            // Update total price in the DOM
-        // Event listeners to trigger recalculation when any form field changes
+            $('#booking_total').text('R ' + total.toFixed(2));
-        $('#members, #non-members').on('change', function() {
+
-            calculateTotal();
+        }
-        });
+
-
+        // Event listeners to trigger recalculation when any form field changes
-        // Initial calculation on page load
+        $('#members, #non-members').on('change', function() {
-        calculateTotal();
+            calculateTotal();
-    });
+        });
-</script>
+
-
+        // Initial calculation on page load
-
+        calculateTotal();
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php') ?>
+    });
 </script>
 <?php include_once('insta_footer.php') ?>
--- a/src/pages/bookings/campsite_booking.php
+++ b/src/pages/bookings/campsite_booking.php
@@ -1,217 +1,214 @@
-<?php
+<?php include_once('header02.php'); 
-$headerStyle = 'light';
+checkUserSession();
-include_once(dirname(dirname(dirname(__DIR__))) . '/header.php'); 
+?>
-checkUserSession();
+
-?>
+
-
+
-
+
-
+
-
+<!-- Gallery Area start -->
-
+<section class="gallery-slider-area pt-100 rel z-1">
-<!-- Gallery Area start -->
+
-<section class="gallery-slider-area pt-100 rel z-1">
+    <div class="gallery-slider-active">
-
+        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-    <div class="gallery-slider-active">
+            <div class="image">
-        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <img src="assets/images/gallery/gallery-slider1.jpg" alt="Gallery">
-            <div class="image">
+            </div>
-                <img src="assets/images/gallery/gallery-slider1.jpg" alt="Gallery">
+            <div class="content">
-            </div>
+                <span class="category">Tour & Travel</span>
-            <div class="content">
+                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
-                <span class="category">Tour & Travel</span>
+            </div>
-                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
+        </div>
-            </div>
+        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-        </div>
+            <div class="image">
-        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <img src="assets/images/gallery/gallery-slider2.jpg" alt="Gallery">
-            <div class="image">
+            </div>
-                <img src="assets/images/gallery/gallery-slider2.jpg" alt="Gallery">
+            <div class="content">
-            </div>
+                <span class="category">Tour & Travel</span>
-            <div class="content">
+                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
-                <span class="category">Tour & Travel</span>
+            </div>
-                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
+        </div>
-            </div>
+        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-        </div>
+            <div class="image">
-        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <img src="assets/images/gallery/gallery-slider3.jpg" alt="Gallery">
-            <div class="image">
+            </div>
-                <img src="assets/images/gallery/gallery-slider3.jpg" alt="Gallery">
+            <div class="content">
-            </div>
+                <span class="category">Tour & Travel</span>
-            <div class="content">
+                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
-                <span class="category">Tour & Travel</span>
+            </div>
-                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
+        </div>
-            </div>
+        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-        </div>
+            <div class="image">
-        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <img src="assets/images/gallery/gallery-slider4.jpg" alt="Gallery">
-            <div class="image">
+            </div>
-                <img src="assets/images/gallery/gallery-slider4.jpg" alt="Gallery">
+            <div class="content">
-            </div>
+                <span class="category">Tour & Travel</span>
-            <div class="content">
+                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
-                <span class="category">Tour & Travel</span>
+            </div>
-                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
+        </div>
-            </div>
+        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-        </div>
+            <div class="image">
-        <div class="gallery-three-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <img src="assets/images/gallery/gallery-slider5.jpg" alt="Gallery">
-            <div class="image">
+            </div>
-                <img src="assets/images/gallery/gallery-slider5.jpg" alt="Gallery">
+            <div class="content">
-            </div>
+                <span class="category">Tour & Travel</span>
-            <div class="content">
+                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
-                <span class="category">Tour & Travel</span>
+            </div>
-                <h5><a href="destination-details.html">Brown Concrete Building</a></h5>
+        </div>
-            </div>
+    </div>
-        </div>
+</section>
-    </div>
+<!-- Gallery Area end -->
-</section>
+
-<!-- Gallery Area end -->
+
-
+
-
+<!-- About Us Area start -->
-
+<section class="about-us-area pt-90 pb-100 rel z-1">
-<!-- About Us Area start -->
+    <div class="container">
-<section class="about-us-area pt-90 pb-100 rel z-1">
+        <div class="row gap-100 align-items-center">
-    <div class="container">
+            <div class="col-lg-6">
-        <div class="row gap-100 align-items-center">
+                <div class="destination-details-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-            <div class="col-lg-6">
+                    <div class="section-title mb-25">
-                <div class="destination-details-content rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+                        <span class="h2 mb-15">Welcome to </span>
-                    <div class="section-title mb-25">
+                        <h2>BASE4 Camping</h2>
-                        <span class="h2 mb-15">Welcome to </span>
+                    </div>
-                        <h2>BASE4 Camping</h2>
+                    <p>Escape to the ultimate outdoor adventure at BASE4, nestled right next to a tranquil stream. Enjoy the perfect blend of rugged exploration and relaxation with top-notch facilities, including braai areas, hot showers, and clean ablution blocks. Gather with friends under our spacious lapa or take a dip in the refreshing swimming pool after a day of off-road fun. Whether you're conquering trails or kicking back by the fire, our campsite offers the ideal setting for an unforgettable getaway. Book your spot today and experience nature at its finest!</p>
-                    </div>
+
-                    <p>Escape to the ultimate outdoor adventure at BASE4, nestled right next to a tranquil stream. Enjoy the perfect blend of rugged exploration and relaxation with top-notch facilities, including braai areas, hot showers, and clean ablution blocks. Gather with friends under our spacious lapa or take a dip in the refreshing swimming pool after a day of off-road fun. Whether you're conquering trails or kicking back by the fire, our campsite offers the ideal setting for an unforgettable getaway. Book your spot today and experience nature at its finest!</p>
+                </div>
-
+                <div class="widget widget-booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+                    <h5 class="widget-title">Book your Campsite</h5>
-                <div class="widget widget-booking" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                    <form action="process_camp_booking.php" method="POST">
-                    <h5 class="widget-title">Book your Campsite</h5>
+                        <div class="date mb-25">
-                    <form action="process_camp_booking" method="POST">
+                            <b>From Date</b>
-                        <div class="date mb-25">
+                            <input type="date" id="from_date" name="from_date">
-                            <b>From Date</b>
+                        </div>
-                            <input type="date" id="from_date" name="from_date">
+                        <div class="date mb-25">
-                        </div>
+                            <b>To Date</b>
-                        <div class="date mb-25">
+                            <input type="date" id="to_date" name="to_date">
-                            <b>To Date</b>
+                        </div>
-                            <input type="date" id="to_date" name="to_date">
+                        <hr class="mb-25">
-                        </div>
+                        <ul class="tickets clearfix">
-                        <hr class="mb-25">
+                            <li>
-                        <ul class="tickets clearfix">
+                                No. of Vehicles
-                            <li>
+                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="vehicles" name="vehicles" value="1" min="1">
-                                No. of Vehicles
+                            </li>
-                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="vehicles" name="vehicles" value="1" min="1">
+                            <li>
-                            </li>
+                                No. of Adults
-                            <li>
+                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="adults" name="adults" value="1" min="1">
-                                No. of Adults
+                            </li>
-                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="adults" name="adults" value="1" min="1">
+                            <li>
-                            </li>
+                                No. of Children
-                            <li>
+                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="children" name="children" value="0" min="0">
-                                No. of Children
+                            </li>
-                                <input style="border-color: #d7d7d7;width:auto;padding:10px;" type="number" id="children" name="children" value="0" min="0">
+                        </ul>
-                            </li>
+                        <hr class="mb-25">
-                        </ul>
+                        <h6>Add Extra:</h6>
-                        <hr class="mb-25">
+                        <ul class="radio-filter pt-5">
-                        <h6>Add Extra:</h6>
+                            <li>
-                        <ul class="radio-filter pt-5">
+                                <input class="form-check-input" type="checkbox" name="AddExtra" id="add-extra1" value="50">
-                            <li>
+                                <label for="add-extra1">2 x 5kg Firewood <span>R 50,00</span></label>
-                                <input class="form-check-input" type="checkbox" name="AddExtra" id="add-extra1" value="50">
+                            </li>
-                                <label for="add-extra1">2 x 5kg Firewood <span>R 50,00</span></label>
+                        </ul>
-                            </li>
+                        <hr>
-                        </ul>
+
-                        <hr>
+                        <?php if ($is_member) : ?>
-
+                            <div id="discount_section">
-                        <?php if ($is_member) : ?>
+                                <h6>Discount:</h6>
-                            <div id="discount_section">
+                                <ul class="radio-filter pt-5">
-                                <h6>Discount:</h6>
+                                    <li>
-                                <ul class="radio-filter pt-5">
+                                        <label for="add-extra1">4WDCSA Member Discount <span id="discount_amount">R 0,00</span></label>
-                                    <li>
+                                    </li>
-                                        <label for="add-extra1">4WDCSA Member Discount <span id="discount_amount">R 0,00</span></label>
+                                </ul>
-                                    </li>
+                                <hr>
-                                </ul>
+                            </div>
-                                <hr>
+                        <?php endif ?>
-                            </div>
+
-                        <?php endif ?>
+                        <h6>Total: <span id="booking_total" class="price">-</span></h6>
-
+                        <button type="submit" class="theme-btn style-two w-100 mt-15 mb-5">
-                        <h6>Total: <span id="booking_total" class="price">-</span></h6>
+                            <span data-hover="Book Now">Book Now</span>
-                        <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                            <i class="fal fa-arrow-right"></i>
-                        <button type="submit" class="theme-btn style-two w-100 mt-15 mb-5">
+                        </button>
-                            <span data-hover="Book Now">Book Now</span>
+                        <div class="text-center">
-                            <i class="fal fa-arrow-right"></i>
+                            <a href="contact.html">Need some help?</a> | Payments will be redirected to Payfast.
-                        </button>
+                        </div>
-                        <div class="text-center">
+                    </form>
-                            <a href="contact.html">Need some help?</a> | Payments will be redirected to Payfast.
+
-                        </div>
+                </div>
-                    </form>
+
-
+
-                </div>
+            </div>
-
+            <div class="col-lg-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-
+                <div class="destination-map">
-            </div>
+                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d667.578212275918!2d28.000752737032542!3d-25.864032288240537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e95794b858a5427%3A0xcdb0a4b0055a9753!2sFour%20Wheel%20Drive%20Club%20of%20Southern%20Africa%20-FWDCSA%20GAUTENG%20-%20BASE%204!5e1!3m2!1sen!2sza!4v1726669599601!5m2!1sen!2sza" width="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
-            <div class="col-lg-6" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                </div>
-                <div class="destination-map">
+            </div>
-                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d667.578212275918!2d28.000752737032542!3d-25.864032288240537!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1e95794b858a5427%3A0xcdb0a4b0055a9753!2sFour%20Wheel%20Drive%20Club%20of%20Southern%20Africa%20-FWDCSA%20GAUTENG%20-%20BASE%204!5e1!3m2!1sen!2sza!4v1726669599601!5m2!1sen!2sza" width="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+        </div>
-                </div>
+    </div>
-            </div>
+</section>
-        </div>
+<!-- About Us Area end -->
-    </div>
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-</section>
+<script>
-<!-- About Us Area end -->
+    $(document).ready(function() {
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+        // Function to calculate booking total
-<script>
+        function calculateTotal() {
-    $(document).ready(function() {
+            var fromDate = new Date($('#from_date').val());
-        // Function to calculate booking total
+            var toDate = new Date($('#to_date').val());
-        function calculateTotal() {
+            var vehicles = parseInt($('#vehicles').val()) || 1;
-            var fromDate = new Date($('#from_date').val());
+            var firewoodCost = $('#add-extra1').is(':checked') ? 50 : 0;
-            var toDate = new Date($('#to_date').val());
+            var isMember = <?php echo $is_member ? 'true' : 'false'; ?>;
-            var vehicles = parseInt($('#vehicles').val()) || 1;
+
-            var firewoodCost = $('#add-extra1').is(':checked') ? 50 : 0;
+            var perNightRate = 200;
-            var isMember = <?php echo $is_member ? 'true' : 'false'; ?>;
+            if (isMember) {
-
+                perNightRate = 0; // 100% discount
-            var perNightRate = 200;
+            }
-            if (isMember) {
+
-                perNightRate = 0; // 100% discount
+            // Calculate nights
-            }
+            var timeDifference = toDate.getTime() - fromDate.getTime();
-
+            var nights = Math.ceil(timeDifference / (1000 * 3600 * 24));
-            // Calculate nights
+
-            var timeDifference = toDate.getTime() - fromDate.getTime();
+            if (nights < 1) {
-            var nights = Math.ceil(timeDifference / (1000 * 3600 * 24));
+                nights = 0; // If "To Date" is before "From Date", no charge
-
+            }
-            if (nights < 1) {
+
-                nights = 0; // If "To Date" is before "From Date", no charge
+            // Calculate total
-            }
+            var total = (nights * perNightRate * vehicles) + firewoodCost;
-
+
-            // Calculate total
+            // Update total in the DOM
-            var total = (nights * perNightRate * vehicles) + firewoodCost;
+            $('#booking_total').text('R ' + total.toFixed(2));
-
+
-            // Update total in the DOM
+            // Update discount section
-            $('#booking_total').text('R ' + total.toFixed(2));
+            if (isMember) {
-
+                var discountAmount = nights * 200 * vehicles; // Original rate * nights * vehicles
-            // Update discount section
+                $('#discount_amount').text('R ' + discountAmount.toFixed(2));
-            if (isMember) {
+            }
-                var discountAmount = nights * 200 * vehicles; // Original rate * nights * vehicles
+        }
-                $('#discount_amount').text('R ' + discountAmount.toFixed(2));
+
-            }
+        // Function to restrict date selection
-        }
+        function restrictDates() {
-
+            var today = new Date().toISOString().split('T')[0]; // Get today's date in YYYY-MM-DD format
-        // Function to restrict date selection
+            $('#from_date').attr('min', today); // Set min for from_date
-        function restrictDates() {
+
-            var today = new Date().toISOString().split('T')[0]; // Get today's date in YYYY-MM-DD format
+            var fromDate = $('#from_date').val();
-            $('#from_date').attr('min', today); // Set min for from_date
+            if (fromDate) {
-
+                $('#to_date').attr('min', fromDate); // Set min for to_date based on from_date
-            var fromDate = $('#from_date').val();
+            } else {
-            if (fromDate) {
+                $('#to_date').attr('min', today); // Default to today's date if no from_date is set
-                $('#to_date').attr('min', fromDate); // Set min for to_date based on from_date
+            }
-            } else {
+        }
-                $('#to_date').attr('min', today); // Default to today's date if no from_date is set
+
-            }
+        // Event listeners to trigger recalculation and date restriction
-        }
+        $('#from_date').on('change', function() {
-
+            restrictDates();
-        // Event listeners to trigger recalculation and date restriction
+            calculateTotal();
-        $('#from_date').on('change', function() {
+        });
-            restrictDates();
+
-            calculateTotal();
+        $('#to_date, #vehicles, #add-extra1').on('change', function() {
-        });
+            calculateTotal();
-
+        });
-        $('#to_date, #vehicles, #add-extra1').on('change', function() {
+
-            calculateTotal();
+        // Initial setup for date restrictions and calculation
-        });
+        restrictDates();
-
+        calculateTotal();
-        // Initial setup for date restrictions and calculation
+    });
-        restrictDates();
+</script>
-        calculateTotal();
+
-    });
+<?php include_once('insta_footer.php') ?>
 </script>
 <?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php') ?>
--- a/campsites.php
+++ b/campsites.php
@@ -0,0 +1,208 @@
 <?php include_once('header02.php');
 $conn = openDatabaseConnection();
 $result = $conn->query("SELECT * FROM campsites");
 $campsites = [];
 while ($row = $result->fetch_assoc()) {
    $campsites[] = $row;
 }
 ?>
 <style>
    #map {
        height: 600px;
        width: 100%;
    }
    .gm-style .info-box {
        max-width: 250px;
    }
    .info-box img {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    }
 </style>
 <?php
 $bannerFolder = 'assets/images/banners/';
 $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
 $randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
 if (!empty($bannerImages)) {
    $randomBanner = $bannerImages[array_rand($bannerImages)];
 }
 ?>
 <section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
    <div class="banner-overlay"></div>
    <div class="container">
        <div class="banner-inner text-white mb-50">
            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Campsites</h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active">Campsites</li>
                </ol>
            </nav>
        </div>
    </div>
 </section>
 <!-- Tour List Area start -->
 <section class="tour-list-page py-100 rel z-1">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div id="map" style="width: 100%; height: 500px;"></div>
                <!-- Add Campsite Modal -->
            </div>
        </div>
    </div>
 </section>
 <div class="modal fade" id="addCampsiteModal" tabindex="-1">
                    <div class="modal-dialog">
                        <form id="addCampsiteForm" method="POST" action="add_campsite.php" enctype="multipart/form-data">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">Add Campsite</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                                </div>
                                <div class="modal-body">
                                    <input type="hidden" name="latitude" id="latitude">
                                    <input type="hidden" name="longitude" id="longitude">
                                    <div class="mb-3">
                                        <label class="form-label">Campsite Name</label>
                                        <input type="text" class="form-control" name="name" required>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Description</label>
                                        <textarea class="form-control" name="description" rows="3"></textarea>
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Booking URL</label>
                                        <input type="url" class="form-control" name="website">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Phone Number</label>
                                        <input type="text" class="form-control" name="telephone">
                                    </div>
                                    <div class="mb-3">
                                        <label class="form-label">Thumbnail Image</label>
                                        <input type="file" class="form-control" name="thumbnail" accept="image/*">
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button class="btn btn-primary" type="submit">Save Campsite</button>
                                    <button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cancel</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
 <script>
    let map;
    const campsites = <?php echo json_encode($campsites); ?>;
    function initMap() {
        map = new google.maps.Map(document.getElementById("map"), {
            center: {
                lat: -28.0,
                lng: 24.0
            }, // SA center
            zoom: 6,
        });
        map.addListener("click", function(e) {
            const lat = e.latLng.lat();
            const lng = e.latLng.lng();
            document.getElementById("latitude").value = lat;
            document.getElementById("longitude").value = lng;
            const addModal = new bootstrap.Modal(document.getElementById("addCampsiteModal"));
            addModal.show();
        });
        // Load existing campsites from PHP
        fetch("get_campsites.php")
            .then(response => response.json())
            .then(data => {
                data.forEach(site => {
                    const marker = new google.maps.Marker({
                        position: {
                            lat: parseFloat(site.latitude),
                            lng: parseFloat(site.longitude)
                        },
                        map,
                        title: site.name,
                    });
                    const content = `
                <div class="info-box">
                    <strong>${site.name}</strong><br>
                    ${site.description ? site.description + "<br>" : ""}
                    ${site.website ? `<a href="${site.website}" target="_blank">Visit Website</a><br>` : ""}
                    ${site.telephone ? `Phone: ${site.telephone}<br>` : ""}
                    ${site.thumbnail ? `<img src="${site.thumbnail}" style="width: 100%; max-width: 200px; border-radius: 8px; margin-top: 5px;">` : ""}
                    ${site.user && site.user.first_name ? `
                        <div class="user-info mt-2 d-flex align-items-center">
                            <img src="${site.user.profile_pic}" style="width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-right: 10px;">
                            <div>
                                <small>Added by:</small><br>
                                <strong>${site.user.first_name} ${site.user.last_name}</strong>
                            </div>
                        </div>` : ""}
                    <br>
                    <button class="btn btn-sm btn-warning mt-2" onclick='editCampsite(${JSON.stringify(site)})'>Edit</button>
                    <a href="https://www.google.com/maps/dir/?api=1&destination=${site.latitude},${site.longitude}" target="_blank" class="btn btn-sm btn-outline-primary mt-2 ms-2">Get Directions</a>
                </div>
            `;
                    const infowindow = new google.maps.InfoWindow({
                        content: content
                    });
                    marker.addListener("click", () => {
                        infowindow.open(map, marker);
                    });
                });
            })
            .catch(err => console.error("Failed to load campsites:", err));
    }
    function editCampsite(site) {
        // Pre-fill form
        document.querySelector("#addCampsiteForm input[name='name']").value = site.name;
        document.querySelector("#addCampsiteForm textarea[name='description']").value = site.description || "";
        document.querySelector("#addCampsiteForm input[name='website']").value = site.website || "";
        document.querySelector("#addCampsiteForm input[name='telephone']").value = site.telephone || "";
        document.querySelector("#addCampsiteForm input[name='latitude']").value = site.latitude;
        document.querySelector("#addCampsiteForm input[name='longitude']").value = site.longitude;
        // Add hidden ID input
        let idInput = document.querySelector("#addCampsiteForm input[name='id']");
        if (!idInput) {
            idInput = document.createElement("input");
            idInput.type = "hidden";
            idInput.name = "id";
            document.querySelector("#addCampsiteForm").appendChild(idInput);
        }
        idInput.value = site.id;
        // Show the modal
        const addModal = new bootstrap.Modal(document.getElementById("addCampsiteModal"));
        addModal.show();
    }
 </script>
 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC-JuvnbUYc8WGjQBFFVZtKiv5_bFJoWLU&callback=initMap" async defer></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/auth/change_password.php
+++ b/src/pages/auth/change_password.php
@@ -1,72 +1,71 @@
-<?php
+<?php
-$rootPath = dirname(dirname(dirname(__DIR__)));
+require_once("env.php");
-require_once($rootPath . '/src/config/env.php');
+require_once("session.php");
-require_once($rootPath . '/src/config/session.php');
+require_once("connection.php");
-require_once($rootPath . '/src/config/connection.php');
+require_once("functions.php");
-require_once($rootPath . '/src/config/functions.php');
+
-
+$response = array('status' => 'error', 'message' => 'Something went wrong');
-$response = array('status' => 'error', 'message' => 'Something went wrong');
+
-
+// Check if the user is logged in
-// Check if the user is logged in
+if (!isset($_SESSION['user_id'])) {
-if (!isset($_SESSION['user_id'])) {
+    $response['message'] = 'You are not logged in.';
-    $response['message'] = 'You are not logged in.';
+    echo json_encode($response);
-    echo json_encode($response);
+    exit();
-    exit();
+}
-}
+
-
+$user_id = $_SESSION['user_id'];
-$user_id = $_SESSION['user_id'];
+
-
+// Check if form data is submitted
-// Check if form data is submitted
+if (isset($_POST['current_password'], $_POST['new_password'], $_POST['confirm_password'])) {
-if (isset($_POST['current_password'], $_POST['new_password'], $_POST['confirm_password'])) {
+    $current_password = $_POST['current_password'];
-    $current_password = $_POST['current_password'];
+    $new_password = $_POST['new_password'];
-    $new_password = $_POST['new_password'];
+    $confirm_password = $_POST['confirm_password'];
-    $confirm_password = $_POST['confirm_password'];
+
-
+    // Validate new passwords
-    // Validate new passwords
+    if ($new_password !== $confirm_password) {
-    if ($new_password !== $confirm_password) {
+        $response['message'] = 'New passwords do not match.';
-        $response['message'] = 'New passwords do not match.';
+        echo json_encode($response);
-        echo json_encode($response);
+        exit();
-        exit();
+    }
-    }
+
-
+    // Fetch the stored hashed password from the database
-    // Fetch the stored hashed password from the database
+    $sql = "SELECT password FROM users WHERE user_id = ?";
-    $sql = "SELECT password FROM users WHERE user_id = ?";
+    $stmt = $conn->prepare($sql);
-    $stmt = $conn->prepare($sql);
+    $stmt->bind_param("i", $user_id);
-    $stmt->bind_param("i", $user_id);
+    $stmt->execute();
-    $stmt->execute();
+    $result = $stmt->get_result();
-    $result = $stmt->get_result();
+    $user = $result->fetch_assoc();
-    $user = $result->fetch_assoc();
+
-
+    if (!$user) {
-    if (!$user) {
+        $response['message'] = 'User not found.';
-        $response['message'] = 'User not found.';
+        echo json_encode($response);
-        echo json_encode($response);
+        exit();
-        exit();
+    }
-    }
+
-
+    // Verify the current password
-    // Verify the current password
+    if (!password_verify($current_password, $user['password'])) {
-    if (!password_verify($current_password, $user['password'])) {
+        $response['message'] = 'Current password is incorrect.';
-        $response['message'] = 'Current password is incorrect.';
+        echo json_encode($response);
-        echo json_encode($response);
+        exit();
-        exit();
+    }
-    }
+
-
+    // Hash the new password
-    // Hash the new password
+    $new_password_hash = password_hash($new_password, PASSWORD_BCRYPT);
-    $new_password_hash = password_hash($new_password, PASSWORD_BCRYPT);
+
-
+    // Update the new password in the database
-    // Update the new password in the database
+    $sql = "UPDATE users SET password = ? WHERE user_id = ?";
-    $sql = "UPDATE users SET password = ? WHERE user_id = ?";
+    $stmt = $conn->prepare($sql);
-    $stmt = $conn->prepare($sql);
+    $stmt->bind_param("si", $new_password_hash, $user_id);
-    $stmt->bind_param("si", $new_password_hash, $user_id);
+
-
+    if ($stmt->execute()) {
-    if ($stmt->execute()) {
+        $response['status'] = 'success';
-        $response['status'] = 'success';
+        $response['message'] = 'Password changed successfully.';
-        $response['message'] = 'Password changed successfully.';
+    } else {
-    } else {
+        $response['message'] = 'Failed to change password.';
-        $response['message'] = 'Failed to change password.';
+    }
-    }
+} else {
-} else {
+    $response['message'] = 'Invalid form submission.';
-    $response['message'] = 'Invalid form submission.';
+}
-}
+
-
+echo json_encode($response);
-echo json_encode($response);
+?>
 ?>
--- a/classes/DatabaseService.php
+++ b/classes/DatabaseService.php
@@ -1,320 +0,0 @@
 <?php
 /**
 * DatabaseService Class
 * 
 * Provides a centralized database abstraction layer for all database operations.
 * Enforces prepared statements, proper error handling, and type safety.
 * 
 * @package 4WDCSA
 * @version 1.0
 */
 class DatabaseService {
    private $conn;
    private $lastError = null;
    private $lastQuery = null;
    /**
     * Constructor - Initialize database connection
     * 
     * @param mysqli $connection The MySQLi connection object
     */
    public function __construct($connection) {
        if (!$connection) {
            throw new Exception("Database connection failed");
        }
        $this->conn = $connection;
    }
    /**
     * Get the last error message
     * 
     * @return string|null The last error or null if no error
     */
    public function getLastError() {
        return $this->lastError;
    }
    /**
     * Get the last executed query
     * 
     * @return string|null The last query or null
     */
    public function getLastQuery() {
        return $this->lastQuery;
    }
    /**
     * Execute a SELECT query with parameter binding
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string (e.g., "isi" for int, string, int)
     * @return array|false Array of results or false on error
     */
    public function select($query, $params = [], $types = "") {
        try {
            $this->lastQuery = $query;
            $stmt = $this->conn->prepare($query);
            if (!$stmt) {
                $this->lastError = "Prepare failed: " . $this->conn->error;
                return false;
            }
            if (!empty($params) && !empty($types)) {
                if (!$stmt->bind_param($types, ...$params)) {
                    $this->lastError = "Bind failed: " . $stmt->error;
                    return false;
                }
            }
            if (!$stmt->execute()) {
                $this->lastError = "Execute failed: " . $stmt->error;
                return false;
            }
            $result = $stmt->get_result();
            $data = [];
            while ($row = $result->fetch_assoc()) {
                $data[] = $row;
            }
            $stmt->close();
            return $data;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Execute a SELECT query returning a single row
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return array|false Single row as associative array or false
     */
    public function selectOne($query, $params = [], $types = "") {
        $results = $this->select($query, $params, $types);
        return ($results && count($results) > 0) ? $results[0] : false;
    }
    /**
     * Execute an INSERT query
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return int|false Last insert ID or false on error
     */
    public function insert($query, $params = [], $types = "") {
        try {
            $this->lastQuery = $query;
            $stmt = $this->conn->prepare($query);
            if (!$stmt) {
                $this->lastError = "Prepare failed: " . $this->conn->error;
                return false;
            }
            if (!empty($params) && !empty($types)) {
                if (!$stmt->bind_param($types, ...$params)) {
                    $this->lastError = "Bind failed: " . $stmt->error;
                    return false;
                }
            }
            if (!$stmt->execute()) {
                $this->lastError = "Execute failed: " . $stmt->error;
                return false;
            }
            $insertId = $stmt->insert_id;
            $stmt->close();
            return $insertId;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Execute an UPDATE query
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return int|false Number of affected rows or false on error
     */
    public function update($query, $params = [], $types = "") {
        try {
            $this->lastQuery = $query;
            $stmt = $this->conn->prepare($query);
            if (!$stmt) {
                $this->lastError = "Prepare failed: " . $this->conn->error;
                return false;
            }
            if (!empty($params) && !empty($types)) {
                if (!$stmt->bind_param($types, ...$params)) {
                    $this->lastError = "Bind failed: " . $stmt->error;
                    return false;
                }
            }
            if (!$stmt->execute()) {
                $this->lastError = "Execute failed: " . $stmt->error;
                return false;
            }
            $affectedRows = $stmt->affected_rows;
            $stmt->close();
            return $affectedRows;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Execute a DELETE query
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return int|false Number of affected rows or false on error
     */
    public function delete($query, $params = [], $types = "") {
        return $this->update($query, $params, $types);
    }
    /**
     * Execute an arbitrary query (for complex queries)
     * 
     * @param string $query SQL query with ? placeholders
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return mixed Query result or false on error
     */
    public function execute($query, $params = [], $types = "") {
        try {
            $this->lastQuery = $query;
            $stmt = $this->conn->prepare($query);
            if (!$stmt) {
                $this->lastError = "Prepare failed: " . $this->conn->error;
                return false;
            }
            if (!empty($params) && !empty($types)) {
                if (!$stmt->bind_param($types, ...$params)) {
                    $this->lastError = "Bind failed: " . $stmt->error;
                    return false;
                }
            }
            if (!$stmt->execute()) {
                $this->lastError = "Execute failed: " . $stmt->error;
                return false;
            }
            $stmt->close();
            return true;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Count rows matching a condition
     * 
     * @param string $table Table name
     * @param string $where WHERE clause (without WHERE keyword)
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return int|false Row count or false on error
     */
    public function count($table, $where = "1=1", $params = [], $types = "") {
        $query = "SELECT COUNT(*) as count FROM {$table} WHERE {$where}";
        $result = $this->selectOne($query, $params, $types);
        return ($result) ? (int)$result['count'] : false;
    }
    /**
     * Check if a record exists
     * 
     * @param string $table Table name
     * @param string $where WHERE clause (without WHERE keyword)
     * @param array $params Parameters to bind
     * @param string $types Type specification string
     * @return bool True if record exists, false otherwise
     */
    public function exists($table, $where, $params = [], $types = "") {
        $count = $this->count($table, $where, $params, $types);
        return ($count !== false && $count > 0);
    }
    /**
     * Get the MySQLi connection object for advanced operations
     * 
     * @return mysqli The MySQLi connection
     */
    public function getConnection() {
        return $this->conn;
    }
    /**
     * Start a transaction
     * 
     * @return bool Success status
     */
    public function beginTransaction() {
        try {
            $this->conn->begin_transaction();
            return true;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Commit a transaction
     * 
     * @return bool Success status
     */
    public function commit() {
        try {
            $this->conn->commit();
            return true;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
    /**
     * Rollback a transaction
     * 
     * @return bool Success status
     */
    public function rollback() {
        try {
            $this->conn->rollback();
            return true;
        } catch (Exception $e) {
            $this->lastError = $e->getMessage();
            return false;
        }
    }
 }
 ?>
--- a/classes/iKhokhaClient.php
+++ b/classes/iKhokhaClient.php
@@ -1,120 +0,0 @@
 <?php
 class IkhokhaClient {
    private string $appId;
    private string $appSecret;
    private string $apiUrl;
    public function __construct() {
        // Try getenv first, then fallback to $_ENV if available
        $this->appId     = getenv('IKHOKHA_APP_ID') ?: ($_ENV['IKHOKHA_APP_ID'] ?? '');
        $this->appSecret = getenv('IKHOKHA_APP_SECRET') ?: ($_ENV['IKHOKHA_APP_SECRET'] ?? '');
        $this->apiUrl    = getenv('IKHOKHA_API_URL') ?: ($_ENV['IKHOKHA_API_URL'] ?? '');
    }
    /**
     * Make a request to the iKhokha API. Signs the payload per API docs.
     * $endpoint should be the path portion starting with '/public-api/...'
     */
    private function request(string $endpoint, array $data, string $method = 'POST') {
        // Validate apiUrl
        if (empty($this->apiUrl)) {
            return ['error' => true, 'errno' => 3, 'message' => 'IKHOKHA_API_URL is not configured in environment'];
        }
        // If the configured API URL already contains the endpoint path, use it as-is.
        if ((function_exists('str_ends_with') && str_ends_with($this->apiUrl, $endpoint)) ||
            (substr_compare($this->apiUrl, $endpoint, -strlen($endpoint)) === 0)) {
            $url = $this->apiUrl;
        } else {
            $url = rtrim($this->apiUrl, '/') . $endpoint;
        }
        $body = json_encode($data);
        // Build payload to sign: path + body and apply escape rules per iKhokha docs
        $parsed = parse_url($url);
        $path = $parsed['path'] ?? $endpoint;
        $payloadToSign = $path . $body;
        // Escape function from iKhokha example
        $escapeString = function ($str) {
            $escaped = preg_replace(['/[\\\"\'\"]/u', '/\x00/'], ['\\\\$0', '\\0'], (string)$str);
            $cleaned = str_replace('\/', '/', $escaped);
            return $cleaned;
        };
        $escapedPayload = $escapeString($payloadToSign);
        $signature = hash_hmac('sha256', $escapedPayload, $this->appSecret);
        $ch = curl_init($url);
        $headers = [
            'Content-Type: application/json',
            "IK-APPID: {$this->appId}",
            "IK-SIGN: {$signature}"
        ];
        // Optional debug logging to logs/ikhokha.log when IKHOKHA_DEBUG_LOG is true
        $debugLog = getenv('IKHOKHA_DEBUG_LOG') ?: ($_ENV['IKHOKHA_DEBUG_LOG'] ?? null);
        if ($debugLog) {
            $logPath = dirname(__DIR__) . '/logs/ikhokha.log';
            $logEntry = [
                'time' => date('c'),
                'url' => $url,
                'headers' => $headers,
                'body' => $data,
                'signature' => $signature
            ];
            @file_put_contents($logPath, json_encode(['request' => $logEntry]) . PHP_EOL, FILE_APPEND | LOCK_EX);
        }
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
        if (strtoupper($method) === 'POST') {
            curl_setopt($ch, CURLOPT_POST, true);
            curl_setopt($ch, CURLOPT_POSTFIELDS, $body);
        } else {
            curl_setopt($ch, CURLOPT_CUSTOMREQUEST, $method);
        }
        $response = curl_exec($ch);
        $errno = curl_errno($ch);
        $error = curl_error($ch);
        $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        curl_close($ch);
        // Log response if debug enabled
        if (!empty($debugLog)) {
            $logPath = dirname(__DIR__) . '/logs/ikhokha.log';
            $respEntry = [
                'time' => date('c'),
                'http_code' => $httpCode,
                'errno' => $errno,
                'error' => $error,
                'response' => $response
            ];
            @file_put_contents($logPath, json_encode(['response' => $respEntry]) . PHP_EOL, FILE_APPEND | LOCK_EX);
        }
        if ($response === false) {
            return ['error' => true, 'message' => $error, 'errno' => $errno];
        }
        return json_decode($response, true);
    }
    /**
     * Create a payment link using the iKhokha create payment endpoint.
     * $body must match iKhokha request schema (amount in smallest unit, urls, externalTransactionID, etc.)
     */
    public function createPaymentLink(array $body) {
        return $this->request('/public-api/v1/api/payment', $body, 'POST');
    }
    public function getPaymentStatus($paymentId) {
        // Use the GET status endpoint
        $endpoint = '/public-api/v1/api/getStatus/' . urlencode($paymentId);
        return $this->request($endpoint, [], 'GET');
    }
 }
--- a/comment_box.php
+++ b/comment_box.php
@@ -0,0 +1,152 @@
 <?php
 if (!isset($page_id)) {
  die("Page ID not set for comment system.");
 }
 $conn = openDatabaseConnection();
 // Handle comment post
 if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['submit_comment'])) {
  $comment = $conn->real_escape_string(trim($_POST['comment']));
  if (!empty($comment)) {
    $stmt = $conn->prepare("INSERT INTO comments (page_id, user_id, comment) VALUES (?, ?, ?)");
    $stmt->bind_param("sss", $page_id, $user_id, $comment);
    if ($stmt->execute()) {
      header("Location: " . $_SERVER['REQUEST_URI']);
      exit;
    }
  }
 }
 // Fetch comments
 $stmt = $conn->prepare("SELECT user_id, comment, created_at FROM comments WHERE page_id = ? ORDER BY created_at DESC");
 $stmt->bind_param("s", $page_id);
 $stmt->execute();
 $result = $stmt->get_result();
 ?>
 <div>
  <h5>Comments</h5>
  <div class="comments">
    <?php while ($row = $result->fetch_assoc()): ?>
      <div class="comment-body" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
        <div>
          <img class="profile-pic" src="<?= getProfilePic($user_id); ?>" alt="Author">
        </div>
        <div class="">
          <h6><?= getFullName($row['user_id']); ?></h6>
          <?php 
          if (getUserMemberStatus($row['user_id'])){
            echo '<div class="badge badge-primary badge-pill">MEMBER</div>';
          }
          ?>         
          <em><?= $row['created_at'] ?></em>
          <!-- <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> -->
          <p><?= nl2br(htmlspecialchars($row['comment'])) ?></p>
          <!-- <a class="read-more" href="#">Reply <i class="far fa-angle-right"></i></a> -->
        </div>
      </div>
    <?php endwhile; ?>
  </div>
  <!-- <h5>Add A Comment</h5> -->
  <form method="POST" id="comment-form" class="comment-form bgc-lighter z-1 rel mt-30" name="review-form" action="" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
    <div class="row gap-20">
      <div class="col-md-12">
        <div class="form-group">
          <textarea name="comment" id="comment" class="form-control" rows="5" placeholder="Add comment..." required></textarea>
        </div>
      </div>
      <div class="col-md-12">
        <div class="form-group mb-0">
          <button type="submit" name="submit_comment" class="theme-btn bgc-secondary style-two">
            <span data-hover="Submit reviews">Add comment</span>
            <i class="fal fa-arrow-right"></i>
          </button>
        </div>
      </div>
    </div>
  </form>
 </div>
 <style>
  .comment-box {
    border: 1px solid #ccc;
    padding: 10px;
    max-width: 600px;
  }
  .comment-box form input,
  .comment-box form textarea {
    width: 100%;
    margin-bottom: 8px;
  }
  .comments-list {
    margin-top: 20px;
  }
  .comment {
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
  }
  .profile-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
    /* Ensures the image fits without distortion */
  }
  .badge {
    display: inline-block;
    padding: 0.4em 0.8em;
    font-size: 0.875rem;
    font-weight: 600;
    color: white;
    border-radius: 0.375em;
    margin-right: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  .badge-primary {
    background-color: #e90000;
  }
  .badge-success {
    background-color: #28a745;
  }
  .badge-warning {
    background-color: #ffc107;
    color: #212529;
  }
  .badge-danger {
    background-color: #dc3545;
  }
  .badge-info {
    background-color: #17a2b8;
  }
  .badge-pill {
    border-radius: 999px;
  }
 </style>
--- a/components/banner.php
+++ b/components/banner.php
@@ -1,80 +0,0 @@
 <?php
 /**
 * REUSABLE PAGE BANNER COMPONENT
 * 
 * Displays a page banner with background image, title, and breadcrumb navigation.
 * 
 * Usage in your page:
 * 
 *   <?php
 *   $pageTitle = 'About';
 *   $bannerImage = 'assets/images/blog/cover.jpg'; // optional
 *   require_once('components/banner.php');
 *   ?>
 * 
 * Parameters:
 *   $pageTitle (required) - Page title to display
 *   $bannerImage (optional) - URL to banner background image. If not set, uses random banner
 *   $breadcrumbs (optional) - Array of breadcrumb items. Default: [['Home' => 'index.php']]
 *   $classes (optional) - Additional CSS classes for banner section
 */
 // Default values
 $pageTitle = $pageTitle ?? 'Page';
 $bannerImage = $bannerImage ?? '';
 $breadcrumbs = $breadcrumbs ?? [['Home' => 'index.php']];
 $classes = $classes ?? '';
 // If no banner image provided, try to use random banner
 if (empty($bannerImage)) {
    // Try to determine root path if not already set
    if (!isset($rootPath)) {
        $rootPath = $_SERVER['DOCUMENT_ROOT'] ?? dirname(__DIR__);
    }
    $bannerFolder = $rootPath . '/assets/images/banners/';
    $bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
    // Convert absolute paths back to web-relative paths
    $bannerImages = array_map(function($path) use ($rootPath) {
        return str_replace($rootPath, '', $path);
    }, $bannerImages);
    $bannerImage = !empty($bannerImages) ? $bannerImages[array_rand($bannerImages)] : '/assets/images/base4/camping.jpg';
 }
 // Add the page title to breadcrumbs as last item (not a link)
 $breadcrumbItems = [];
 foreach ($breadcrumbs as $item) {
    foreach ($item as $label => $url) {
        $breadcrumbItems[] = ['label' => $label, 'url' => $url];
    }
 }
 $breadcrumbItems[] = ['label' => $pageTitle, 'url' => null];
 ?>
 <!-- Page Banner Start -->
 <section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover <?php echo $classes; ?>" style="background-image: url('<?php echo $bannerImage; ?>');">
    <!-- Overlay PNG -->
    <div class="banner-overlay"></div>
    <div class="container">
        <div class="banner-inner text-white mb-50">
            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
                <?php echo htmlspecialchars($pageTitle); ?>
            </h2>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
                    <?php foreach ($breadcrumbItems as $item): ?>
                        <li class="breadcrumb-item <?php echo $item['url'] === null ? 'active' : ''; ?>">
                            <?php if ($item['url']): ?>
                                <a href="<?php echo htmlspecialchars($item['url']); ?>">
                                    <?php echo htmlspecialchars($item['label']); ?>
                                </a>
                            <?php else: ?>
                                <?php echo htmlspecialchars($item['label']); ?>
                            <?php endif; ?>
                        </li>
                    <?php endforeach; ?>
                </ol>
            </nav>
        </div>
    </div>
 </section>
 <!-- Page Banner End -->
--- a/src/pages/shop/confirm.php
+++ b/src/pages/shop/confirm.php
@@ -1,326 +1,326 @@
-<?php
+<?php
-
+
-// $pfHost = 'www.payfast.co.za';
+// $pfHost = 'www.payfast.co.za';
-
+
-function getOrderTotal($conn, $payment_id)
+function getOrderTotal($conn, $payment_id)
-{
+{
-    // Prepare the SQL statement
+    // Prepare the SQL statement
-    $sql = "SELECT amount FROM payments WHERE payment_id = ?";
+    $sql = "SELECT amount FROM payments WHERE payment_id = ?";
-    $stmt = $conn->prepare($sql);
+    $stmt = $conn->prepare($sql);
-
+
-    if ($stmt) {
+    if ($stmt) {
-        // Bind the parameter
+        // Bind the parameter
-        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
+        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
-
+
-        // Execute the statement
+        // Execute the statement
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Get the result
+        // Get the result
-        $result = $stmt->get_result();
+        $result = $stmt->get_result();
-
+
-        // Fetch the order total
+        // Fetch the order total
-        if ($row = $result->fetch_assoc()) {
+        if ($row = $result->fetch_assoc()) {
-            return $row['amount'];
+            return $row['amount'];
-        } else {
+        } else {
-            return 9999.00; // Order not found
+            return 9999.00; // Order not found
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle the error (you might want to log this or throw an exception)
+        // Handle the error (you might want to log this or throw an exception)
-        return null;
+        return null;
-    }
+    }
-}
+}
-
+
-function getOrderDesc($conn, $payment_id)
+function getOrderDesc($conn, $payment_id)
-{
+{
-    // Prepare the SQL statement
+    // Prepare the SQL statement
-    $sql = "SELECT description FROM payments WHERE payment_id = ?";
+    $sql = "SELECT description FROM payments WHERE payment_id = ?";
-    $stmt = $conn->prepare($sql);
+    $stmt = $conn->prepare($sql);
-
+
-    if ($stmt) {
+    if ($stmt) {
-        // Bind the parameter
+        // Bind the parameter
-        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
+        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
-
+
-        // Execute the statement
+        // Execute the statement
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Get the result
+        // Get the result
-        $result = $stmt->get_result();
+        $result = $stmt->get_result();
-
+
-        // Fetch the order total
+        // Fetch the order total
-        if ($row = $result->fetch_assoc()) {
+        if ($row = $result->fetch_assoc()) {
-            return $row['description'];
+            return $row['description'];
-        } else {
+        } else {
-            return null; // Order not found
+            return null; // Order not found
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle the error (you might want to log this or throw an exception)
+        // Handle the error (you might want to log this or throw an exception)
-        return null;
+        return null;
-    }
+    }
-}
+}
-
+
-function getUserIdByPaymentId($payment_id, $conn)
+function getUserIdByPaymentId($payment_id, $conn)
-{
+{
-    // Prepare the SQL query to fetch user_id from payments table
+    // Prepare the SQL query to fetch user_id from payments table
-    $query = "SELECT user_id FROM payments WHERE payment_id = ?";
+    $query = "SELECT user_id FROM payments WHERE payment_id = ?";
-    $user_id = "0";
+    $user_id = "0";
-    // Prepare the statement
+    // Prepare the statement
-    if ($stmt = $conn->prepare($query)) {
+    if ($stmt = $conn->prepare($query)) {
-        // Bind the payment_id parameter to the query
+        // Bind the payment_id parameter to the query
-        $stmt->bind_param("s", $payment_id);
+        $stmt->bind_param("s", $payment_id);
-
+
-        // Execute the query
+        // Execute the query
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Bind the result to a variable
+        // Bind the result to a variable
-        $stmt->bind_result($user_id);
+        $stmt->bind_result($user_id);
-
+
-        // Fetch the result
+        // Fetch the result
-        if ($stmt->fetch()) {
+        if ($stmt->fetch()) {
-            // Return the user_id
+            // Return the user_id
-            return $user_id;
+            return $user_id;
-        } else {
+        } else {
-            // Return null if no user is found
+            // Return null if no user is found
-            return null;
+            return null;
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle query preparation failure
+        // Handle query preparation failure
-        throw new Exception("Query preparation failed: " . $conn->error);
+        throw new Exception("Query preparation failed: " . $conn->error);
-    }
+    }
-}
+}
-
+
-function setMemberStatus($user_id, $conn)
+function setMemberStatus($user_id, $conn)
-{
+{
-    // Prepare the SQL query to update the member status
+    // Prepare the SQL query to update the member status
-    $query = "UPDATE users SET member = 1 WHERE user_id = ?";
+    $query = "UPDATE users SET member = 1 WHERE user_id = ?";
-
+
-    // Prepare the statement
+    // Prepare the statement
-    if ($stmt = $conn->prepare($query)) {
+    if ($stmt = $conn->prepare($query)) {
-        // Bind the user_id parameter to the query
+        // Bind the user_id parameter to the query
-        $stmt->bind_param("i", $user_id);
+        $stmt->bind_param("i", $user_id);
-
+
-        // Execute the query
+        // Execute the query
-        if ($stmt->execute()) {
+        if ($stmt->execute()) {
-            // Check if any rows were affected
+            // Check if any rows were affected
-            if ($stmt->affected_rows > 0) {
+            if ($stmt->affected_rows > 0) {
-                return true;  // Success
+                return true;  // Success
-            } else {
+            } else {
-                return false; // No rows updated, possibly no such user_id
+                return false; // No rows updated, possibly no such user_id
-            }
+            }
-        } else {
+        } else {
-            // Handle query execution failure
+            // Handle query execution failure
-            throw new Exception("Failed to execute the query: " . $stmt->error);
+            throw new Exception("Failed to execute the query: " . $stmt->error);
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle query preparation failure
+        // Handle query preparation failure
-        throw new Exception("Query preparation failed: " . $conn->error);
+        throw new Exception("Query preparation failed: " . $conn->error);
-    }
+    }
-}
+}
-
+
-function pfValidSignature($pfData, $pfParamString, $pfPassphrase = 'SheSells7Shells')
+function pfValidSignature($pfData, $pfParamString, $pfPassphrase = 'SheSells7Shells')
-{
+{
-    $tempParamString = $pfPassphrase === null ? $pfParamString : $pfParamString . '&passphrase=' . urlencode($pfPassphrase);
+    $tempParamString = $pfPassphrase === null ? $pfParamString : $pfParamString . '&passphrase=' . urlencode($pfPassphrase);
-    $signature = md5($tempParamString);
+    $signature = md5($tempParamString);
-    return ($pfData['signature'] === $signature);
+    return ($pfData['signature'] === $signature);
-}
+}
-
+
-function pfValidIP()
+function pfValidIP()
-{
+{
-    $validHosts = [
+    $validHosts = [
-        'www.payfast.co.za',
+        'www.payfast.co.za',
-        'sandbox.payfast.co.za',
+        'sandbox.payfast.co.za',
-        'w1w.payfast.co.za',
+        'w1w.payfast.co.za',
-        'w2w.payfast.co.za',
+        'w2w.payfast.co.za',
-    ];
+    ];
-
+
-    $validIps = [];
+    $validIps = [];
-    foreach ($validHosts as $pfHostname) {
+    foreach ($validHosts as $pfHostname) {
-        $ips = gethostbynamel($pfHostname);
+        $ips = gethostbynamel($pfHostname);
-        if ($ips !== false) {
+        if ($ips !== false) {
-            $validIps = array_merge($validIps, $ips);
+            $validIps = array_merge($validIps, $ips);
-        }
+        }
-    }
+    }
-
+
-    $validIps = array_unique($validIps);
+    $validIps = array_unique($validIps);
-    $referrerIp = gethostbyname(parse_url($_SERVER['HTTP_REFERER'])['host']);
+    $referrerIp = gethostbyname(parse_url($_SERVER['HTTP_REFERER'])['host']);
-    return in_array($referrerIp, $validIps, true);
+    return in_array($referrerIp, $validIps, true);
-}
+}
-
+
-function pfValidPaymentData($cartTotal, $pfData)
+function pfValidPaymentData($cartTotal, $pfData)
-{
+{
-    return !(abs((float)$cartTotal - (float)$pfData['amount_gross']) > 0.01);
+    return !(abs((float)$cartTotal - (float)$pfData['amount_gross']) > 0.01);
-}
+}
-
+
-function pfValidServerConfirmation($pfParamString, $pfHost, $pfProxy = null)
+function pfValidServerConfirmation($pfParamString, $pfHost, $pfProxy = null)
-{
+{
-    if (in_array('curl', get_loaded_extensions(), true)) {
+    if (in_array('curl', get_loaded_extensions(), true)) {
-        $url = 'https://' . $pfHost . '/eng/query/validate';
+        $url = 'https://' . $pfHost . '/eng/query/validate';
-        $ch = curl_init();
+        $ch = curl_init();
-        curl_setopt($ch, CURLOPT_USERAGENT, NULL);
+        curl_setopt($ch, CURLOPT_USERAGENT, NULL);
-        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
-        curl_setopt($ch, CURLOPT_HEADER, false);
+        curl_setopt($ch, CURLOPT_HEADER, false);
-        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
-        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
-        curl_setopt($ch, CURLOPT_URL, $url);
+        curl_setopt($ch, CURLOPT_URL, $url);
-        curl_setopt($ch, CURLOPT_POST, true);
+        curl_setopt($ch, CURLOPT_POST, true);
-        curl_setopt($ch, CURLOPT_POSTFIELDS, $pfParamString);
+        curl_setopt($ch, CURLOPT_POSTFIELDS, $pfParamString);
-        if (!empty($pfProxy)) curl_setopt($ch, CURLOPT_PROXY, $pfProxy);
+        if (!empty($pfProxy)) curl_setopt($ch, CURLOPT_PROXY, $pfProxy);
-
+
-        $response = curl_exec($ch);
+        $response = curl_exec($ch);
-        curl_close($ch);
+        curl_close($ch);
-        return $response === 'VALID';
+        return $response === 'VALID';
-    }
+    }
-    return false;
+    return false;
-}
+}
-
+
-
+
-
+
-// Tell Payfast that this page is reachable by triggering a header 200
+// Tell Payfast that this page is reachable by triggering a header 200
-header('HTTP/1.0 200 OK');
+header('HTTP/1.0 200 OK');
-flush();
+flush();
-
+
-$dbhost = "localhost";
+$dbhost = "localhost";
-$dbuser = "aqmqeocm_4wdcsa";
+$dbuser = "aqmqeocm_4wdcsa";
-$dbpass = "Toxicbuny1!";
+$dbpass = "Toxicbuny1!";
-$dbname = "aqmqeocm_4wdcsa";
+$dbname = "aqmqeocm_4wdcsa";
-
+
-if (!$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname)) {
+if (!$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname)) {
-    die("Failed to connect: " . mysqli_connect_error());
+    die("Failed to connect: " . mysqli_connect_error());
-}
+}
-
+
-define('SANDBOX_MODE', true);
+define('SANDBOX_MODE', true);
-$pfHost = SANDBOX_MODE ? 'sandbox.payfast.co.za' : 'www.payfast.co.za';
+$pfHost = SANDBOX_MODE ? 'sandbox.payfast.co.za' : 'www.payfast.co.za';
-// Posted variables from ITN
+// Posted variables from ITN
-$pfData = $_POST;
+$pfData = $_POST;
-$payment_id = $pfData['m_payment_id'];
+$payment_id = $pfData['m_payment_id'];
-$pfstatus = $pfData['payment_status'];
+$pfstatus = $pfData['payment_status'];
-$orderTotal = getOrderTotal($conn, $payment_id);
+$orderTotal = getOrderTotal($conn, $payment_id);
-$description = getOrderDesc($conn, $payment_id);
+$description = getOrderDesc($conn, $payment_id);
-$user_id = getUserIdByPaymentId($payment_id, $conn);
+$user_id = getUserIdByPaymentId($payment_id, $conn);
-
+
-
+
-
+
-// Strip any slashes in data
+// Strip any slashes in data
-foreach ($pfData as $key => $val) {
+foreach ($pfData as $key => $val) {
-    $pfData[$key] = stripslashes($val);
+    $pfData[$key] = stripslashes($val);
-}
+}
-
+
-// Convert posted variables to a string
+// Convert posted variables to a string
-$pfParamString = '';
+$pfParamString = '';
-foreach ($pfData as $key => $val) {
+foreach ($pfData as $key => $val) {
-    if ($key !== 'signature') {
+    if ($key !== 'signature') {
-        $pfParamString .= $key . '=' . urlencode($val) . '&';
+        $pfParamString .= $key . '=' . urlencode($val) . '&';
-    } else {
+    } else {
-        break;
+        break;
-    }
+    }
-}
+}
-$pfParamString = rtrim($pfParamString, '&');
+$pfParamString = rtrim($pfParamString, '&');
-
+
-
+
-
+
-// Initialize check results
+// Initialize check results
-$checkResults = [];
+$checkResults = [];
-
+
-// Perform checks
+// Perform checks
-if (!pfValidSignature($pfData, $pfParamString)) {
+if (!pfValidSignature($pfData, $pfParamString)) {
-    $checkResults[] = "Signature check failed.";
+    $checkResults[] = "Signature check failed.";
-}
+}
-if (!pfValidIP()) {
+if (!pfValidIP()) {
-    $checkResults[] = "IP check failed.";
+    $checkResults[] = "IP check failed.";
-}
+}
-if (!pfValidPaymentData($orderTotal, $pfData)) {
+if (!pfValidPaymentData($orderTotal, $pfData)) {
-    $checkResults[] = "Payment data check failed. order= " . $payment_id . " 4WDCSA_Total=" . $orderTotal . " PFtotal=" . $pfData['amount_gross'];
+    $checkResults[] = "Payment data check failed. order= " . $payment_id . " 4WDCSA_Total=" . $orderTotal . " PFtotal=" . $pfData['amount_gross'];
-}
+}
-if (!pfValidServerConfirmation($pfParamString, $pfHost)) {
+if (!pfValidServerConfirmation($pfParamString, $pfHost)) {
-    $checkResults[] = "Server confirmation check failed.";
+    $checkResults[] = "Server confirmation check failed.";
-}
+}
-
+
-// Log results to the file
+// Log results to the file
-$myfile = fopen($payment_id . ".txt", "w") or die("Unable to open file!");
+$myfile = fopen($payment_id . ".txt", "w") or die("Unable to open file!");
-if (empty($checkResults)) {
+if (empty($checkResults)) {
-    fwrite($myfile, $pfstatus . "\n");
+    fwrite($myfile, $pfstatus . "\n");
-    fwrite($myfile, $payment_id . " passed all checks.\n");
+    fwrite($myfile, $payment_id . " passed all checks.\n");
-
+
-    // Update the database
+    // Update the database
-    $conn->begin_transaction();
+    $conn->begin_transaction();
-
+
-    try {
+    try {
-        // Update payments table
+        // Update payments table
-        $stmt = $conn->prepare("UPDATE payments SET status = ? WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE payments SET status = ? WHERE payment_id = ?");
-        $status = "PAID"; // Explicitly set the status to "PAID"
+        $status = "PAID"; // Explicitly set the status to "PAID"
-        $stmt->bind_param("ss", $status, $payment_id);
+        $stmt->bind_param("ss", $status, $payment_id);
-
+
-        if (!$stmt->execute()) {
+        if (!$stmt->execute()) {
-            throw new Exception("Failed to update payments table.");
+            throw new Exception("Failed to update payments table.");
-        }
+        }
-
+
-        $stmt = $conn->prepare("UPDATE bookings SET status = ? WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE bookings SET status = ? WHERE payment_id = ?");
-        if ($stmt) {
+        if ($stmt) {
-            $status = "PAID"; // Explicitly set the status to "PAID"
+            $status = "PAID"; // Explicitly set the status to "PAID"
-            $stmt->bind_param("ss", $status, $payment_id);
+            $stmt->bind_param("ss", $status, $payment_id);
-
+
-            if (!$stmt->execute()) {
+            if (!$stmt->execute()) {
-                throw new Exception("Failed to update bookings table.");
+                throw new Exception("Failed to update bookings table.");
-            }
+            }
-
+
-            $stmt->close();
+            $stmt->close();
-        } else {
+        } else {
-            throw new Exception("Failed to prepare statement for bookings table: " . $conn->error);
+            throw new Exception("Failed to prepare statement for bookings table: " . $conn->error);
-        }
+        }
-
+
-        setMemberStatus($user_id, $conn);
+        setMemberStatus($user_id, $conn);
-
+
-        // Commit transaction
+        // Commit transaction
-        $conn->commit();
+        $conn->commit();
-        fwrite($myfile, "Database updated successfully.\n");
+        fwrite($myfile, "Database updated successfully.\n");
-    } catch (Exception $e) {
+    } catch (Exception $e) {
-        // Rollback transaction in case of error
+        // Rollback transaction in case of error
-        $conn->rollback();
+        $conn->rollback();
-        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
+        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
-    }
+    }
-
+
-    $stmt->close();
+    $stmt->close();
-
+
-} else {
+} else {
-    fwrite($myfile, $pfstatus . "\n");
+    fwrite($myfile, $pfstatus . "\n");
-    foreach ($checkResults as $result) {
+    foreach ($checkResults as $result) {
-        fwrite($myfile, $result . "\n");
+        fwrite($myfile, $result . "\n");
-    }
+    }
-
+
-    $conn->begin_transaction();
+    $conn->begin_transaction();
-
+
-    try {
+    try {
-        // Update payments table with 'FAILED CHECKS' status
+        // Update payments table with 'FAILED CHECKS' status
-        $stmt = $conn->prepare("UPDATE payments SET status = 'FAILED CHECKS' WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE payments SET status = 'FAILED CHECKS' WHERE payment_id = ?");
-        $stmt->bind_param("i", $payment_id);
+        $stmt->bind_param("i", $payment_id);
-
+
-        if (!$stmt->execute()) {
+        if (!$stmt->execute()) {
-            throw new Exception("Failed to update payments table.");
+            throw new Exception("Failed to update payments table.");
-        }  
+        }  
-
+
-
+
-        // Commit transaction
+        // Commit transaction
-        $conn->commit();
+        $conn->commit();
-        fwrite($myfile, "Database updated successfully.\n");
+        fwrite($myfile, "Database updated successfully.\n");
-    } catch (Exception $e) {
+    } catch (Exception $e) {
-        // Rollback transaction in case of error
+        // Rollback transaction in case of error
-        $conn->rollback();
+        $conn->rollback();
-        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
+        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
-    }
+    }
-
+
-    $stmt->close();
+    $stmt->close();
-}
+}
-
+
-fclose($myfile);
+fclose($myfile);
-$conn->close();
+$conn->close();
--- a/src/pages/shop/confirm2.php
+++ b/src/pages/shop/confirm2.php
@@ -1,336 +1,336 @@
-<?php
+<?php
-// $pfHost = 'www.payfast.co.za';
+// $pfHost = 'www.payfast.co.za';
-function getOrderTotal($conn, $payment_id)
+function getOrderTotal($conn, $payment_id)
-{
+{
-    // Prepare the SQL statement
+    // Prepare the SQL statement
-    $sql = "SELECT amount FROM payments WHERE payment_id = ?";
+    $sql = "SELECT amount FROM payments WHERE payment_id = ?";
-    $stmt = $conn->prepare($sql);
+    $stmt = $conn->prepare($sql);
-
+
-    if ($stmt) {
+    if ($stmt) {
-        // Bind the parameter
+        // Bind the parameter
-        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
+        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
-
+
-        // Execute the statement
+        // Execute the statement
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Get the result
+        // Get the result
-        $result = $stmt->get_result();
+        $result = $stmt->get_result();
-
+
-        // Fetch the order total
+        // Fetch the order total
-        if ($row = $result->fetch_assoc()) {
+        if ($row = $result->fetch_assoc()) {
-            return $row['amount'];
+            return $row['amount'];
-        } else {
+        } else {
-            return 9999.00; // Order not found
+            return 9999.00; // Order not found
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle the error (you might want to log this or throw an exception)
+        // Handle the error (you might want to log this or throw an exception)
-        return null;
+        return null;
-    }
+    }
-}
+}
-
+
-function getOrderDesc($conn, $payment_id)
+function getOrderDesc($conn, $payment_id)
-{
+{
-    // Prepare the SQL statement
+    // Prepare the SQL statement
-    $sql = "SELECT description FROM payments WHERE payment_id = ?";
+    $sql = "SELECT description FROM payments WHERE payment_id = ?";
-    $stmt = $conn->prepare($sql);
+    $stmt = $conn->prepare($sql);
-
+
-    if ($stmt) {
+    if ($stmt) {
-        // Bind the parameter
+        // Bind the parameter
-        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
+        $stmt->bind_param("s", $payment_id); // Assuming order_id is a string (UUID)
-
+
-        // Execute the statement
+        // Execute the statement
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Get the result
+        // Get the result
-        $result = $stmt->get_result();
+        $result = $stmt->get_result();
-
+
-        // Fetch the order total
+        // Fetch the order total
-        if ($row = $result->fetch_assoc()) {
+        if ($row = $result->fetch_assoc()) {
-            return $row['description'];
+            return $row['description'];
-        } else {
+        } else {
-            return null; // Order not found
+            return null; // Order not found
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle the error (you might want to log this or throw an exception)
+        // Handle the error (you might want to log this or throw an exception)
-        return null;
+        return null;
-    }
+    }
-}
+}
-
+
-function getUserIdByPaymentId($payment_id, $conn)
+function getUserIdByPaymentId($payment_id, $conn)
-{
+{
-    // Prepare the SQL query to fetch user_id from payments table
+    // Prepare the SQL query to fetch user_id from payments table
-    $query = "SELECT user_id FROM payments WHERE payment_id = ?";
+    $query = "SELECT user_id FROM payments WHERE payment_id = ?";
-    $user_id = "0";
+    $user_id = "0";
-    // Prepare the statement
+    // Prepare the statement
-    if ($stmt = $conn->prepare($query)) {
+    if ($stmt = $conn->prepare($query)) {
-        // Bind the payment_id parameter to the query
+        // Bind the payment_id parameter to the query
-        $stmt->bind_param("s", $payment_id);
+        $stmt->bind_param("s", $payment_id);
-
+
-        // Execute the query
+        // Execute the query
-        $stmt->execute();
+        $stmt->execute();
-
+
-        // Bind the result to a variable
+        // Bind the result to a variable
-        $stmt->bind_result($user_id);
+        $stmt->bind_result($user_id);
-
+
-        // Fetch the result
+        // Fetch the result
-        if ($stmt->fetch()) {
+        if ($stmt->fetch()) {
-            // Return the user_id
+            // Return the user_id
-            return $user_id;
+            return $user_id;
-        } else {
+        } else {
-            // Return null if no user is found
+            // Return null if no user is found
-            return null;
+            return null;
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle query preparation failure
+        // Handle query preparation failure
-        throw new Exception("Query preparation failed: " . $conn->error);
+        throw new Exception("Query preparation failed: " . $conn->error);
-    }
+    }
-}
+}
-
+
-function setMemberStatus($user_id, $conn)
+function setMemberStatus($user_id, $conn)
-{
+{
-    // Prepare the SQL query to update the member status
+    // Prepare the SQL query to update the member status
-    $query = "UPDATE users SET member = 1 WHERE user_id = ?";
+    $query = "UPDATE users SET member = 1 WHERE user_id = ?";
-
+
-    // Prepare the statement
+    // Prepare the statement
-    if ($stmt = $conn->prepare($query)) {
+    if ($stmt = $conn->prepare($query)) {
-        // Bind the user_id parameter to the query
+        // Bind the user_id parameter to the query
-        $stmt->bind_param("i", $user_id);
+        $stmt->bind_param("i", $user_id);
-
+
-        // Execute the query
+        // Execute the query
-        if ($stmt->execute()) {
+        if ($stmt->execute()) {
-            // Check if any rows were affected
+            // Check if any rows were affected
-            if ($stmt->affected_rows > 0) {
+            if ($stmt->affected_rows > 0) {
-                return true;  // Success
+                return true;  // Success
-            } else {
+            } else {
-                return false; // No rows updated, possibly no such user_id
+                return false; // No rows updated, possibly no such user_id
-            }
+            }
-        } else {
+        } else {
-            // Handle query execution failure
+            // Handle query execution failure
-            throw new Exception("Failed to execute the query: " . $stmt->error);
+            throw new Exception("Failed to execute the query: " . $stmt->error);
-        }
+        }
-
+
-        // Close the statement
+        // Close the statement
-        $stmt->close();
+        $stmt->close();
-    } else {
+    } else {
-        // Handle query preparation failure
+        // Handle query preparation failure
-        throw new Exception("Query preparation failed: " . $conn->error);
+        throw new Exception("Query preparation failed: " . $conn->error);
-    }
+    }
-}
+}
-
+
-function pfValidSignature($pfData, $pfParamString, $pfPassphrase = 'SheSells7Shells')
+function pfValidSignature($pfData, $pfParamString, $pfPassphrase = 'SheSells7Shells')
-{
+{
-    $tempParamString = $pfPassphrase === null ? $pfParamString : $pfParamString . '&passphrase=' . urlencode($pfPassphrase);
+    $tempParamString = $pfPassphrase === null ? $pfParamString : $pfParamString . '&passphrase=' . urlencode($pfPassphrase);
-    $signature = md5($tempParamString);
+    $signature = md5($tempParamString);
-    return ($pfData['signature'] === $signature);
+    return ($pfData['signature'] === $signature);
-}
+}
-
+
-function pfValidIP()
+function pfValidIP()
-{
+{
-    $validHosts = [
+    $validHosts = [
-        'www.payfast.co.za',
+        'www.payfast.co.za',
-        'sandbox.payfast.co.za',
+        'sandbox.payfast.co.za',
-        'w1w.payfast.co.za',
+        'w1w.payfast.co.za',
-        'w2w.payfast.co.za',
+        'w2w.payfast.co.za',
-    ];
+    ];
-
+
-    $validIps = [];
+    $validIps = [];
-    foreach ($validHosts as $pfHostname) {
+    foreach ($validHosts as $pfHostname) {
-        $ips = gethostbynamel($pfHostname);
+        $ips = gethostbynamel($pfHostname);
-        if ($ips !== false) {
+        if ($ips !== false) {
-            $validIps = array_merge($validIps, $ips);
+            $validIps = array_merge($validIps, $ips);
-        }
+        }
-    }
+    }
-
+
-    $validIps = array_unique($validIps);
+    $validIps = array_unique($validIps);
-    $referrerIp = gethostbyname(parse_url($_SERVER['HTTP_REFERER'])['host']);
+    $referrerIp = gethostbyname(parse_url($_SERVER['HTTP_REFERER'])['host']);
-    return in_array($referrerIp, $validIps, true);
+    return in_array($referrerIp, $validIps, true);
-}
+}
-
+
-function pfValidPaymentData($cartTotal, $pfData)
+function pfValidPaymentData($cartTotal, $pfData)
-{
+{
-    return !(abs((float)$cartTotal - (float)$pfData['amount_gross']) > 0.01);
+    return !(abs((float)$cartTotal - (float)$pfData['amount_gross']) > 0.01);
-}
+}
-
+
-function pfValidServerConfirmation($pfParamString, $pfHost, $pfProxy = null)
+function pfValidServerConfirmation($pfParamString, $pfHost, $pfProxy = null)
-{
+{
-    if (in_array('curl', get_loaded_extensions(), true)) {
+    if (in_array('curl', get_loaded_extensions(), true)) {
-        $url = 'https://' . $pfHost . '/eng/query/validate';
+        $url = 'https://' . $pfHost . '/eng/query/validate';
-        $ch = curl_init();
+        $ch = curl_init();
-        curl_setopt($ch, CURLOPT_USERAGENT, NULL);
+        curl_setopt($ch, CURLOPT_USERAGENT, NULL);
-        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
-        curl_setopt($ch, CURLOPT_HEADER, false);
+        curl_setopt($ch, CURLOPT_HEADER, false);
-        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 2);
-        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
-        curl_setopt($ch, CURLOPT_URL, $url);
+        curl_setopt($ch, CURLOPT_URL, $url);
-        curl_setopt($ch, CURLOPT_POST, true);
+        curl_setopt($ch, CURLOPT_POST, true);
-        curl_setopt($ch, CURLOPT_POSTFIELDS, $pfParamString);
+        curl_setopt($ch, CURLOPT_POSTFIELDS, $pfParamString);
-        if (!empty($pfProxy)) curl_setopt($ch, CURLOPT_PROXY, $pfProxy);
+        if (!empty($pfProxy)) curl_setopt($ch, CURLOPT_PROXY, $pfProxy);
-
+
-        $response = curl_exec($ch);
+        $response = curl_exec($ch);
-        curl_close($ch);
+        curl_close($ch);
-        return $response === 'VALID';
+        return $response === 'VALID';
-    }
+    }
-    return false;
+    return false;
-}
+}
-
+
-
+
-
+
-// Tell Payfast that this page is reachable by triggering a header 200
+// Tell Payfast that this page is reachable by triggering a header 200
-header('HTTP/1.0 200 OK');
+header('HTTP/1.0 200 OK');
-flush();
+flush();
-
+
-$dbhost = "localhost";
+$dbhost = "localhost";
-$dbuser = "aqmqeocm_4wdcsa";
+$dbuser = "aqmqeocm_4wdcsa";
-$dbpass = "Toxicbuny1!";
+$dbpass = "Toxicbuny1!";
-$dbname = "aqmqeocm_4wdcsa";
+$dbname = "aqmqeocm_4wdcsa";
-
+
-if (!$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname)) {
+if (!$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname)) {
-    die("Failed to connect: " . mysqli_connect_error());
+    die("Failed to connect: " . mysqli_connect_error());
-}
+}
-
+
-define('SANDBOX_MODE', true);
+define('SANDBOX_MODE', true);
-$pfHost = SANDBOX_MODE ? 'sandbox.payfast.co.za' : 'www.payfast.co.za';
+$pfHost = SANDBOX_MODE ? 'sandbox.payfast.co.za' : 'www.payfast.co.za';
-// Posted variables from ITN
+// Posted variables from ITN
-$pfData = $_POST;
+$pfData = $_POST;
-$payment_id = $pfData['m_payment_id'];
+$payment_id = $pfData['m_payment_id'];
-$pfstatus = $pfData['payment_status'];
+$pfstatus = $pfData['payment_status'];
-$orderTotal = getOrderTotal($conn, $payment_id);
+$orderTotal = getOrderTotal($conn, $payment_id);
-$description = getOrderDesc($conn, $payment_id);
+$description = getOrderDesc($conn, $payment_id);
-$user_id = getUserIdByPaymentId($payment_id, $conn);
+$user_id = getUserIdByPaymentId($payment_id, $conn);
-
+
-// Strip any slashes in data
+// Strip any slashes in data
-foreach ($pfData as $key => $val) {
+foreach ($pfData as $key => $val) {
-    $pfData[$key] = stripslashes($val);
+    $pfData[$key] = stripslashes($val);
-}
+}
-
+
-// Convert posted variables to a string
+// Convert posted variables to a string
-$pfParamString = '';
+$pfParamString = '';
-foreach ($pfData as $key => $val) {
+foreach ($pfData as $key => $val) {
-    if ($key !== 'signature') {
+    if ($key !== 'signature') {
-        $pfParamString .= $key . '=' . urlencode($val) . '&';
+        $pfParamString .= $key . '=' . urlencode($val) . '&';
-    } else {
+    } else {
-        break;
+        break;
-    }
+    }
-}
+}
-$pfParamString = rtrim($pfParamString, '&');
+$pfParamString = rtrim($pfParamString, '&');
-
+
-// Initialize check results
+// Initialize check results
-$checkResults = [];
+$checkResults = [];
-
+
-// Perform checks
+// Perform checks
-if (!pfValidSignature($pfData, $pfParamString)) {
+if (!pfValidSignature($pfData, $pfParamString)) {
-    $checkResults[] = "Signature check failed.";
+    $checkResults[] = "Signature check failed.";
-}
+}
-if (!pfValidIP()) {
+if (!pfValidIP()) {
-    $checkResults[] = "IP check failed.";
+    $checkResults[] = "IP check failed.";
-}
+}
-if (!pfValidPaymentData($orderTotal, $pfData)) {
+if (!pfValidPaymentData($orderTotal, $pfData)) {
-    $checkResults[] = "Payment data check failed. order= " . $payment_id . " 4WDCSA_Total=" . $orderTotal . " PFtotal=" . $pfData['amount_gross'];
+    $checkResults[] = "Payment data check failed. order= " . $payment_id . " 4WDCSA_Total=" . $orderTotal . " PFtotal=" . $pfData['amount_gross'];
-}
+}
-if (!pfValidServerConfirmation($pfParamString, $pfHost)) {
+if (!pfValidServerConfirmation($pfParamString, $pfHost)) {
-    $checkResults[] = "Server confirmation check failed.";
+    $checkResults[] = "Server confirmation check failed.";
-}
+}
-
+
-// Log results to the file
+// Log results to the file
-$myfile = fopen($payment_id . ".txt", "w") or die("Unable to open file!");
+$myfile = fopen($payment_id . ".txt", "w") or die("Unable to open file!");
-if (empty($checkResults)) {
+if (empty($checkResults)) {
-    fwrite($myfile, "Starting database update process for payment ID: $payment_id\n");
+    fwrite($myfile, "Starting database update process for payment ID: $payment_id\n");
-    fwrite($myfile, "Payment status: $pfstatus\n");
+    fwrite($myfile, "Payment status: $pfstatus\n");
-
+
-    // Begin database transaction
+    // Begin database transaction
-    $conn->begin_transaction();
+    $conn->begin_transaction();
-    fwrite($myfile, "Transaction started.\n");
+    fwrite($myfile, "Transaction started.\n");
-
+
-    try {
+    try {
-        // Step 1: Update payments table
+        // Step 1: Update payments table
-        fwrite($myfile, "Preparing to update payments table...\n");
+        fwrite($myfile, "Preparing to update payments table...\n");
-        $stmt = $conn->prepare("UPDATE payments SET status = ? WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE payments SET status = ? WHERE payment_id = ?");
-        if (!$stmt) {
+        if (!$stmt) {
-            throw new Exception("Failed to prepare statement for payments table: " . $conn->error);
+            throw new Exception("Failed to prepare statement for payments table: " . $conn->error);
-        }
+        }
-
+
-        fwrite($myfile, "Prepared statement for payments table.\n");
+        fwrite($myfile, "Prepared statement for payments table.\n");
-        $status = "PAID"; // Explicitly set the status to "PAID"
+        $status = "PAID"; // Explicitly set the status to "PAID"
-        $stmt->bind_param("ss", $status, $payment_id);
+        $stmt->bind_param("ss", $status, $payment_id);
-        fwrite($myfile, "Bound parameters for payments table update.\n");
+        fwrite($myfile, "Bound parameters for payments table update.\n");
-
+
-        if (!$stmt->execute()) {
+        if (!$stmt->execute()) {
-            throw new Exception("Failed to execute update for payments table: " . $stmt->error);
+            throw new Exception("Failed to execute update for payments table: " . $stmt->error);
-        }
+        }
-        fwrite($myfile, "Payments table updated successfully.\n");
+        fwrite($myfile, "Payments table updated successfully.\n");
-        $stmt->close();
+        $stmt->close();
-        fwrite($myfile, "Closed statement for payments table update.\n");
+        fwrite($myfile, "Closed statement for payments table update.\n");
-
+
-        // Step 2: Update membership_fees table
+        // Step 2: Update membership_fees table
-        fwrite($myfile, "Preparing to update membership_fees table...\n");
+        fwrite($myfile, "Preparing to update membership_fees table...\n");
-        $stmt = $conn->prepare("UPDATE membership_fees SET payment_status = ? WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE membership_fees SET payment_status = ? WHERE payment_id = ?");
-        if (!$stmt) {
+        if (!$stmt) {
-            throw new Exception("Failed to prepare statement for membership_fees table: " . $conn->error);
+            throw new Exception("Failed to prepare statement for membership_fees table: " . $conn->error);
-        }
+        }
-
+
-        fwrite($myfile, "Prepared statement for membership_fees table.\n");
+        fwrite($myfile, "Prepared statement for membership_fees table.\n");
-        $status = "PAID"; // Explicitly set the status to "PAID"
+        $status = "PAID"; // Explicitly set the status to "PAID"
-        $stmt->bind_param("ss", $status, $payment_id);
+        $stmt->bind_param("ss", $status, $payment_id);
-        fwrite($myfile, "Bound parameters for membership_fees table update.\n");
+        fwrite($myfile, "Bound parameters for membership_fees table update.\n");
-
+
-        if (!$stmt->execute()) {
+        if (!$stmt->execute()) {
-            throw new Exception("Failed to execute update for membership_fees table: " . $stmt->error);
+            throw new Exception("Failed to execute update for membership_fees table: " . $stmt->error);
-        }
+        }
-        fwrite($myfile, "Membership_fees table updated successfully.\n");
+        fwrite($myfile, "Membership_fees table updated successfully.\n");
-        $stmt->close();
+        $stmt->close();
-        fwrite($myfile, "Closed statement for membership_fees table update.\n");
+        fwrite($myfile, "Closed statement for membership_fees table update.\n");
-
+
-        // Step 3: Set member status
+        // Step 3: Set member status
-        fwrite($myfile, "Calling setMemberStatus()...\n");
+        fwrite($myfile, "Calling setMemberStatus()...\n");
-        setMemberStatus($user_id, $conn);
+        setMemberStatus($user_id, $conn);
-        fwrite($myfile, "setMemberStatus() executed successfully.\n");
+        fwrite($myfile, "setMemberStatus() executed successfully.\n");
-
+
-        // Commit transaction
+        // Commit transaction
-        $conn->commit();
+        $conn->commit();
-        fwrite($myfile, "Transaction committed successfully. Database updates complete.\n");
+        fwrite($myfile, "Transaction committed successfully. Database updates complete.\n");
-    } catch (Exception $e) {
+    } catch (Exception $e) {
-        // Rollback transaction in case of error
+        // Rollback transaction in case of error
-        $conn->rollback();
+        $conn->rollback();
-        fwrite($myfile, "Transaction rolled back due to error: " . $e->getMessage() . "\n");
+        fwrite($myfile, "Transaction rolled back due to error: " . $e->getMessage() . "\n");
-    }
+    }
-} else {
+} else {
-    fwrite($myfile, $pfstatus . "\n");
+    fwrite($myfile, $pfstatus . "\n");
-    foreach ($checkResults as $result) {
+    foreach ($checkResults as $result) {
-        fwrite($myfile, $result . "\n");
+        fwrite($myfile, $result . "\n");
-    }
+    }
-
+
-    $conn->begin_transaction();
+    $conn->begin_transaction();
-
+
-    try {
+    try {
-        // Update payments table with 'FAILED CHECKS' status
+        // Update payments table with 'FAILED CHECKS' status
-        $stmt = $conn->prepare("UPDATE payments SET status = 'FAILED CHECKS' WHERE payment_id = ?");
+        $stmt = $conn->prepare("UPDATE payments SET status = 'FAILED CHECKS' WHERE payment_id = ?");
-        $stmt->bind_param("i", $payment_id);
+        $stmt->bind_param("i", $payment_id);
-
+
-        if (!$stmt->execute()) {
+        if (!$stmt->execute()) {
-            throw new Exception("Failed to update payments table.");
+            throw new Exception("Failed to update payments table.");
-        }
+        }
-
+
-
+
-        // Commit transaction
+        // Commit transaction
-        $conn->commit();
+        $conn->commit();
-        fwrite($myfile, "Database updated successfully.\n");
+        fwrite($myfile, "Database updated successfully.\n");
-    } catch (Exception $e) {
+    } catch (Exception $e) {
-        // Rollback transaction in case of error
+        // Rollback transaction in case of error
-        $conn->rollback();
+        $conn->rollback();
-        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
+        fwrite($myfile, "Database update failed: " . $e->getMessage() . "\n");
-    }
+    }
-
+
-    $stmt->close();
+    $stmt->close();
-}
+}
-
+
-fclose($myfile);
+fclose($myfile);
-$conn->close();
+$conn->close();
--- a/connection.php
+++ b/connection.php
@@ -0,0 +1,15 @@
 <?php
 $dbhost = $_ENV['DB_HOST'];
 $dbuser = $_ENV['DB_USER'];
 $dbpass = $_ENV['DB_PASS'];
 $dbname = $_ENV['DB_NAME'];
 $salt = $_ENV['SALT'];
 if(!$conn = mysqli_connect($dbhost, $dbuser, $dbpass, $dbname)){
    die("Failed to connect: " . mysqli_connect_error());
 }
 date_default_timezone_set('Africa/Johannesburg');
--- a/src/pages/other/contact.php
+++ b/src/pages/other/contact.php
@@ -1,113 +1,130 @@
-<?php
+<?php include_once('header02.php') ?>
-$headerStyle = 'light';
+
-$rootPath = dirname(dirname(dirname(__DIR__)));
+<style>
-include_once($rootPath . '/header.php');
+    .image {
-?>
+        width: 400px;
-
+        /* Set your desired width */
-<style>
+        height: 320px;
-    .image {
+        /* Set your desired height */
-        width: 400px;
+        overflow: hidden;
-        /* Set your desired width */
+        /* Hide any overflow */
-        height: 320px;
+        display: block;
-        /* Set your desired height */
+        /* Ensure proper block behavior */
-        overflow: hidden;
+    }
-        /* Hide any overflow */
+
-        display: block;
+    .image img {
-        /* Ensure proper block behavior */
+        width: 100%;
-    }
+        /* Image scales to fill the container */
-
+        height: 100%;
-    .image img {
+        /* Image scales to fill the container */
-        width: 100%;
+        object-fit: cover;
-        /* Image scales to fill the container */
+        /* Fills the container while maintaining aspect ratio */
-        height: 100%;
+        object-position: top;
-        /* Image scales to fill the container */
+        /* Aligns the top of the image with the top of the container */
-        object-fit: cover;
+        display: block;
-        /* Fills the container while maintaining aspect ratio */
+        /* Prevents inline whitespace issues */
-        object-position: top;
+    }
-        /* Aligns the top of the image with the top of the container */
+</style>
-        display: block;
+
-        /* Prevents inline whitespace issues */
+<?php
-    }
+$bannerFolder = 'assets/images/banners/';
-</style><?php
+$bannerImages = glob($bannerFolder . '*.{jpg,jpeg,png,webp}', GLOB_BRACE);
-    $pageTitle = 'Contact Us';
+
-    $breadcrumbs = [['Home' => 'index.php']];
+$randomBanner = 'assets/images/base4/camping.jpg'; // default fallback
-    require_once($rootPath . '/components/banner.php');
+if (!empty($bannerImages)) {
-?>
+    $randomBanner = $bannerImages[array_rand($bannerImages)];
-
+}
-
+?>
-<!-- Contact Info Area start -->
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url('<?php echo $randomBanner; ?>');">
-<section class="contact-info-area pt-100 rel z-1">
+    <div class="banner-overlay"></div>
-    <div class="container">
+    <div class="container">
-        <div class="row align-items-center">
+        <div class="banner-inner text-white">
-            <div class="col-lg-4">
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">Contact Us</h2>
-                <div class="contact-info-content mb-30 rmb-55" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+            <nav aria-label="breadcrumb">
-                    <div class="section-title mb-30">
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-                        <h2>For any queries, please don't hesitate to contact us:</h2>
+                    <li class="breadcrumb-item"><a href="index.html">Home</a></li>
-                    </div>
+                    <li class="breadcrumb-item active">Contact Us</li>
-                    <!-- <p>Our dedicated support team is always ready to assist you with any questions or issues, offering prompt and personalized solutions to meet your needs.</p> -->
+                </ol>
-                    <!-- <div class="features-team-box mt-40">
+            </nav>
-                        <h6>85+ Expert Team member</h6>
+        </div>
-                        <div class="feature-authors">
+    </div>
-                            <img src="assets/images/features/feature-author1.jpg" alt="Author">
+</section>
-                            <img src="assets/images/features/feature-author2.jpg" alt="Author">
+<!-- Page Banner End -->
-                            <img src="assets/images/features/feature-author3.jpg" alt="Author">
+
-                            <img src="assets/images/features/feature-author4.jpg" alt="Author">
+
-                            <img src="assets/images/features/feature-author5.jpg" alt="Author">
+<!-- Contact Info Area start -->
-                            <img src="assets/images/features/feature-author6.jpg" alt="Author">
+<section class="contact-info-area pt-100 rel z-1">
-                            <img src="assets/images/features/feature-author7.jpg" alt="Author">
+    <div class="container">
-                            <span>+</span>
+        <div class="row align-items-center">
-                        </div>
+            <div class="col-lg-4">
-                    </div> -->
+                <div class="contact-info-content mb-30 rmb-55" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+                    <div class="section-title mb-30">
-            </div>
+                        <h2>For any queries, please don't hesitate to contact us:</h2>
-            <div class="col-lg-8">
+                    </div>
-                <div class="row">
+                    <!-- <p>Our dedicated support team is always ready to assist you with any questions or issues, offering prompt and personalized solutions to meet your needs.</p> -->
-                    <div class="col-md-6">
+                    <!-- <div class="features-team-box mt-40">
-                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
+                        <h6>85+ Expert Team member</h6>
-                            <div class="icon"><i class="fas fa-envelope"></i></div>
+                        <div class="feature-authors">
-                            <div class="content">
+                            <img src="assets/images/features/feature-author1.jpg" alt="Author">
-                                <h5>Need Help & Support</h5>
+                            <img src="assets/images/features/feature-author2.jpg" alt="Author">
-                                <div class="text"><i class="far fa-envelope"></i> <a href="mailto:info@4wdcsa.co.za">info@4wdcsa.co.za</a></div>
+                            <img src="assets/images/features/feature-author3.jpg" alt="Author">
-                            </div>
+                            <img src="assets/images/features/feature-author4.jpg" alt="Author">
-                        </div>
+                            <img src="assets/images/features/feature-author5.jpg" alt="Author">
-                    </div>
+                            <img src="assets/images/features/feature-author6.jpg" alt="Author">
-                    <div class="col-md-6">
+                            <img src="assets/images/features/feature-author7.jpg" alt="Author">
-                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
+                            <span>+</span>
-                            <div class="icon"><i class="fas fa-phone"></i></div>
+                        </div>
-                            <div class="content">
+                    </div> -->
-                                <h5>Need Anything Urgent</h5>
+                </div>
-                                <div class="text"><i class="far fa-phone"></i> <a href="callto:+27 079 065 2795">+2779 065 2795</a></div>
+            </div>
-                            </div>
+            <div class="col-lg-8">
-                        </div>
+                <div class="row">
-                    </div>
+                    <div class="col-md-6">
-                    <div class="col-md-12">
+                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
-                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
+                            <div class="icon"><i class="fas fa-envelope"></i></div>
-                            <div class="icon"><i class="fas fa-map-marker-alt"></i></div>
+                            <div class="content">
-                            <div class="content">
+                                <h5>Need Help & Support</h5>
-                                <h5>BASE 4</h5>
+                                <div class="text"><i class="far fa-envelope"></i> <a href="mailto:info@4wdcsa.co.za">info@4wdcsa.co.za</a></div>
-                                <div class="text"><i class="fal fa-map-marker-alt"></i> Plot 50, Gemstone Rd, Doornrandje, Centurion, 0157</div>
+                            </div>
-                            </div>
+                        </div>
-                        </div>
+                    </div>
-                    </div>
+                    <div class="col-md-6">
-
+                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
-                </div>
+                            <div class="icon"><i class="fas fa-phone"></i></div>
-            </div>
+                            <div class="content">
-        </div>
+                                <h5>Need Anything Urgent</h5>
-    </div>
+                                <div class="text"><i class="far fa-phone"></i> <a href="callto:+27 079 065 2795">+2779 065 2795</a></div>
-</section>
+                            </div>
-<!-- Contact Info Area end -->
+                        </div>
-
+                    </div>
-
+                    <div class="col-md-12">
-<!-- Contact Form Area start -->
+                        <div class="contact-info-item" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
-<!--  -->
+                            <div class="icon"><i class="fas fa-map-marker-alt"></i></div>
-<!-- Contact Form Area end -->
+                            <div class="content">
-
+                                <h5>BASE 4</h5>
-
+                                <div class="text"><i class="fal fa-map-marker-alt"></i> Plot 50, Gemstone Rd, Doornrandje, Centurion, 0157</div>
-<!-- Contact Map Start -->
+                            </div>
-<div class="contact-map">
+                        </div>
-    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d818.9371187805272!2d28.000391592597513!3d-25.864399472588936!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sen!2sza!4v1744639736430!5m2!1sen!2sza" style="border:0; width: 100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+                    </div>
-</div>
+
-<!-- Contact Map End -->
+                </div>
-
+            </div>
-
+        </div>
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php'); ?>
+    </div>
 </section>
 <!-- Contact Info Area end -->
 <!-- Contact Form Area start -->
 <!--  -->
 <!-- Contact Form Area end -->
 <!-- Contact Map Start -->
 <div class="contact-map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d818.9371187805272!2d28.000391592597513!3d-25.864399472588936!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e1!3m2!1sen!2sza!4v1744639736430!5m2!1sen!2sza" style="border:0; width: 100%;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
 </div>
 <!-- Contact Map End -->
 <?php include_once("insta_footer.php"); ?>
--- a/src/pages/bookings/course_details.php
+++ b/src/pages/bookings/course_details.php
@@ -1,303 +1,305 @@
-<?php
+<?php include_once('header02.php');
-$headerStyle = 'light';
+
-$rootPath = dirname(dirname(dirname(__DIR__)));
+// SQL query to fetch dates for driver training
-include_once($rootPath . '/header.php');
+$sql = "SELECT course_id, date FROM courses WHERE course_type = 'driver_training'";
-
+$result = $conn->query($sql);
-// SQL query to fetch dates for driver training
+?>
-$stmt = $conn->prepare("SELECT course_id, date FROM courses WHERE course_type = ?");
+
-$course_type = 'driver_training';
+
-$stmt->bind_param("s", $course_type);
+
-$stmt->execute();
+<!-- Page Banner Start -->
-$result = $stmt->get_result();
+<section class="page-banner-area pt-50 pb-35 rel z-1 bgs-cover" style="background-image: url(assets/images/banner/banner.jpg);">
-?>
+    <div class="container">
-
+        <div class="banner-inner text-white">
-
+            <h2 class="page-title mb-10" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">4X4 Driver Training</h2>
-
+            <nav aria-label="breadcrumb">
-<?php
+                <ol class="breadcrumb justify-content-center mb-20" data-aos="fade-right" data-aos-delay="200" data-aos-duration="1500" data-aos-offset="50">
-    $pageTitle = 'Course Details';
+                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
-    $breadcrumbs = [['Home' => 'index.php']];
+                    <li class="breadcrumb-item active">4X4 Driver Training</li>
-    require_once($rootPath . '/components/banner.php');
+                </ol>
-?>
+            </nav>
-<!-- Page Banner End -->
+        </div>
-
+    </div>
-<!-- Product Details Start -->
+</section>
-<section class="product-details pt-100">
+<!-- Page Banner End -->
-    <div class="container">
+
-        <div class="row">
+<!-- Product Details Start -->
-            <div class="col-lg-6">
+<section class="product-details pt-100">
-                <div class="product-details-images rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
+    <div class="container">
-                    <div class="tab-content preview-images">
+        <div class="row">
-                        <div class="tab-pane fade preview-item active show" id="preview1">
+            <div class="col-lg-6">
-                            <img src="assets/images/shop/preview1.png" alt="Perview">
+                <div class="product-details-images rmb-55" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
-                        </div>
+                    <div class="tab-content preview-images">
-                        <div class="tab-pane fade preview-item" id="preview2">
+                        <div class="tab-pane fade preview-item active show" id="preview1">
-                            <img src="assets/images/shop/preview1.png" alt="Perview">
+                            <img src="assets/images/shop/preview1.png" alt="Perview">
-                        </div>
+                        </div>
-                        <div class="tab-pane fade preview-item" id="preview3">
+                        <div class="tab-pane fade preview-item" id="preview2">
-                            <img src="assets/images/shop/preview1.png" alt="Perview">
+                            <img src="assets/images/shop/preview1.png" alt="Perview">
-                        </div>
+                        </div>
-                    </div>
+                        <div class="tab-pane fade preview-item" id="preview3">
-                    <div class="nav thumb-images rmb-20">
+                            <img src="assets/images/shop/preview1.png" alt="Perview">
-                        <a href="#preview1" data-bs-toggle="tab" class="thumb-item active show">
+                        </div>
-                            <img src="assets/images/shop/thumb1.png" alt="Thumb">
+                    </div>
-                        </a>
+                    <div class="nav thumb-images rmb-20">
-                        <a href="#preview2" data-bs-toggle="tab" class="thumb-item">
+                        <a href="#preview1" data-bs-toggle="tab" class="thumb-item active show">
-                            <img src="assets/images/shop/thumb2.png" alt="Thumb">
+                            <img src="assets/images/shop/thumb1.png" alt="Thumb">
-                        </a>
+                        </a>
-                        <a href="#preview3" data-bs-toggle="tab" class="thumb-item">
+                        <a href="#preview2" data-bs-toggle="tab" class="thumb-item">
-                            <img src="assets/images/shop/thumb3.png" alt="Thumb">
+                            <img src="assets/images/shop/thumb2.png" alt="Thumb">
-                        </a>
+                        </a>
-                    </div>
+                        <a href="#preview3" data-bs-toggle="tab" class="thumb-item">
-                </div>
+                            <img src="assets/images/shop/thumb3.png" alt="Thumb">
-            </div>
+                        </a>
-            <div class="col-lg-6">
+                    </div>
-                <div class="product-details-content" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
+                </div>
-                    <div class="section-title">
+            </div>
-                        <h2>4X4 Driver Training</h2>
+            <div class="col-lg-6">
-                    </div>
+                <div class="product-details-content" data-aos="fade-right" data-aos-duration="1500" data-aos-offset="50">
-                    <!-- <div class="ratting mb-15">
+                    <div class="section-title">
-                                <i class="fas fa-star"></i>
+                        <h2>4X4 Driver Training</h2>
-                                <i class="fas fa-star"></i>
+                    </div>
-                                <i class="fas fa-star"></i>
+                    <!-- <div class="ratting mb-15">
-                                <i class="fas fa-star"></i>
+                                <i class="fas fa-star"></i>
-                                <i class="fas fa-star-half-alt"></i>
+                                <i class="fas fa-star"></i>
-                                <span>(5.8k+ reviews)</span>
+                                <i class="fas fa-star"></i>
-                            </div> -->
+                                <i class="fas fa-star"></i>
-                    <span class="price mb-5">R 50,00/member</span>
+                                <i class="fas fa-star-half-alt"></i>
-                    <span class="price mb-25">R 750,00/non-members</span>
+                                <span>(5.8k+ reviews)</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>
+                            </div> -->
-                    <hr class="mt-40">
+                    <span class="price mb-5">R 50,00/member</span>
-                    <form action="#" class="add-to-cart pt-15 pb-30">
+                    <span class="price mb-25">R 750,00/non-members</span>
-                        <input type="hidden" name="csrf_token" value="<?php echo generateCSRFToken(); ?>">
+                    <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>
-                        <label for="course_date">Select a Date:</label>
+                    <hr class="mt-40">
-                        <select name="course_date" id="course_date" required>
+                    <form action="#" class="add-to-cart pt-15 pb-30">
-                            <!-- <option value="" disabled selected>-- Select a Date --</option> -->
+                        <label for="course_date">Select a Date:</label>
-                            <?php
+                        <select name="course_date" id="course_date" required>
-                            if ($result->num_rows > 0) {
+                            <!-- <option value="" disabled selected>-- Select a Date --</option> -->
-                                // Output each course as an option
+                            <?php
-                                while ($row = $result->fetch_assoc()) {
+                            if ($result->num_rows > 0) {
-                                    $course_id = htmlspecialchars($row['course_id']); // Escape output for security
+                                // Output each course as an option
-                                    $date = htmlspecialchars($row['date']);          // Escape output for security
+                                while ($row = $result->fetch_assoc()) {
-                                    echo "<option value='$course_id'>$date</option>";
+                                    $course_id = htmlspecialchars($row['course_id']); // Escape output for security
-                                }
+                                    $date = htmlspecialchars($row['date']);          // Escape output for security
-                            } else {
+                                    echo "<option value='$course_id'>$date</option>";
-                                echo "<option value='' disabled>No dates available</option>";
+                                }
-                            }
+                            } else {
-                            ?>
+                                echo "<option value='' disabled>No dates available</option>";
-                        </select>
+                            }
-                        <button type="submit" class="theme-btn style-two bgc-secondary">
+                            ?>
-                            <span data-hover="Add to Cart">Book Now</span>
+                        </select>
-                            <i class="far fa-arrow-right"></i>
+                        <button type="submit" class="theme-btn style-two bgc-secondary">
-                        </button>
+                            <span data-hover="Add to Cart">Book Now</span>
-                    </form>
+                            <i class="far fa-arrow-right"></i>
-                    <hr class="mb-45">
+                        </button>
-                    <a href="#" class="wishlist"><i class="far fa-heart"></i> Add to Wishlist</a>
+                    </form>
-                </div>
+                    <hr class="mb-45">
-            </div>
+                    <a href="#" class="wishlist"><i class="far fa-heart"></i> Add to Wishlist</a>
-        </div>
+                </div>
-        <ul class="nav nav product-tab mt-70 mb-30" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+            </div>
-            <li><a href="#details" data-bs-toggle="tab" class="active show">Course Overview<i class="far fa-arrow-right"></i></a></li>
+        </div>
-            <li><a href="#information" data-bs-toggle="tab">What to Expect<i class="far fa-arrow-right"></i></a></li>
+        <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="#reviews" data-bs-toggle="tab"> Reviews <i class="far fa-arrow-right"></i></a></li> -->
+            <li><a href="#details" data-bs-toggle="tab" class="active show">Course Overview<i class="far fa-arrow-right"></i></a></li>
-        </ul>
+            <li><a href="#information" data-bs-toggle="tab">What to Expect<i class="far fa-arrow-right"></i></a></li>
-        <div class="tab-content" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
+            <!-- <li><a href="#reviews" data-bs-toggle="tab"> Reviews <i class="far fa-arrow-right"></i></a></li> -->
-            <div class="tab-pane fade active show" id="details">
+        </ul>
-                <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>
+        <div class="tab-content" data-aos="fade-up" data-aos-delay="50" data-aos-duration="1500" data-aos-offset="50">
-                <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="tab-pane fade active show" id="details">
-                <div class="row gap-50 pt-25 pb-20 align-items-center">
+                <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>
-                    <div class="col-lg-7 pt-15">
+                <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>
-                        <h5>What this course includes</h5>
+                <div class="row gap-50 pt-25 pb-20 align-items-center">
-                        <ul class="list-style-two mt-25">
+                    <div class="col-lg-7 pt-15">
-                            <li>Basic Driver Training Manual.</li>
+                        <h5>What this course includes</h5>
-                            <li>Theory session and discussion.</li>
+                        <ul class="list-style-two mt-25">
-                            <li>Spend the afternoon on the track learning the basic practices of 4X4 driving.</li>
+                            <li>Basic Driver Training Manual.</li>
-                        </ul>
+                            <li>Theory session and discussion.</li>
-                    </div>
+                            <li>Spend the afternoon on the track learning the basic practices of 4X4 driving.</li>
-                    <div class="col-lg-5">
+                        </ul>
-                        <div class="image rmt-45">
+                    </div>
-                            <img src="assets/images/shop/product-details.jpg" alt="Product Details">
+                    <div class="col-lg-5">
-                        </div>
+                        <div class="image rmt-45">
-                    </div>
+                            <img src="assets/images/shop/product-details.jpg" alt="Product Details">
-                </div>
+                        </div>
-            </div>
+                    </div>
-            <div class="tab-pane fade" id="information">
+                </div>
-                <!-- <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> -->
+            </div>
-                <ul class="list-style-two my-35">
+            <div class="tab-pane fade" id="information">
-                    <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>
+                <!-- <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> -->
-                    <li>Theory Session: Learn the fundamentals of 4x4 vehicle mechanics, terrain types, recovery equipment, and off-road safety.</li>
+                <ul class="list-style-two my-35">
-                    <li>Practical Demonstrations: Observe demonstrations of essential techniques like gear selection, tire pressure adjustment, and recovery setups.</li>
+                    <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>Lunch Break: Bring along a packed lunch or something to braai. Fires will be provided.</li>
+                    <li>Theory Session: Learn the fundamentals of 4x4 vehicle mechanics, terrain types, recovery equipment, and off-road safety.</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>Practical Demonstrations: Observe demonstrations of essential techniques like gear selection, tire pressure adjustment, and recovery setups.</li>
-                    <li>Debrief and Certificates: Wrap up the day with a recap of key lessons, feedback from instructors, and certificates of completion.</li>
+                    <li>Lunch Break: Bring along a packed lunch or something to braai. Fires will be provided.</li>
-                </ul>
+                    <li>Track Driving and Practical Training: Put theory into action with hands-on driving exercises on a custom-designed off-road track.</li>
-            </div>
+                    <li>Debrief and Certificates: Wrap up the day with a recap of key lessons, feedback from instructors, and certificates of completion.</li>
-            <!-- <div class="tab-pane fade mb-20" id="reviews">
+                </ul>
-                <h5>2 Reviews</h5>
+            </div>
-                <div class="comments my-30">
+            <!-- <div class="tab-pane fade mb-20" id="reviews">
-                    <div class="comment-body" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                <h5>2 Reviews</h5>
-                        <div class="author-thumb">
+                <div class="comments my-30">
-                            <img src="assets/images/blog/comment-author1.jpg" alt="Author">
+                    <div class="comment-body" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        </div>
+                        <div class="author-thumb">
-                        <div class="content">
+                            <img src="assets/images/blog/comment-author1.jpg" alt="Author">
-                            <h6>Lonnie B. Horwitz</h6>
+                        </div>
-                            <div class="ratting">
+                        <div class="content">
-                                <i class="fas fa-star"></i>
+                            <h6>Lonnie B. Horwitz</h6>
-                                <i class="fas fa-star"></i>
+                            <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>
+                                <i class="fas fa-star"></i>
-                            </div>
+                                <i class="fas fa-star"></i>
-                            <span class="time">Venice, Rome and Milan – 9 Days 8 Nights</span>
+                                <i class="fas fa-star-half-alt"></i>
-                            <p>Tours and travels play a crucial role in enriching lives by offering unique experiences, cultural exchanges, and the joy of exploration.</p>
+                            </div>
-                            <a class="read-more" href="#">Reply <i class="far fa-angle-right"></i></a>
+                            <span class="time">Venice, Rome and Milan – 9 Days 8 Nights</span>
-                        </div>
+                            <p>Tours and travels play a crucial role in enriching lives by offering unique experiences, cultural exchanges, and the joy of exploration.</p>
-                    </div>
+                            <a class="read-more" href="#">Reply <i class="far fa-angle-right"></i></a>
-                    <div class="comment-body" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+                        </div>
-                        <div class="author-thumb">
+                    </div>
-                            <img src="assets/images/blog/comment-author3.jpg" alt="Author">
+                    <div class="comment-body" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                        </div>
+                        <div class="author-thumb">
-                        <div class="content">
+                            <img src="assets/images/blog/comment-author3.jpg" alt="Author">
-                            <h6>Jaime B. Wilson</h6>
+                        </div>
-                            <div class="ratting">
+                        <div class="content">
-                                <i class="fas fa-star"></i>
+                            <h6>Jaime B. Wilson</h6>
-                                <i class="fas fa-star"></i>
+                            <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>
+                                <i class="fas fa-star"></i>
-                            </div>
+                                <i class="fas fa-star"></i>
-                            <span class="time">Venice, Rome and Milan – 9 Days 8 Nights</span>
+                                <i class="fas fa-star-half-alt"></i>
-                            <p>Tours and travels play a crucial role in enriching lives by offering unique experiences, cultural exchanges, and the joy of exploration.</p>
+                            </div>
-                            <a class="read-more" href="#">Reply <i class="far fa-angle-right"></i></a>
+                            <span class="time">Venice, Rome and Milan – 9 Days 8 Nights</span>
-                        </div>
+                            <p>Tours and travels play a crucial role in enriching lives by offering unique experiences, cultural exchanges, and the joy of exploration.</p>
-                    </div>
+                            <a class="read-more" href="#">Reply <i class="far fa-angle-right"></i></a>
-                </div> -->
+                        </div>
-
+                    </div>
-            <!-- <h5>Add A Reviews</h5>
+                </div> -->
-                <form id="comment-form" class="comment-form bgc-lighter z-1 rel mt-30" name="review-form" action="#" method="post" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
+
-                    <div class="row gap-20">
+            <!-- <h5>Add A Reviews</h5>
-                        <div class="col-md-6">
+                <form id="comment-form" class="comment-form bgc-lighter z-1 rel mt-30" name="review-form" action="#" method="post" data-aos="fade-up" data-aos-duration="1500" data-aos-offset="50">
-                            <div class="form-group">
+                    <div class="row gap-20">
-                                <input type="text" id="full-name" name="full-name" class="form-control" placeholder="Name" value="" required="">
+                        <div class="col-md-6">
-                            </div>
+                            <div class="form-group">
-                        </div>
+                                <input type="text" id="full-name" name="full-name" class="form-control" placeholder="Name" value="" required="">
-                        <div class="col-md-6">
+                            </div>
-                            <div class="form-group">
+                        </div>
-                                <input type="email" id="email-address" name="email" class="form-control" placeholder="Email" value="" required="">
+                        <div class="col-md-6">
-                            </div>
+                            <div class="form-group">
-                        </div>
+                                <input type="email" id="email-address" name="email" class="form-control" placeholder="Email" value="" required="">
-                        <div class="col-md-12">
+                            </div>
-                            <div class="form-group">
+                        </div>
-                                <textarea name="message" id="message" class="form-control" rows="5" placeholder="Comments" required=""></textarea>
+                        <div class="col-md-12">
-                            </div>
+                            <div class="form-group">
-                        </div>
+                                <textarea name="message" id="message" class="form-control" rows="5" placeholder="Comments" required=""></textarea>
-                        <div class="col-md-12">
+                            </div>
-                            <div class="form-group mb-0">
+                        </div>
-                                <button type="submit" class="theme-btn bgc-secondary style-two">
+                        <div class="col-md-12">
-                                    <span data-hover="Submit reviews">Submit review</span>
+                            <div class="form-group mb-0">
-                                    <i class="fal fa-arrow-right"></i>
+                                <button type="submit" class="theme-btn bgc-secondary style-two">
-                                </button>
+                                    <span data-hover="Submit reviews">Submit review</span>
-                            </div>
+                                    <i class="fal fa-arrow-right"></i>
-                        </div>
+                                </button>
-                    </div>
+                            </div>
-                </form> -->
+                        </div>
-            <!-- </div> -->
+                    </div>
-        </div>
+                </form> -->
-    </div>
+            <!-- </div> -->
-</section>
+        </div>
-<!-- Product Details End -->
+    </div>
-
+</section>
-
+<!-- Product Details End -->
-<!-- Shop Details  Area start -->
+
-<section class="shop-details-page pt-80 pb-100 rel z-1">
+
-    <div class="container">
+<!-- Shop Details  Area start -->
-        <div class="section-title text-center mb-40">
+<section class="shop-details-page pt-80 pb-100 rel z-1">
-            <h2>Other Courses</h2>
+    <div class="container">
-        </div>
+        <div class="section-title text-center mb-40">
-        <div class="product-slider">
+            <h2>Other Courses</h2>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
+        </div>
-                <div class="image">
+        <div class="product-slider">
-                    <img src="assets/images/shop/product1.png" alt="Product">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+                <div class="image">
-                <div class="content">
+                    <img src="assets/images/shop/product1.png" alt="Product">
-                    <div class="ratting">
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star"></i>
+                    <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>
+                        <i class="fas fa-star"></i>
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Airport Travel Suitcases</a></h6>
+                        <i class="fas fa-star-half-alt"></i>
-                    <span class="price">$188.00</span>
+                    </div>
-                </div>
+                    <h6><a href="product-details.html">Airport Travel Suitcases</a></h6>
-            </div>
+                    <span class="price">$188.00</span>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
+                </div>
-                <div class="image">
+            </div>
-                    <img src="assets/images/shop/product2.png" alt="Product">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="50">
-                </div>
+                <div class="image">
-                <div class="content">
+                    <img src="assets/images/shop/product2.png" alt="Product">
-                    <div class="ratting">
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star"></i>
+                    <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>
+                        <i class="fas fa-star"></i>
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Travel Great blue hat</a></h6>
+                        <i class="fas fa-star-half-alt"></i>
-                    <span class="price">$188.00</span>
+                    </div>
-                </div>
+                    <h6><a href="product-details.html">Travel Great blue hat</a></h6>
-            </div>
+                    <span class="price">$188.00</span>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
+                </div>
-                <div class="image">
+            </div>
-                    <img src="assets/images/shop/product3.png" alt="Product">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="100">
-                </div>
+                <div class="image">
-                <div class="content">
+                    <img src="assets/images/shop/product3.png" alt="Product">
-                    <div class="ratting">
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star"></i>
+                    <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>
+                        <i class="fas fa-star"></i>
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Waistband and Mesh Fashion</a></h6>
+                        <i class="fas fa-star-half-alt"></i>
-                    <span class="price">$188.00</span>
+                    </div>
-                </div>
+                    <h6><a href="product-details.html">Waistband and Mesh Fashion</a></h6>
-            </div>
+                    <span class="price">$188.00</span>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="150">
+                </div>
-                <div class="image">
+            </div>
-                    <img src="assets/images/shop/product4.png" alt="Product">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50" data-aos-delay="150">
-                </div>
+                <div class="image">
-                <div class="content">
+                    <img src="assets/images/shop/product4.png" alt="Product">
-                    <div class="ratting">
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star"></i>
+                    <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>
+                        <i class="fas fa-star"></i>
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Sandals for Casual Techies</a></h6>
+                        <i class="fas fa-star-half-alt"></i>
-                    <span class="price">$188.00</span>
+                    </div>
-                </div>
+                    <h6><a href="product-details.html">Sandals for Casual Techies</a></h6>
-            </div>
+                    <span class="price">$188.00</span>
-            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
+                </div>
-                <div class="image">
+            </div>
-                    <img src="assets/images/shop/product5.png" alt="Product">
+            <div class="product-item" data-aos="flip-left" data-aos-duration="1500" data-aos-offset="50">
-                </div>
+                <div class="image">
-                <div class="content">
+                    <img src="assets/images/shop/product5.png" alt="Product">
-                    <div class="ratting">
+                </div>
-                        <i class="fas fa-star"></i>
+                <div class="content">
-                        <i class="fas fa-star"></i>
+                    <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>
+                        <i class="fas fa-star"></i>
-                    </div>
+                        <i class="fas fa-star"></i>
-                    <h6><a href="product-details.html">Children With Jute Soles</a></h6>
+                        <i class="fas fa-star-half-alt"></i>
-                    <span class="price">$188.00</span>
+                    </div>
-                </div>
+                    <h6><a href="product-details.html">Children With Jute Soles</a></h6>
-            </div>
+                    <span class="price">$188.00</span>
-        </div>
+                </div>
-    </div>
+            </div>
-</section>
+        </div>
-<!-- Shop Details  Area end -->
+    </div>
-
+</section>
-
+<!-- Shop Details  Area end -->
-<?php include_once(dirname(dirname(dirname(__DIR__))) . '/components/insta_footer.php') ?>
+
 <?php include_once('insta_footer.php') ?>
--- a/src/processors/create_bar_tab.php
+++ b/src/processors/create_bar_tab.php
@@ -1,54 +1,39 @@
-<?php
+<?php
-$rootPath = dirname(dirname(__DIR__));
+require_once("session.php");
-require_once($rootPath . "/src/config/session.php");
+require_once("connection.php");
-require_once($rootPath . "/src/config/connection.php");
+require_once("functions.php");
-require_once($rootPath . "/src/config/functions.php");
+
-
+// Check if user_id is set in the POST request
-// CSRF Token Validation
+if (isset($_POST['user_id']) && !empty($_POST['user_id'])) {
-if (!isset($_POST['csrf_token']) || !validateCSRFToken($_POST['csrf_token'])) {
+    // Sanitize the input to prevent SQL injection
-    http_response_code(403);
+    $user_id = mysqli_real_escape_string($conn, $_POST['user_id']);
-    echo json_encode(['status' => 'error', 'message' => 'Security token validation failed.']);
+    $created_at = date('Y-m-d H:i:s'); // Use current date and time for created_at
-    exit();
+
-}
+    // First, check if a bar tab already exists for this user_id
-
+    $checkSql = "SELECT * FROM bar_tabs WHERE user_id = '$user_id' LIMIT 1";
-// Check if user_id is set in the POST request
+    $checkResult = mysqli_query($conn, $checkSql);
-if (isset($_POST['user_id']) && !empty($_POST['user_id'])) {
+
-    // Validate user_id as integer
+    if (mysqli_num_rows($checkResult) > 0) {
-    $user_id = intval($_POST['user_id']);
+        // If a bar tab already exists for this user_id, return an error message
-    if ($user_id <= 0) {
+        echo json_encode(['status' => 'error', 'message' => 'A bar tab already exists for this user.']);
-        echo json_encode(['status' => 'error', 'message' => 'Invalid user ID.']);
+    } else {
-        exit();
+        // Prepare the SQL query to insert a new record into the bar_tabs table
-    }
+        $sql = "INSERT INTO bar_tabs (user_id) VALUES ('$user_id')";
-    
+
-    $created_at = date('Y-m-d H:i:s'); // Use current date and time for created_at
+        // Execute the query
-
+        if (mysqli_query($conn, $sql)) {
-    // First, check if a bar tab already exists for this user_id
+            // If the insertion is successful, return a success message
-    $stmt = $conn->prepare("SELECT * FROM bar_tabs WHERE user_id = ? LIMIT 1");
+            echo json_encode(['status' => 'success', 'message' => 'Bar tab created successfully.']);
-    $stmt->bind_param("i", $user_id);
+        } else {
-    $stmt->execute();
+            // If there's an error, return an error message
-    $checkResult = $stmt->get_result();
+            echo json_encode(['status' => 'error', 'message' => 'Error: ' . mysqli_error($conn)]);
-
+        }
-    if ($checkResult->num_rows > 0) {
+    }
-        // If a bar tab already exists for this user_id, return an error message
+} else {
-        echo json_encode(['status' => 'error', 'message' => 'A bar tab already exists for this user.']);
+    // If user_id is not provided, return an error message
-    } else {
+    echo json_encode(['status' => 'error', 'message' => 'User ID is required.']);
-        // Prepare the SQL query to insert a new record into the bar_tabs table
+}
-        $stmt = $conn->prepare("INSERT INTO bar_tabs (user_id) VALUES (?)");
+
-        $stmt->bind_param("i", $user_id);
+// Close the database connection
-
+mysqli_close($conn);
-        // Execute the query
+?>
        if ($stmt->execute()) {
            // If the insertion is successful, return a success message
            echo json_encode(['status' => 'success', 'message' => 'Bar tab created successfully.']);
        } else {
            // If there's an error, return an error message
            echo json_encode(['status' => 'error', 'message' => 'Error: ' . $conn->error]);
        }
    }
 } else {
    // If user_id is not provided, return an error message
    echo json_encode(['status' => 'error', 'message' => 'User ID is required.']);
 }
 ?>
--- a/docs/DATABASE_SERVICE_EXAMPLES.md
+++ b/docs/DATABASE_SERVICE_EXAMPLES.md
@@ -1,368 +0,0 @@
 # DatabaseService Usage Examples
 This document shows how to refactor existing code to use the new `DatabaseService` class for cleaner, more maintainable database operations.
 ## Current State
 Files are using the procedural MySQLi pattern:
 ```php
 $stmt = $conn->prepare("SELECT * FROM users WHERE email = ?");
 $stmt->bind_param("s", $email);
 $stmt->execute();
 $result = $stmt->get_result();
 $row = $result->fetch_assoc();
 $stmt->close();
 ```
 ## Example 1: Simple SELECT (admin_members.php)
 ### Current Code
 ```php
 $stmt = $conn->prepare("SELECT user_id, first_name, last_name, tel_cell, email, dob, accept_indemnity FROM membership_application");
 $stmt->execute();
 $result = $stmt->get_result();
 // Then in HTML/JS loop:
 while ($row = $result->fetch_assoc()) {
    // display row
 }
 ```
 ### Using DatabaseService
 ```php
 // Simple - get all records
 $members = $db->select("SELECT user_id, first_name, last_name, tel_cell, email, dob, accept_indemnity FROM membership_application");
 // In HTML/JS loop:
 foreach ($members as $row) {
    // display row
 }
 ```
 **Benefits:**
 - No manual `bind_param()`, `execute()`, `close()` needed
 - Returns array directly
 - Automatic error tracking via `$db->getLastError()`
 ---
 ## Example 2: SELECT with Parameters (validate_login.php)
 ### Current Code
 ```php
 $query = "SELECT * FROM users WHERE email = ?";
 $stmt = $conn->prepare($query);
 $stmt->bind_param("s", $email);
 $stmt->execute();
 $result = $stmt->get_result();
 if ($result->num_rows == 1) {
    $row = $result->fetch_assoc();
    // use $row
 }
 $stmt->close();
 ```
 ### Using DatabaseService
 ```php
 $user = $db->selectOne(
    "SELECT * FROM users WHERE email = ?",
    [$email],
    "s"  // s = string type
 );
 if ($user) {
    // use $user - returns false if no row found
 }
 ```
 **Benefits:**
 - One-liner for single row
 - Handles null checks automatically
 - Type specification clear in parameters
 ---
 ## Example 3: INSERT (validate_login.php)
 ### Current Code
 ```php
 $query = "INSERT INTO users (email, first_name, last_name, profile_pic, password, is_verified) VALUES (?, ?, ?, ?, ?, ?)";
 $stmt = $conn->prepare($query);
 $is_verified = 1;
 $stmt->bind_param("sssssi", $email, $first_name, $last_name, $picture, $password, $is_verified);
 if ($stmt->execute()) {
    $user_id = $conn->insert_id;  // ❌ Bug: insert_id from $conn, not $stmt
    // use $user_id
 }
 $stmt->close();
 ```
 ### Using DatabaseService
 ```php
 $user_id = $db->insert(
    "INSERT INTO users (email, first_name, last_name, profile_pic, password, is_verified) VALUES (?, ?, ?, ?, ?, ?)",
    [$email, $first_name, $last_name, $picture, $password, 1],
    "sssssi"
 );
 if ($user_id) {
    // $user_id contains the auto-increment ID
 } else {
    $error = $db->getLastError();
 }
 ```
 **Benefits:**
 - Returns insert ID directly
 - Automatic error handling
 - Cleaner parameter list
 ---
 ## Example 4: UPDATE (admin_members.php)
 ### Current Code
 ```php
 $user_id = intval($_POST['user_id']);
 $stmt = $conn->prepare("UPDATE membership_application SET accept_indemnity = 1 WHERE user_id = ?");
 if ($stmt) {
    $stmt->bind_param("i", $user_id);
    $stmt->execute();
    $stmt->close();
 }
 ```
 ### Using DatabaseService
 ```php
 $user_id = intval($_POST['user_id']);
 $affectedRows = $db->update(
    "UPDATE membership_application SET accept_indemnity = 1 WHERE user_id = ?",
    [$user_id],
    "i"
 );
 if ($affectedRows !== false) {
    // Updated successfully, $affectedRows = number of rows changed
 }
 ```
 **Benefits:**
 - Returns affected row count
 - No manual statement closing
 - Error available via `$db->getLastError()`
 ---
 ## Example 5: COUNT / EXISTS
 ### Current Pattern (Need 3 lines)
 ```php
 $stmt = $conn->prepare("SELECT COUNT(*) as count FROM users WHERE email = ?");
 $stmt->bind_param("s", $email);
 $stmt->execute();
 $result = $stmt->get_result();
 $row = $result->fetch_assoc();
 if ($row['count'] > 0) { /* exists */ }
 $stmt->close();
 ```
 ### Using DatabaseService (One line)
 ```php
 $exists = $db->exists("users", "email = ?", [$email], "s");
 if ($exists) {
    // User exists
 }
 ```
 **Benefits:**
 - Boolean result
 - Intent is clear
 - One-liner
 ---
 ## Example 6: Multiple Rows with Filtering
 ### Current Code
 ```php
 $status = 'active';
 $stmt = $conn->prepare("SELECT * FROM members WHERE status = ? ORDER BY last_name ASC");
 $stmt->bind_param("s", $status);
 $stmt->execute();
 $result = $stmt->get_result();
 $members = [];
 while ($row = $result->fetch_assoc()) {
    $members[] = $row;
 }
 $stmt->close();
 ```
 ### Using DatabaseService
 ```php
 $members = $db->select(
    "SELECT * FROM members WHERE status = ? ORDER BY last_name ASC",
    ['active'],
    "s"
 );
 ```
 **Benefits:**
 - Returns array directly
 - No loop needed
 - 2 lines vs 8 lines
 ---
 ## Example 7: Error Handling
 ### Current Pattern
 ```php
 $stmt = $conn->prepare("SELECT * FROM users WHERE id = ?");
 if (!$stmt) {
    echo "Prepare failed: " . $conn->error;
    exit();
 }
 $stmt->bind_param("i", $id);
 if (!$stmt->execute()) {
    echo "Execute failed: " . $stmt->error;
    exit();
 }
 ```
 ### Using DatabaseService
 ```php
 $user = $db->selectOne("SELECT * FROM users WHERE id = ?", [$id], "i");
 if ($user === false) {
    $error = $db->getLastError();
    error_log("Database error: " . $error);
    // handle error
 }
 ```
 **Benefits:**
 - Error handling centralized
 - No null checks for each step
 - Debug via `$db->getLastQuery()`
 ---
 ## Example 8: Transactions
 ### Current Pattern
 ```php
 $conn->begin_transaction();
 try {
    $stmt = $conn->prepare("INSERT INTO orders ...");
    $stmt->execute();
    $stmt = $conn->prepare("UPDATE inventory ...");
    $stmt->execute();
    $conn->commit();
 } catch (Exception $e) {
    $conn->rollback();
 }
 ```
 ### Using DatabaseService
 ```php
 $db->beginTransaction();
 $order_id = $db->insert("INSERT INTO orders ...", [...], "...");
 if ($order_id === false) {
    $db->rollback();
    exit("Order creation failed");
 }
 $updated = $db->update("UPDATE inventory ...", [...], "...");
 if ($updated === false) {
    $db->rollback();
    exit("Inventory update failed");
 }
 $db->commit();
 ```
 **Benefits:**
 - Unified transaction API
 - Built-in error checking
 - Clean rollback on failure
 ---
 ## Type Specification Reference
 When using DatabaseService methods, specify parameter types:
 | Type | Meaning | Example |
 |------|---------|---------|
 | `"i"` | Integer | `user_id = 5` |
 | `"d"` | Double/Float | `price = 19.99` |
 | `"s"` | String | `email = 'test@example.com'` |
 | `"b"` | Blob | Binary data |
 Examples:
 ```php
 // Single parameter
 $db->select("SELECT * FROM users WHERE id = ?", [123], "i");
 // Multiple parameters
 $db->select(
    "SELECT * FROM users WHERE email = ? AND status = ?", 
    ["test@example.com", "active"], 
    "ss"
 );
 // Mixed types
 $db->select(
    "SELECT * FROM orders WHERE user_id = ? AND total > ? AND date = ?",
    [5, 100.50, "2025-01-01"],
    "ids"  // integer, double, string
 );
 ```
 ---
 ## Migration Path
 ### Phase 1: New Code
 Start using `$db` for all new features and AJAX endpoints.
 ### Phase 2: High-Traffic Files
 Refactor popular files:
 1. `validate_login.php` - Login is critical
 2. `functions.php` - Helper functions
 3. `admin_members.php`, `admin_payments.php` - Admin pages
 ### Phase 3: Gradual Rollout
 As each file is refactored, commit and test thoroughly before moving to next.
 ### Phase 4: Full Migration
 Eventually all procedural `$conn->prepare()` patterns replaced.
 ---
 ## Benefits Summary
 | Aspect | Before | After |
 |--------|--------|-------|
 | Lines per query | 5-8 | 1-3 |
 | Error handling | Manual checks | Automatic |
 | Type safety | bind_param() | Parameter array |
 | Statement closing | Manual | Automatic |
 | Insert ID handling | `$conn->insert_id` (buggy) | Direct return |
 | Debugging | Check multiple vars | `getLastError()`, `getLastQuery()` |
 | Consistency | Varies | Unified API |
 ---
 ## Next Steps
 1. Start with one file (e.g., `admin_members.php`)
 2. Convert simple queries first
 3. Test thoroughly
 4. Commit and move to next file
 5. Keep `$conn` available for complex queries that don't fit the standard patterns
 The `$db` service makes your code **cleaner, safer, and easier to maintain**.
--- a/docs/DB_existing
+++ b/docs/DB_existing
@@ -1,680 +0,0 @@
 -- phpMyAdmin SQL Dump
 -- version 5.2.2
 -- https://www.phpmyadmin.net/
 --
 -- Host: db
 -- Generation Time: Dec 02, 2025 at 07:32 PM
 -- Server version: 8.0.41
 -- PHP Version: 8.2.27
 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
 START TRANSACTION;
 SET time_zone = "+00:00";
 /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
 /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
 /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
 /*!40101 SET NAMES utf8mb4 */;
 --
 -- Database: `4wdcsa`
 --
 -- --------------------------------------------------------
 --
 -- Table structure for table `bar_items`
 --
 DROP TABLE IF EXISTS `bar_items`;
 CREATE TABLE `bar_items` (
  `item_id` int NOT NULL,
  `price` decimal(10,2) DEFAULT NULL,
  `description` varchar(64) DEFAULT NULL,
  `image` varchar(255) DEFAULT NULL,
  `qty` int DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `bar_tabs`
 --
 DROP TABLE IF EXISTS `bar_tabs`;
 CREATE TABLE `bar_tabs` (
  `tab_id` int NOT NULL,
  `user_id` int DEFAULT NULL,
  `image` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `bar_transactions`
 --
 DROP TABLE IF EXISTS `bar_transactions`;
 CREATE TABLE `bar_transactions` (
  `transaction_id` int NOT NULL,
  `user_id` int DEFAULT NULL,
  `item_price` decimal(10,2) DEFAULT NULL,
  `item_name` varchar(64) DEFAULT NULL,
  `eft_id` varchar(255) DEFAULT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `item_id` int DEFAULT NULL,
  `tab_id` int DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `blacklist`
 --
 DROP TABLE IF EXISTS `blacklist`;
 CREATE TABLE `blacklist` (
  `blacklist_id` int NOT NULL,
  `ip` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `blogs`
 --
 DROP TABLE IF EXISTS `blogs`;
 CREATE TABLE `blogs` (
  `blog_id` int NOT NULL,
  `title` varchar(255) DEFAULT NULL,
  `date` date DEFAULT NULL,
  `category` varchar(255) DEFAULT NULL,
  `description` text,
  `image` varchar(255) DEFAULT NULL,
  `author` int DEFAULT NULL,
  `link` varchar(255) DEFAULT NULL,
  `members_only` tinyint(1) NOT NULL DEFAULT '1',
  `content` text,
  `status` enum('draft','published','deleted') CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT 'draft'
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `bookings`
 --
 DROP TABLE IF EXISTS `bookings`;
 CREATE TABLE `bookings` (
  `booking_id` int NOT NULL,
  `booking_type` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `user_id` int NOT NULL,
  `from_date` date DEFAULT NULL,
  `to_date` date DEFAULT NULL,
  `num_vehicles` int NOT NULL DEFAULT '1',
  `num_adults` int NOT NULL DEFAULT '0',
  `num_children` int NOT NULL DEFAULT '0',
  `add_firewood` tinyint(1) DEFAULT '0',
  `total_amount` decimal(10,2) DEFAULT NULL,
  `discount_amount` decimal(10,2) NOT NULL DEFAULT '0.00',
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `updated_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  `status` varchar(32) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `payment_id` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `trip_id` int DEFAULT NULL,
  `radio` tinyint(1) DEFAULT '0',
  `course_id` int DEFAULT NULL,
  `course_non_members` int DEFAULT '0',
  `eft_id` varchar(64) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `accept_indemnity` tinyint(1) DEFAULT '0',
  `num_pensioners` int DEFAULT '0',
  `notes` text CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `campsites`
 --
 DROP TABLE IF EXISTS `campsites`;
 CREATE TABLE `campsites` (
  `id` int NOT NULL,
  `name` varchar(255) NOT NULL,
  `description` text,
  `latitude` float(10,6) NOT NULL,
  `longitude` float(10,6) NOT NULL,
  `created_at` timestamp NULL DEFAULT CURRENT_TIMESTAMP,
  `website` varchar(255) DEFAULT NULL,
  `telephone` varchar(50) DEFAULT NULL,
  `thumbnail` varchar(255) DEFAULT NULL,
  `user_id` int DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `comments`
 --
 DROP TABLE IF EXISTS `comments`;
 CREATE TABLE `comments` (
  `comment_id` int NOT NULL,
  `page_id` varchar(255) NOT NULL,
  `user_id` varchar(100) NOT NULL,
  `comment` text NOT NULL,
  `created_at` datetime DEFAULT CURRENT_TIMESTAMP
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `courses`
 --
 DROP TABLE IF EXISTS `courses`;
 CREATE TABLE `courses` (
  `course_id` int NOT NULL,
  `course_type` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `date` date NOT NULL,
  `capacity` int NOT NULL,
  `booked` int NOT NULL,
  `cost_members` decimal(10,2) NOT NULL,
  `cost_nonmembers` decimal(10,2) NOT NULL,
  `instructor` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `instructor_email` varchar(255) COLLATE utf8mb4_general_ci NOT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `efts`
 --
 DROP TABLE IF EXISTS `efts`;
 CREATE TABLE `efts` (
  `eft_id` varchar(255) NOT NULL,
  `booking_id` int DEFAULT NULL,
  `user_id` int NOT NULL,
  `status` varchar(64) NOT NULL,
  `timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  `amount` decimal(10,2) NOT NULL,
  `description` varchar(255) DEFAULT NULL,
  `membershipfee_id` int DEFAULT NULL,
  `proof_of_payment` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `events`
 --
 DROP TABLE IF EXISTS `events`;
 CREATE TABLE `events` (
  `event_id` int NOT NULL,
  `date` date DEFAULT NULL,
  `time` time DEFAULT NULL,
  `name` varchar(255) DEFAULT NULL,
  `image` varchar(255) DEFAULT NULL,
  `description` text,
  `feature` varchar(255) DEFAULT NULL,
  `location` varchar(255) DEFAULT NULL,
  `type` varchar(255) DEFAULT NULL,
  `promo` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `legacy_members`
 --
 DROP TABLE IF EXISTS `legacy_members`;
 CREATE TABLE `legacy_members` (
  `legacy_id` varchar(12) NOT NULL,
  `last_name` varchar(255) DEFAULT NULL,
  `first_name` varchar(255) DEFAULT NULL,
  `amount` varchar(12) DEFAULT NULL,
  `phone_number` varchar(16) DEFAULT NULL,
  `email` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `membership_application`
 --
 DROP TABLE IF EXISTS `membership_application`;
 CREATE TABLE `membership_application` (
  `application_id` int NOT NULL,
  `user_id` int NOT NULL,
  `first_name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `last_name` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `id_number` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `dob` date DEFAULT NULL,
  `occupation` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `tel_cell` varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `email` varchar(100) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_first_name` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_last_name` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_id_number` varchar(50) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_dob` date DEFAULT NULL,
  `spouse_occupation` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_tel_cell` varchar(20) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `spouse_email` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `child_name1` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `child_dob1` date DEFAULT NULL,
  `child_name2` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `child_dob2` date DEFAULT NULL,
  `child_name3` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `child_dob3` date DEFAULT NULL,
  `physical_address` text COLLATE utf8mb4_general_ci,
  `postal_address` text COLLATE utf8mb4_general_ci,
  `interests_hobbies` text COLLATE utf8mb4_general_ci,
  `vehicle_make` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `vehicle_model` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `vehicle_year` varchar(10) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `vehicle_registration` varchar(20) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `secondary_vehicle_make` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `secondary_vehicle_model` varchar(100) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `secondary_vehicle_year` varchar(10) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `secondary_vehicle_registration` varchar(20) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `updated_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  `accept_indemnity` tinyint(1) NOT NULL DEFAULT '0',
  `sig` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `code` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `membership_fees`
 --
 DROP TABLE IF EXISTS `membership_fees`;
 CREATE TABLE `membership_fees` (
  `fee_id` int NOT NULL,
  `user_id` int NOT NULL,
  `payment_amount` decimal(10,2) NOT NULL,
  `payment_date` date DEFAULT NULL,
  `payment_status` varchar(255) COLLATE utf8mb4_general_ci DEFAULT 'PENDING',
  `membership_start_date` date NOT NULL,
  `membership_end_date` date NOT NULL,
  `due_date` date DEFAULT NULL,
  `renewal_reminder_sent` tinyint(1) DEFAULT '0',
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `updated_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
  `payment_id` varchar(255) COLLATE utf8mb4_general_ci DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `password_resets`
 --
 DROP TABLE IF EXISTS `password_resets`;
 CREATE TABLE `password_resets` (
  `id` int NOT NULL,
  `user_id` int NOT NULL,
  `token` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `expires_at` datetime NOT NULL,
  `created_at` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `payments`
 --
 DROP TABLE IF EXISTS `payments`;
 CREATE TABLE `payments` (
  `payment_id` varchar(255) NOT NULL,
  `user_id` int NOT NULL,
  `amount` decimal(10,2) NOT NULL,
  `status` varchar(255) NOT NULL,
  `date` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `description` varchar(255) NOT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
 -- --------------------------------------------------------
 --
 -- Table structure for table `prices`
 --
 DROP TABLE IF EXISTS `prices`;
 CREATE TABLE `prices` (
  `price_id` int NOT NULL,
  `description` varchar(255) DEFAULT NULL,
  `type` varchar(255) DEFAULT NULL,
  `amount` decimal(10,2) DEFAULT NULL,
  `amount_nonmembers` decimal(10,2) DEFAULT NULL,
  `detail` text
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `trips`
 --
 DROP TABLE IF EXISTS `trips`;
 CREATE TABLE `trips` (
  `trip_id` int NOT NULL,
  `trip_name` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `start_date` date NOT NULL,
  `end_date` date NOT NULL,
  `short_description` text COLLATE utf8mb4_general_ci NOT NULL,
  `long_description` text COLLATE utf8mb4_general_ci NOT NULL,
  `vehicle_capacity` int NOT NULL,
  `cost_members` decimal(10,2) NOT NULL,
  `cost_nonmembers` decimal(10,2) NOT NULL,
  `location` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `places_booked` int DEFAULT NULL,
  `booking_fee` decimal(10,2) NOT NULL,
  `trip_code` varchar(12) COLLATE utf8mb4_general_ci DEFAULT NULL,
  `published` tinyint(1) NOT NULL DEFAULT '0',
  `cost_pensioner_member` decimal(10,2) NOT NULL,
  `cost_pensioner` decimal(10,2) NOT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `users`
 --
 DROP TABLE IF EXISTS `users`;
 CREATE TABLE `users` (
  `user_id` int NOT NULL,
  `first_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `last_name` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `email` varchar(255) COLLATE utf8mb4_general_ci NOT NULL,
  `password` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `member` tinyint(1) NOT NULL DEFAULT '0',
  `date_joined` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `is_verified` tinyint(1) NOT NULL DEFAULT '0',
  `token` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `phone_number` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci DEFAULT NULL,
  `profile_pic` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL DEFAULT 'assets/images/pp/default.png',
  `role` enum('user','admin','superadmin','') COLLATE utf8mb4_general_ci NOT NULL DEFAULT 'user',
  `type` enum('google','credentials') COLLATE utf8mb4_general_ci NOT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci;
 -- --------------------------------------------------------
 --
 -- Table structure for table `visitor_logs`
 --
 DROP TABLE IF EXISTS `visitor_logs`;
 CREATE TABLE `visitor_logs` (
  `id` int NOT NULL,
  `ip_address` varchar(45) NOT NULL,
  `page_url` text NOT NULL,
  `referrer_url` text,
  `visit_time` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP,
  `user_id` int DEFAULT NULL,
  `country` varchar(255) DEFAULT NULL
 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci;
 --
 -- Indexes for dumped tables
 --
 --
 -- Indexes for table `bar_items`
 --
 ALTER TABLE `bar_items`
  ADD PRIMARY KEY (`item_id`);
 --
 -- Indexes for table `bar_tabs`
 --
 ALTER TABLE `bar_tabs`
  ADD PRIMARY KEY (`tab_id`);
 --
 -- Indexes for table `bar_transactions`
 --
 ALTER TABLE `bar_transactions`
  ADD PRIMARY KEY (`transaction_id`);
 --
 -- Indexes for table `blacklist`
 --
 ALTER TABLE `blacklist`
  ADD PRIMARY KEY (`blacklist_id`);
 --
 -- Indexes for table `blogs`
 --
 ALTER TABLE `blogs`
  ADD PRIMARY KEY (`blog_id`);
 --
 -- Indexes for table `bookings`
 --
 ALTER TABLE `bookings`
  ADD PRIMARY KEY (`booking_id`),
  ADD KEY `user_id` (`user_id`);
 --
 -- Indexes for table `campsites`
 --
 ALTER TABLE `campsites`
  ADD PRIMARY KEY (`id`);
 --
 -- Indexes for table `comments`
 --
 ALTER TABLE `comments`
  ADD PRIMARY KEY (`comment_id`);
 --
 -- Indexes for table `courses`
 --
 ALTER TABLE `courses`
  ADD PRIMARY KEY (`course_id`);
 --
 -- Indexes for table `efts`
 --
 ALTER TABLE `efts`
  ADD PRIMARY KEY (`eft_id`);
 --
 -- Indexes for table `events`
 --
 ALTER TABLE `events`
  ADD PRIMARY KEY (`event_id`);
 --
 -- Indexes for table `legacy_members`
 --
 ALTER TABLE `legacy_members`
  ADD PRIMARY KEY (`legacy_id`);
 --
 -- Indexes for table `membership_application`
 --
 ALTER TABLE `membership_application`
  ADD PRIMARY KEY (`application_id`);
 --
 -- Indexes for table `membership_fees`
 --
 ALTER TABLE `membership_fees`
  ADD PRIMARY KEY (`fee_id`);
 --
 -- Indexes for table `password_resets`
 --
 ALTER TABLE `password_resets`
  ADD PRIMARY KEY (`id`),
  ADD UNIQUE KEY `token` (`token`),
  ADD KEY `user_id` (`user_id`);
 --
 -- Indexes for table `payments`
 --
 ALTER TABLE `payments`
  ADD PRIMARY KEY (`payment_id`);
 --
 -- Indexes for table `prices`
 --
 ALTER TABLE `prices`
  ADD PRIMARY KEY (`price_id`);
 --
 -- Indexes for table `trips`
 --
 ALTER TABLE `trips`
  ADD PRIMARY KEY (`trip_id`);
 --
 -- Indexes for table `users`
 --
 ALTER TABLE `users`
  ADD PRIMARY KEY (`user_id`);
 --
 -- Indexes for table `visitor_logs`
 --
 ALTER TABLE `visitor_logs`
  ADD PRIMARY KEY (`id`);
 --
 -- AUTO_INCREMENT for dumped tables
 --
 --
 -- AUTO_INCREMENT for table `bar_items`
 --
 ALTER TABLE `bar_items`
  MODIFY `item_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `bar_tabs`
 --
 ALTER TABLE `bar_tabs`
  MODIFY `tab_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `bar_transactions`
 --
 ALTER TABLE `bar_transactions`
  MODIFY `transaction_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `blacklist`
 --
 ALTER TABLE `blacklist`
  MODIFY `blacklist_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `blogs`
 --
 ALTER TABLE `blogs`
  MODIFY `blog_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `bookings`
 --
 ALTER TABLE `bookings`
  MODIFY `booking_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `campsites`
 --
 ALTER TABLE `campsites`
  MODIFY `id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `comments`
 --
 ALTER TABLE `comments`
  MODIFY `comment_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `courses`
 --
 ALTER TABLE `courses`
  MODIFY `course_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `events`
 --
 ALTER TABLE `events`
  MODIFY `event_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `membership_application`
 --
 ALTER TABLE `membership_application`
  MODIFY `application_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `membership_fees`
 --
 ALTER TABLE `membership_fees`
  MODIFY `fee_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `password_resets`
 --
 ALTER TABLE `password_resets`
  MODIFY `id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `prices`
 --
 ALTER TABLE `prices`
  MODIFY `price_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `trips`
 --
 ALTER TABLE `trips`
  MODIFY `trip_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `users`
 --
 ALTER TABLE `users`
  MODIFY `user_id` int NOT NULL AUTO_INCREMENT;
 --
 -- AUTO_INCREMENT for table `visitor_logs`
 --
 ALTER TABLE `visitor_logs`
  MODIFY `id` int NOT NULL AUTO_INCREMENT;
 --
 -- Constraints for dumped tables
 --
 --
 -- Constraints for table `bookings`
 --
 ALTER TABLE `bookings`
  ADD CONSTRAINT `bookings_ibfk_1` FOREIGN KEY (`user_id`) REFERENCES `users` (`user_id`) ON DELETE CASCADE;
 --
 -- Constraints for table `password_resets`
 --
 ALTER TABLE `password_resets`
  ADD CONSTRAINT `password_resets_ibfk_1` FOREIGN KEY (`user_id`) REFERENCES `users` (`user_id`) ON DELETE CASCADE;
 COMMIT;
 /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
 /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
 /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
--- a/docs/EVENTS_ADMIN_SYSTEM.md
+++ b/docs/EVENTS_ADMIN_SYSTEM.md
@@ -1,176 +0,0 @@
 # Events Management Admin System
 ## Overview
 A complete admin system for managing events on the 4WDCSA website, following the same patterns as the trip management system.
 ## Files Created
 ### 1. `/src/admin/manage_events.php`
 **Purpose**: Form for creating and editing events
 **Features**:
 - Create new events form
 - Edit existing events form
 - Fields:
  - Event Name (required)
  - Event Type (required) - e.g., Workshop, Training, Rally
  - Location (required)
  - Date (required)
  - Time (required)
  - Feature/Category (required) - e.g., Off-Road Training, Social Event
  - Description (required) - Full text description
  - Event Image (required for new, optional for updates)
  - Promotional Image (optional) - Displayed when users click "View Promo"
  - Published Status (checkbox) - Controls visibility on website
 **Technical Details**:
 - AJAX form submission to `process_event` endpoint
 - Image upload with validation
 - CSRF token protection
 - Responsive Bootstrap grid layout (col-md-6 fields)
 - Success/error message display with auto-redirect
 ### 2. `/src/admin/process_event.php`
 **Purpose**: Backend endpoint for handling event CRUD operations
 **Endpoints**:
 - `POST /process_event` - Create/Update event
 - `GET /process_event?action=delete&event_id={id}` - Delete event
 **Features**:
 - Create new events with image uploads
 - Update existing events with optional image replacement
 - Delete events and associated image files
 - CSRF token validation
 - Image type validation (JPEG, PNG, GIF, WebP)
 - File organization in `/assets/images/events/`
 - Automatic timestamp management (created_at, updated_at)
 - User tracking (created_by stores admin user_id)
 **Image Handling**:
 - Main event image: Stored with unique ID prefix
 - Promo image: Stored with `_promo_` prefix
 - Both uploaded to `/assets/images/events/`
 ### 3. `/src/admin/admin_events.php`
 **Purpose**: Admin dashboard for managing all events
 **Features**:
 - List all events with sortable columns
 - Real-time search/filter across all columns
 - Create new event button
 - Edit event link for each row
 - Delete event with confirmation dialog
 - Status badges (Published/Draft)
 - Responsive table with alternating row colors
 - Rounded corners on even rows
 **Sortable Columns**:
 - Event Name
 - Type
 - Location
 - Date
 - Status
 **Actions**:
 - Edit - Redirects to manage_events.php with event_id
 - Delete - Removes event and associated files
 ## Database Schema Changes
 ### Migration File: `/docs/migrations/001_add_events_tracking_columns.sql`
 **Columns Added to events table**:
 - `created_by` (int) - References user who created the event
 - `published` (tinyint(1)) - Boolean flag for publication status (default 0/false)
 - `created_at` (timestamp) - Automatic timestamp when event is created
 - `updated_at` (timestamp) - Automatic timestamp updated on modification
 **Indexes Added**:
 - `idx_date` - For sorting and filtering by date
 - `idx_published` - For filtering published/draft events
 - `idx_created_by` - For tracking who created events
 ## Design Patterns
 ### Follows Trip Management System Architecture
 - Same form layout and styling (`.comment-form.bgc-lighter`)
 - Same table styling with sortable headers and filters
 - Same image upload and validation patterns
 - AJAX submission with success/error messaging
 - Auto-redirect on successful operation
 ### Image Organization
 ```
 /assets/images/events/
 ├── {unique_id}_{original_filename}.jpg (event images)
 └── {unique_id}_promo_{original_filename}.jpg (promo images)
 ```
 ### Front-end Integration
 The existing `/src/pages/events/events.php` displays published events:
 - Shows event image, name, location, date, time
 - Feature description and full description
 - "View Promo" button displays promotional image in modal
 ## Usage Workflow
 ### Creating an Event
 1. Navigate to `/src/admin/manage_events.php`
 2. Fill in all required fields
 3. Upload event image
 4. Optionally upload promotional image
 5. Check "Publish Event" if ready to display
 6. Submit form via AJAX
 7. Redirected to admin_events.php list view
 ### Editing an Event
 1. Click "Edit" button on admin_events.php
 2. Modify any fields
 3. Image upload is optional - existing image retained if not changed
 4. Update timestamps and user tracking automatic
 5. Submit form
 6. Redirected back to list view
 ### Deleting an Event
 1. Click "Delete" button on admin_events.php
 2. Confirm deletion in dialog
 3. Event and associated image files removed from server
 4. Page automatically refreshes
 ### Publishing/Unpublishing
 - Toggle "Publish Event" checkbox before saving
 - Only published events appear on `/src/pages/events/events.php`
 - Draft events hidden from public view
 ## Security Features
 1. **CSRF Token Protection**: All forms include CSRF token validation
 2. **Admin-only Access**: `checkAdmin()` function validates user permissions
 3. **File Validation**: Image type checking (JPEG, PNG, GIF, WebP)
 4. **SQL Injection Prevention**: Prepared statements with parameter binding
 5. **XSS Prevention**: `htmlspecialchars()` used for output escaping
 ## Styling Classes
 **Form Container**: `.comment-form.bgc-lighter.z-1.rel.mb-30.rmb-55`
 **Action Buttons**: `.btn-edit`, `.btn-delete`
 **Status Badges**: `.badge.badge-published`, `.badge.badge-draft`
 **Tables**: Uses sortable header styling with visual sort indicators
 ## Browser Compatibility
 - Modern browsers with AJAX/Fetch API support
 - JavaScript enabled required for filtering and sorting
 - File input accepts image MIME types
 ## Future Enhancement Opportunities
 1. Bulk event operations (bulk delete, publish multiple)
 2. Event categories/tags system
 3. Event capacity limits with registrations
 4. Email notifications for published events
 5. Event calendar view
 6. Event image gallery (multiple images per event)
 7. Recurring events support
 8. Event attendee tracking
--- a/Show More
+++ b/Show More