master
candice 1 year ago
parent 9f1291b69c
commit 0c29043b7d

@ -211,39 +211,38 @@
</div> </div>
</div> </div>
<div class="selectionBlock"> <div class="selectionBlock" style="margin-bottom: 10px;">
<h4> <h4>
When would you travel? When would you travel?
</h4> </h4>
<div id="date_error_msg" style="display: none"> <div id="date_error_msg" style="display: none">
<div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div> <div class="requiredArea" style="margin-top:-10px;">Select your travel data.</div>
</div> </div>
<div class="travel_group date_select"> <div class="travel_group date_select" >
<input type="radio" value="exact dates" id="exact" name="trip_date"> <input type="radio" value="exact dates" id="exact" name="trip_date">
<label for="exact" class="family"> <label for="exact" class="updatedestination" style="font-size: 18px;">
Exact dates Exact dates
</label> </label>
</div> </div>
<div class="travel_group date_select"> <div class="travel_group date_select" >
<input type="radio" value="approximate dates" id="approximate" name="trip_date"> <input type="radio" value="approximate dates" id="approximate" name="trip_date">
<label for="approximate" class="couple"> <label for="approximate" class="updatedestination" style="font-size: 18px;">
Approximate dates Approximate dates
</label> </label>
</div> </div>
<div class="travel_group date_select"> <div class="travel_group date_select" >
<input type="radio" value="Undecided dates " id="yet" name="trip_date"> <input type="radio" value="Undecided dates" id="yet" name="trip_date">
<label for="yet" class="solo"> <label for="yet" class="updatedestination" style="font-size: 18px;">
Undecided dates Undecided dates
</label> </label>
</div> </div>
<div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id="dateSelectionBlock"> <div class="trip_date_length" id="tripDateBlock" style="display: none">
<div id='flatpickrBlock'>
<input class="InquiryCalendar datepicker" id="starting_date" name="date_start" placeholder="Select your exact travel date." readonly="readonly" type="text" value="" /> <div id='dateSelectionBlock'>
</div> <input type="text" class="arrivalDate datepicker" id="starting_date" name="date_start" value="" placeholder="Select your exact travel date." autocomplete="off" style="width: auto; float: left; margin-right: 15px; height: 30px;
<input type="month" id="expectedMonth" name="expected_month" placeholder="Select your exact travel date."> margin-top: 5px;">
<select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;"> <select class="country_code" id="expectedMonth" name="expected_month" style="margin-top: 15px;">
<option value="" disabled selected>Select your approximate travel date.</option> <option value="" disabled selected>Select your approximate travel date.</option>
<option value="Jan. 2024">Jan. 2024</option> <option value="Jan. 2024">Jan. 2024</option>
<option value="Feb. 2024">Feb. 2024</option> <option value="Feb. 2024">Feb. 2024</option>
@ -284,8 +283,10 @@
<option value="Nov. 2026">Nov. 2026</option> <option value="Nov. 2026">Nov. 2026</option>
<option value="Dec. 2026">Dec. 2026</option> <option value="Dec. 2026">Dec. 2026</option>
</select> </select>
</div> </div>
</div>
</div>
</div> </div>
<input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text" <input class="FullName" id="realname" name="name" placeholder="Your name *" required="" type="text"
value="" /> value="" />
@ -617,25 +618,25 @@ document.addEventListener('DOMContentLoaded', () => {
minDate: "today" minDate: "today"
}); });
var tour_list_button = document.getElementById("tour_list_button"); var quick_inquiry_button = document.getElementById("quick_inquiry_button");
var tour_list_form = document.getElementById("tour_list_form"); var quick_inquiry_form = document.getElementById("quick_inquiry_form");
tour_list_button.addEventListener('click', function (event) { quick_inquiry_button.addEventListener('click', function(event) {
var validateResult = validateQuickInquiryForm(); var validateResult = validateQuickInquiryForm();
if (validateResult) { if (validateResult) {
if (typeof (grecaptcha) === "undefined") { if (typeof(grecaptcha) === "undefined") {
console.warn('grecaptcha is disabled.'); console.warn('grecaptcha is disabled.');
tour_list_form.submit(); quick_inquiry_form.submit();
} else { } else {
grecaptcha.enterprise.ready(async () => { grecaptcha.enterprise.ready(async () => {
const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', { action: 'ADD_TO_CART' }); const token = await grecaptcha.enterprise.execute('6Lf828MhAAAAANNetijCXKwW5ARyhcJ-b1Hhslja', {action: 'ADD_TO_CART'});
var el = document.createElement("input"); var el = document.createElement("input");
el.type = "hidden"; el.type = "hidden";
el.name = "__grecaptcha_token__"; el.name = "__grecaptcha_token__";
el.value = token; el.value = token;
tour_list_form.appendChild(el); quick_inquiry_form.appendChild(el);
tour_list_form.submit(); quick_inquiry_form.submit();
tour_list_button.innerText = "Submitted successfully"; quick_inquiry_button.innerText = "Submitted successfully";
}); });
} }
} }

Loading…
Cancel
Save