{"id":73,"date":"2025-05-31T08:51:20","date_gmt":"2025-05-31T08:51:20","guid":{"rendered":"http:\/\/localhost\/alden\/?page_id=73"},"modified":"2025-07-25T09:33:33","modified_gmt":"2025-07-25T09:33:33","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/aldenstravel.com\/?page_id=73","title":{"rendered":"Contact Us"},"content":{"rendered":"<p><?php\n\/\/ This is the PHP script to process the multi-step form\n\n\/\/ The email address you want to receive the inquiry\n$toEmail = 'babulsubba123@gmail.com';\n\n\/\/ Status message to show the user\n$statusMsg = '';\n\n\/\/ Check if the form was submitted. The submit button is named 'submit-form'.\nif (isset($_POST['submit-form'])) {\n\n    \/\/ --- Collect and Sanitize all form data ---\n    \/\/ Using htmlspecialchars to prevent XSS attacks\n    $name         = isset($_POST['your-name']) ? htmlspecialchars(trim($_POST['your-name'])) : '';\n    $email        = isset($_POST['your-email']) ? htmlspecialchars(trim($_POST['your-email'])) : '';\n    $whatsapp     = isset($_POST['whats-app']) ? htmlspecialchars(trim($_POST['whats-app'])) : '';\n    $tripTitle    = isset($_POST['your-subject']) ? htmlspecialchars(trim($_POST['your-subject'])) : '';\n    $travelDate   = isset($_POST['travel-date']) ? htmlspecialchars(trim($_POST['travel-date'])) : '';\n    $duration     = isset($_POST['trip-duration']) ? htmlspecialchars(trim($_POST['trip-duration'])) : '';\n    $adults       = isset($_POST['adult']) ? htmlspecialchars(trim($_POST['adult'])) : '';\n    $children     = isset($_POST['children']) ? htmlspecialchars(trim($_POST['children'])) : '';\n    $infant1      = isset($_POST['infant1']) ? htmlspecialchars(trim($_POST['infant1'])) : '';\n    $infant2      = isset($_POST['infant2']) ? htmlspecialchars(trim($_POST['infant2'])) : '';\n    $totalTravelers = isset($_POST['total-traveler']) ? htmlspecialchars(trim($_POST['total-traveler'])) : '';\n    $nationality  = isset($_POST['country']) ? htmlspecialchars(trim($_POST['country'])) : '';\n    $travelRoute  = isset($_POST['travel-route']) ? htmlspecialchars(trim($_POST['travel-route'])) : '';\n    $ticketClass  = isset($_POST['ticket-class']) ? htmlspecialchars(trim($_POST['ticket-class'])) : '';\n    $accommodations = isset($_POST['accommodations']) ? htmlspecialchars(trim($_POST['accommodations'])) : '';\n    $message      = isset($_POST['message']) ? htmlspecialchars(trim($_POST['message'])) : '';\n\n    \/\/ Handle checkboxes (travel-interest), which is an array\n    $travelInterests = 'None selected';\n    if (!empty($_POST['travel-interest']) &#038;&#038; is_array($_POST['travel-interest'])) {\n        $interests = array_map('htmlspecialchars', $_POST['travel-interest']);\n        $travelInterests = implode(', <br \/>&#8216;, $interests);<br \/>\n    }<\/p>\n<p>    \/\/ &#8212; Basic Validation &#8212;<br \/>\n    if (!empty($name) &#038;&#038; !empty($email) &#038;&#038; !empty($message) &#038;&#038; filter_var($email, FILTER_VALIDATE_EMAIL)) {<\/p>\n<p>        \/\/ Construct the email subject<br \/>\n        $emailSubject = &#8216;New Tour Inquiry: &#8216; . $tripTitle;<\/p>\n<p>        \/\/ Construct the rich HTML email body<br \/>\n        $htmlContent = &#8221;<br \/>\n            <html><br \/>\n            <head><title>{$emailSubject}<\/title><\/head><br \/>\n            <body style='font-family: Arial, sans-serif; line-height: 1.6;'><\/p>\n<h2 style='color: #333;'>New Bespoke Tour Inquiry<\/h2>\n<p>You have received a new tour inquiry from your website contact form.<\/p>\n<hr>\n<h3 style='color: #555;'>Contact Details<\/h3>\n<p><b>Name:<\/b> {$name}<\/p>\n<p><b>Email:<\/b> {$email}<\/p>\n<p><b>WhatsApp Number:<\/b> {$whatsapp}<\/p>\n<p><b>Nationality:<\/b> {$nationality}<\/p>\n<h3 style='color: #555;'>Trip Details<\/h3>\n<p><b>Trip Title:<\/b> {$tripTitle}<\/p>\n<p><b>Travel Dates:<\/b> {$travelDate}<\/p>\n<p><b>Trip Duration:<\/b> {$duration} days<\/p>\n<p><b>Travel Route:<\/b> {$travelRoute}<\/p>\n<h3 style='color: #555;'>Traveler Information<\/h3>\n<p><b>Adults:<\/b> {$adults}<\/p>\n<p><b>Children (6-12):<\/b> {$children}<\/p>\n<p><b>Infants (Below 2):<\/b> {$infant1}<\/p>\n<p><b>Infants (2-6):<\/b> {$infant2}<\/p>\n<p><b>Total Travelers:<\/b> {$totalTravelers}<\/p>\n<h3 style='color: #555;'>Preferences<\/h3>\n<p><b>Air Ticket Class:<\/b> {$ticketClass}<\/p>\n<p><b>Accommodation Preference:<\/b> {$accommodations}<\/p>\n<p><b>Travel Interests:<\/b><br \/>{$travelInterests}<\/p>\n<h3 style='color: #555;'>Message<\/h3>\n<p>&#8220;.nl2br($message).&#8221;<\/p>\n<hr>\n<p>            <\/body><br \/>\n            <\/html><br \/>\n        &#8220;;<\/p>\n<p>        \/\/ Set email headers for sending HTML email<br \/>\n        $headers = &#8220;MIME-Version: 1.0&#8221; . &#8220;\\r\\n&#8221;;<br \/>\n        $headers .= &#8220;Content-type:text\/html;charset=UTF-8&#8221; . &#8220;\\r\\n&#8221;;<br \/>\n        $headers .= &#8216;From: &#8216; . $name . &#8216; <' . $email . '>&#8216; . &#8220;\\r\\n&#8221;;<br \/>\n        $headers .= &#8216;Reply-To: &#8216; . $email . &#8220;\\r\\n&#8221;;<\/p>\n<p>        \/\/ Send the email<br \/>\n        $mail = mail($toEmail, $emailSubject, $htmlContent, $headers);<\/p>\n<p>        \/\/ Set status message after submission attempt<br \/>\n        if ($mail) {<br \/>\n            \/\/ This message is shown on the final &#8216;Thank You&#8217; step<br \/>\n            $statusMsg = &#8220;Thank you, {$name}! Your inquiry has been sent successfully. We will get back to you shortly.&#8221;;<br \/>\n        } else {<br \/>\n            \/\/ This message will be shown if there&#8217;s a server-side error<br \/>\n            $statusMsg = &#8220;Sorry, there was an error sending your message. Please try again later.&#8221;;<br \/>\n        }<\/p>\n<p>    } else {<br \/>\n        $statusMsg = &#8216;Please fill in all required fields and provide a valid email address.&#8217;;<br \/>\n    }<br \/>\n}<br \/>\n?><br \/>\n<!DOCTYPE html><br \/>\n<html lang=\"en\"><br \/>\n<head><br \/>\n    <meta charset=\"UTF-8\"><br \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><br \/>\n    <title>Contact Us &#8211; Plan Your Trip<\/title><br \/>\n    <!-- We need Bootstrap CSS for the grid layout (col-md-7, etc.) and some basic styling -->\n    <link rel=\"stylesheet\" href=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\">\n<style>\n        \/* CSS for the multi-step form *\/\n        body { background-color: #f4f4f4; }\n        .why-us { padding: 40px 0; }\n        .title-wrapper { text-align: center; margin-bottom: 40px; }\n        .title { font-weight: bold; }\n        .tag { font-size: 1.2rem; color: #666; }\n        .why-img img { width: 100%; }\n        .why-desc p { margin-bottom: 1rem; }\n        .contact { margin-top: 40px; }<\/p>\n<p>        \/* Form Styling *\/\n        #msform {\n            text-align: center;\n            position: relative;\n            margin-top: 20px;\n        }\n        #msform fieldset {\n            background: white;\n            border: 0 none;\n            border-radius: 0.5rem;\n            box-sizing: border-box;\n            width: 100%;\n            margin: 0;\n            padding: 20px;\n            position: relative;\n        }\n        .form-card { text-align: left; }<\/p>\n<p>        \/* Hide all except first fieldset *\/\n        #msform fieldset:not(:first-of-type) { display: none; }<\/p>\n<p>        #msform input, #msform textarea, #msform select {\n            padding: 8px 15px;\n            border: 1px solid #ccc;\n            border-radius: 4px;\n            margin-bottom: 10px;\n            width: 100%;\n            box-sizing: border-box;\n            color: #2C3E50;\n            font-size: 16px;\n        }\n        #msform input:focus, #msform textarea:focus {\n            -moz-box-shadow: none !important;\n            -webkit-box-shadow: none !important;\n            box-shadow: none !important;\n            border: 1px solid #28a745;\n            outline-width: 0;\n        }<\/p>\n<p>        \/* Buttons *\/\n        #msform .action-button {\n            width: 100px;\n            background: #28a745;\n            font-weight: bold;\n            color: white;\n            border: 0 none;\n            border-radius: 4px;\n            cursor: pointer;\n            padding: 10px 5px;\n            margin: 10px 5px 10px 0;\n        }\n        #msform .action-button:hover, #msform .action-button:focus { background-color: #218838; }\n        #msform .action-button-previous {\n            width: 100px;\n            background: #6c757d;\n            font-weight: bold;\n            color: white;\n            border: 0 none;\n            border-radius: 4px;\n            cursor: pointer;\n            padding: 10px 5px;\n            margin: 10px 5px 10px 0;\n        }\n        #msform .action-button-previous:hover, #msform .action-button-previous:focus { background-color: #5a6268; }<\/p>\n<p>        \/* Progressbar *\/\n        #progressbar {\n            margin-bottom: 30px;\n            overflow: hidden;\n            color: lightgrey;\n            padding-left: 0;\n            display: flex;\n            justify-content: center;\n        }\n        #progressbar .active { color: #28a745; }\n        #progressbar li {\n            list-style-type: none;\n            font-size: 12px;\n            width: 8%; \/* Adjust based on number of steps *\/\n            float: left;\n            position: relative;\n            text-align: center;\n        }\n        #progressbar li:before {\n            content: \"\";\n            width: 10px;\n            height: 10px;\n            line-height: 45px;\n            display: block;\n            font-size: 20px;\n            color: #ffffff;\n            background: lightgray;\n            border-radius: 50%;\n            margin: 0 auto 10px auto;\n            padding: 2px;\n        }\n        #progressbar li:after {\n            content: '';\n            width: 100%;\n            height: 2px;\n            background: lightgray;\n            position: absolute;\n            left: 0;\n            top: 5px; \/* Position in middle of circle *\/\n            z-index: -1;\n        }\n        #progressbar li.active:before, #progressbar li.active:after { background: #28a745; }<\/p>\n<p>        \/* Checkbox styling *\/\n        .wpcf7-list-item { display: block; margin-bottom: 8px; }\n        .wpcf7-list-item label { display: flex; align-items: center; }\n        .wpcf7-list-item input[type=\"checkbox\"], .wpcf7-list-item input[type=\"radio\"] {\n            width: auto;\n            margin-right: 10px;\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"why-us\">\n<div class=\"container\">\n<div class=\"title-wrapper\">\n<h2 class=\"title\">CONTACT US<\/h2>\n<p class=\"tag\">Feel free to get in touch with us for our unique travel itineraries and tour packages<\/p>\n<\/p><\/div>\n<div class=\"why-us-content\">\n<div class=\"row\">\n<div class=\"col-md-7\">\n<div class=\"why-img\">\n\t\t\t\t\t\t<img decoding=\"async\" class=\"img-responsive img-rounded\" src=\"https:\/\/www.breathebhutan.com\/wp-content\/uploads\/2019\/06\/The-Bucket-List-Family-Small.jpg\" alt=\"Bucket List Family in Bhutan\"><\/p>\n<div class=\"caption\">\n<h3>We hosted the Bucket List Family in October 2018<\/h3>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"col-md-5\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"contact\">\n<div class=\"trip-planner\">\n<div id=\"msform\">\n                    <!-- Form Action points to this same file --><\/p>\n<form action=\"tour-inquiry.php\" method=\"post\">\n                        <!-- progressbar --><\/p>\n<ul id=\"progressbar\">\n<li class=\"active\">Step 1<\/li>\n<li>Step 2<\/li>\n<li>Step 3<\/li>\n<li>Step 4<\/li>\n<li>Step 5<\/li>\n<li>Step 6<\/li>\n<li>Step 7<\/li>\n<li>Step 8<\/li>\n<li>Step 9<\/li>\n<li>Step 10<\/li>\n<li>Step 11<\/li>\n<li>Complete<\/li>\n<\/ul>\n<p>                        <!-- All fieldsets for the steps --><\/p>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Personal Information:<\/h5>\n<div class=\"form-group\"><label for=\"your-name\">Your Name*<\/label><input type=\"text\" name=\"your-name\" id=\"your-name\" required \/><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Contact Details:<\/h5>\n<div class=\"form-group\"><label for=\"your-email\">Your Email Address*<\/label><input type=\"email\" name=\"your-email\" id=\"your-email\" required \/><\/div>\n<div class=\"form-group\"><label for=\"whats-app\">Your WhatsApp Number<\/label><input type=\"text\" name=\"whats-app\" id=\"whats-app\" \/><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Trip Title:<\/h5>\n<div class=\"form-group\"><label for=\"your-subject\">Give Your Trip a Title<\/label><input type=\"text\" name=\"your-subject\" id=\"your-subject\" \/><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Trip Timing:<\/h5>\n<div class=\"form-group\"><label for=\"travel-date\">Travel Dates (Or Month &#038; Year)*<\/label><input type=\"text\" name=\"travel-date\" id=\"travel-date\" required \/><\/div>\n<div class=\"form-group\"><label for=\"trip-duration\">Trip Duration (In Days)*<\/label><input type=\"number\" name=\"trip-duration\" id=\"trip-duration\" required \/><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Number of Travelers:<\/h5>\n<div class=\"form-group\"><label for=\"adult\">No. of Adult*<\/label><input type=\"number\" name=\"adult\" id=\"adult\" min=\"1\" value=\"1\" required \/><\/div>\n<div class=\"form-group\"><label for=\"children\">No. of Children (Age: 6-12)*<\/label><input type=\"number\" name=\"children\" id=\"children\" value=\"0\" required \/><\/div>\n<div class=\"row\">\n<div class=\"col-6\">\n<div class=\"form-group\"><label class=\"text-muted\" for=\"infant1\">Infants (Below 2)*<\/label><input type=\"number\" name=\"infant1\" id=\"infant1\" value=\"0\" required \/><\/div>\n<\/div>\n<div class=\"col-6\">\n<div class=\"form-group\"><label class=\"text-muted\" for=\"infant2\">Infants (2-6)*<\/label><input type=\"number\" name=\"infant2\" id=\"infant2\" value=\"0\" required \/><\/div>\n<\/div><\/div>\n<div class=\"form-group\"><label for=\"total-traveler\">Total No. of Travelers*<\/label><input type=\"number\" name=\"total-traveler\" id=\"total-traveler\" required \/><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Your Origin:<\/h5>\n<div class=\"form-group\"><label for=\"country\">Nationality*<\/label><select name=\"country\" id=\"country\" required><option value=\"\">Select<\/option><option value=\"United States\">United States<\/option><option value=\"United Kingdom\">United Kingdom<\/option><option value=\"Canada\">Canada<\/option><option value=\"Australia\">Australia<\/option><option value=\"India\">India<\/option><option value=\"Singapore\">Singapore<\/option><option value=\"Other\">Other (Please specify in message)<\/option><\/select><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<p>                        <!-- Simplified fieldsets for brevity, you can add all countries back if needed --><\/p>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Travel Route:<\/h5>\n<div class=\"form-group\"><label for=\"travel-route\">Travel Route*<\/label><select name=\"travel-route\" id=\"travel-route\" required><option value=\"\">Select<\/option><option value=\"Bangkok, Thailand\">Bangkok, Thailand<\/option><option value=\"Singapore\">Singapore<\/option><option value=\"Dubai, UAE\">Dubai, UAE<\/option><option value=\"Katmandu, Nepal\">Katmandu, Nepal<\/option><option value=\"Dhaka, Bangladesh\">Dhaka, Bangladesh<\/option><option value=\"Delhi, India\">Delhi, India<\/option><option value=\"Kolkata, India\">Kolkata, India<\/option><option value=\"Guwahati, India\">Guwahati, India<\/option><option value=\"Bagdogra, India\">Bagdogra, India<\/option><\/select><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Flight Preference:<\/h5>\n<div class=\"form-group\"><label>Air Ticket Class<\/label><\/p>\n<div class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"ticket-class\" value=\"Economy\" checked=\"checked\" \/> Economy<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"ticket-class\" value=\"Business\" \/> Business<\/label><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Accommodation Preference:<\/h5>\n<div class=\"form-group\"><label for=\"accommodations\">Hotels &#038; Accommodations*<\/label><select name=\"accommodations\" id=\"accommodations\" required><option value=\"\">Select<\/option><option value=\"Three Star Hotels\/Resorts\">Three Star Hotels\/Resorts<\/option><option value=\"Four Star And Boutique  Hotels\/Resorts\">Four Star And Boutique Hotels\/Resorts<\/option><option value=\"Five Star And Luxury Hotels\/Resorts\">Five Star And Luxury Hotels\/Resorts<\/option><option value=\"Good Mix of Three, Four And Five Star Hotels\/Resorts\">Good Mix of Three, Four And Five Star Hotels\/Resorts<\/option><\/select><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Travel Interests:<\/h5>\n<div class=\"form-group\">\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Cultural Sights And Activities\" \/> Cultural Sights And Activities<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Nature Hikes And Trails\" \/> Nature Hikes And Trails<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Multi Day Trekking With Camping\" \/> Multi Day Trekking With Camping<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Cycling In A Rural Setting\" \/> Cycling In A Rural Setting<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Rural Farm Stay And Farm Activities\" \/> Rural Farm Stay And Farm Activities<\/label><\/div>\n<div class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"travel-interest[]\" value=\"Cooking Class On Local Dishes\" \/> Cooking Class On Local Dishes<\/label><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <input type=\"button\" name=\"next\" class=\"next action-button\" value=\"Next\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h5 class=\"mb-4\">Final Details:<\/h5>\n<div class=\"form-group\"><label for=\"message\">Your Message (Please Mention Your Profession)*<\/label><textarea name=\"message\" id=\"message\" rows=\"5\" required><\/textarea><\/div>\n<\/p><\/div>\n<p>                            <input type=\"button\" name=\"previous\" class=\"previous action-button-previous\" value=\"Previous\" \/><br \/>\n                            <!-- IMPORTANT: The submit button needs a name --><br \/>\n                            <input type=\"submit\" name=\"submit-form\" class=\"action-button\" value=\"SUBMIT\" \/><br \/>\n                        <\/fieldset>\n<fieldset>\n<div class=\"form-card\">\n<h3 class=\"text-success text-center\">Success!<\/h3>\n<p class=\"text-center\">\n                                    <?php \n                                    \/\/ Display the status message here for the final step\n                                    if(!empty($statusMsg)) {\n                                        echo $statusMsg;\n                                    } else {\n                                        \/\/ Default message if page is accessed directly\n                                        echo \"Your form has been submitted.\";\n                                    }\n                                    ?>\n                                <\/p>\n<\/p><\/div>\n<\/fieldset><\/form>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<p><!-- We need jQuery for the multi-step form script to work --><br \/>\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.min.js\"><\/script><\/p>\n<p><script type=\"text\/javascript\">\n$(document).ready(function(){\n    var current_fs, next_fs, previous_fs; \/\/fieldsets\n    var opacity;\n    var current = 1;\n    var steps = $(\"fieldset\").length - 1; \/\/ -1 because the last one is the success message<\/p>\n<p>    \/\/ Function to update progress bar\n    function setProgressBar(curStep){\n        var percent = parseFloat(100 \/ steps) * (curStep -1);\n        percent = percent.toFixed();\n        $(\"#progressbar li\").removeClass(\"active\");\n        $(\"#progressbar li\").each(function(index) {\n            if (index < curStep) {\n                $(this).addClass(\"active\");\n            }\n        });\n    }\n    \n    \/\/ Handle \"Next\" button click\n    $(\".next\").click(function(){\n        current_fs = $(this).parent();\n        next_fs = $(this).parent().next();\n        \n        \/\/ Show the next fieldset\n        next_fs.show(); \n        \n        \/\/ Hide the current fieldset with a fade-out effect\n        current_fs.animate({opacity: 0}, {\n            step: function(now) {\n                opacity = 1 - now;\n                current_fs.css({\n                    'display': 'none',\n                    'position': 'relative'\n                });\n                next_fs.css({'opacity': opacity});\n            }, \n            duration: 500\n        });\n        \n        current++;\n        setProgressBar(current);\n    });\n\n    \/\/ Handle \"Previous\" button click\n    $(\".previous\").click(function(){\n        current_fs = $(this).parent();\n        previous_fs = $(this).parent().prev();\n        \n        \/\/ Show the previous fieldset\n        previous_fs.show(); \n        \n        \/\/ Hide the current fieldset with a fade-out effect\n        current_fs.animate({opacity: 0}, {\n            step: function(now) {\n                opacity = 1 - now;\n                current_fs.css({\n                    'display': 'none',\n                    'position': 'relative'\n                });\n                previous_fs.css({'opacity': opacity});\n            }, \n            duration: 500\n        });\n        \n        current--;\n        setProgressBar(current);\n    });\n\n    \/\/ Handle the final submission logic\n    $('form').submit(function(e) {\n        \/\/ This prevents the default form submission which reloads the page instantly\n        e.preventDefault(); \n        var form = this;\n\n        \/\/ Simulate a small delay to make it feel like it's processing\n        setTimeout(function() {\n            \/\/ After the delay, submit the form to the PHP script\n            \/\/ which will process the data and then the page will reload,\n            \/\/ showing the final \"Thank You\" fieldset based on the PHP logic.\n            form.submit();\n        }, 800);\n\n        \/\/ While waiting, we can show the final \"Thank You\" step immediately for better UX\n        current_fs = $('fieldset:visible');\n        next_fs = current_fs.next();\n        \n        next_fs.show(); \n        current_fs.animate({opacity: 0}, {\n            step: function(now) {\n                opacity = 1 - now;\n                current_fs.css({'display': 'none', 'position': 'relative'});\n                next_fs.css({'opacity': opacity});\n            }, \n            duration: 600\n        });\n        current++;\n        setProgressBar(current);\n    });\n    \n    \/\/ Initialize the progress bar on page load\n    setProgressBar(current);\n\n    \/\/ Auto-calculate total travelers\n    $(\"#adult, #children, #infant1, #infant2\").on('change keyup', function() {\n        var adults = parseInt($('#adult').val()) || 0;\n        var children = parseInt($('#children').val()) || 0;\n        var infant1 = parseInt($('#infant1').val()) || 0;\n        var infant2 = parseInt($('#infant2').val()) || 0;\n        $('#total-traveler').val(adults + children + infant1 + infant2);\n    });\n});\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-73","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/pages\/73","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aldenstravel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=73"}],"version-history":[{"count":3,"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions"}],"predecessor-version":[{"id":661,"href":"https:\/\/aldenstravel.com\/index.php?rest_route=\/wp\/v2\/pages\/73\/revisions\/661"}],"wp:attachment":[{"href":"https:\/\/aldenstravel.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=73"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}