|
|
|
|
@ -438,13 +438,13 @@
|
|
|
|
|
|
|
|
|
|
<div class="wholeWrap2">
|
|
|
|
|
|
|
|
|
|
<p class="top_info">Dear <?php echo $username; ?>,</p>
|
|
|
|
|
<p class="top_info">Hallo <?php echo $username; ?>,</p>
|
|
|
|
|
|
|
|
|
|
<p class="top_info"> Thanks for booking with us. China Highlights, Asia Highlights, and Global Highlights are
|
|
|
|
|
working together to provide you an exclusive, exciting, and worry-free tour experience in different
|
|
|
|
|
destinations. </p>
|
|
|
|
|
<p class="top_info"> vielen Dank für Ihre Buchung bei uns. China Highlights, Asia Highlights und Global Highlights
|
|
|
|
|
arbeiten zusammen, um Ihnen ein exklusives, spannendes und sorgenfreies Reiseerlebnis an verschiedenen Reisezielen
|
|
|
|
|
zu bieten. </p>
|
|
|
|
|
|
|
|
|
|
<p class="top_info"> Please complete and submit the information below.</p>
|
|
|
|
|
<p class="top_info"> Bitte füllen Sie die folgenden Informationen aus und senden Sie sie ab.</p>
|
|
|
|
|
|
|
|
|
|
<div class="tm_form_content">
|
|
|
|
|
|
|
|
|
|
@ -452,25 +452,26 @@
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
|
|
|
|
|
<h1>
|
|
|
|
|
Passport Information for All the Group Members
|
|
|
|
|
Passinformationen für alle Gruppenmitglieder
|
|
|
|
|
</h1>
|
|
|
|
|
<p>Please ensure the details you provide are correct, as stated in your passport. We use this
|
|
|
|
|
information to book all your hotels, transportation, and activities. If the information you
|
|
|
|
|
provide is incorrect, you would not be able to board your flight or trains, and therefore
|
|
|
|
|
reissuing of tickets would be at your expense!</p>
|
|
|
|
|
<p>Bitte stellen Sie sicher, dass die von Ihnen angegebenen Details korrekt sind, wie in Ihrem Reisepass
|
|
|
|
|
angegeben. Wir verwenden diese Informationen, um alle Ihre Hotels, Transportmittel und Aktivitäten zu
|
|
|
|
|
buchen. Wenn die von Ihnen bereitgestellten Informationen inkorrekt sind, könnten Sie nicht in der Lage
|
|
|
|
|
sein, Ihren Flug oder Zug zu besteigen, und somit müssten Sie die Kosten für die Neuausstellung von Tickets
|
|
|
|
|
tragen!</p>
|
|
|
|
|
|
|
|
|
|
<div class="traveler_info">
|
|
|
|
|
<h3 data-header>Primary contact</h3>
|
|
|
|
|
<h3 data-header>Primärer Ansprechpartner</h3>
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<select name="gender[]" class="gender_pick">
|
|
|
|
|
<option value="100001">Mr.</option>
|
|
|
|
|
<option value="100003">Ms.</option>
|
|
|
|
|
<option value="100001">Herr</option>
|
|
|
|
|
<option value="100003">Frau</option>
|
|
|
|
|
</select>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="sur_name[]" required="">
|
|
|
|
|
<label>
|
|
|
|
|
Sur name
|
|
|
|
|
Familienname
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -479,22 +480,22 @@
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="given_name[]" required="">
|
|
|
|
|
<label>
|
|
|
|
|
Given name
|
|
|
|
|
Vorname
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="name_error_msg" class="hidden">Please enter your name.</div>
|
|
|
|
|
<div id="name_error_msg" class="hidden">Bitte geben Sie Ihren Namen ein.</div>
|
|
|
|
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="passport[]" required="" class="number" style="width: 100%;">
|
|
|
|
|
<label>
|
|
|
|
|
Passport No.
|
|
|
|
|
Passport Nr.
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="passport_error_msg" class="hidden">Please enter your passport number.</div>
|
|
|
|
|
<div id="passport_error_msg" class="hidden">Bitte geben Sie Ihre Passnummer ein.</div>
|
|
|
|
|
|
|
|
|
|
<select class="country_code" name="nationality[]">
|
|
|
|
|
<option value="" disabled="" selected="">Select your nationality</option>
|
|
|
|
|
<option value="" disabled="" selected="">Wählen Sie Ihre Staatsangehörigkeit</option>
|
|
|
|
|
<option value="18">Australia</option>
|
|
|
|
|
<option value="5">Canada</option>
|
|
|
|
|
<option value="1">China</option>
|
|
|
|
|
@ -736,7 +737,7 @@
|
|
|
|
|
</select>
|
|
|
|
|
<div class="inputTerm" id='phoneNumberDiv'>
|
|
|
|
|
<select class="code" name="country_code" id="country_code">
|
|
|
|
|
<option value="" disabled selected>Please select your country code</option>
|
|
|
|
|
<option value="" disabled selected>Bitte wählen Sie Ihren Ländercode</option>
|
|
|
|
|
<option style="font-weight: 600;" value="United States +1">United States +1</option>
|
|
|
|
|
<option style="font-weight: 600;" value="United Kingdom +44">United Kingdom +44</option>
|
|
|
|
|
<option style="font-weight: 600;" value="Australia +61">Australia +61</option>
|
|
|
|
|
@ -994,57 +995,59 @@
|
|
|
|
|
<input type="text" name="mobile" required="" class="number" placeholder="Phone number">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<p> Date of birth</p>
|
|
|
|
|
<p> Geburtsdatum</p>
|
|
|
|
|
|
|
|
|
|
<input type="date" class="arrivalDate datepicker" name="birthday[]" value="" placeholder="mm/dd/yyyy"
|
|
|
|
|
autocomplete="off" min="1753-01-01" max="9999-12-31">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<p> Date of expiration </p>
|
|
|
|
|
<p> Ablaufdatum </p>
|
|
|
|
|
|
|
|
|
|
<input type="date" class="arrivalDate datepicker" name="passport_expiration_date[]" value=""
|
|
|
|
|
placeholder="mm/dd/yyyy" autocomplete="off" min="1753-01-01" max="9999-12-31">
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div id="birth_error_msg" class="hidden">Please select your date of birth.</div>
|
|
|
|
|
<div id="expiration_error_msg" class="hidden">Please select your date of passport expiration.</div>
|
|
|
|
|
<div id="birth_error_msg" class="hidden">Bitte wählen Sie Ihr Geburtsdatum aus.</div>
|
|
|
|
|
<div id="expiration_error_msg" class="hidden">Bitte wählen Sie das Ablaufdatum Ihres Reisepasses aus.</div>
|
|
|
|
|
|
|
|
|
|
<select class="country_code" name="occupation[]">
|
|
|
|
|
<option>Occupation (optional)</option>
|
|
|
|
|
<option>Beruf (optional)</option>
|
|
|
|
|
<option value="Professional">Professional</option>
|
|
|
|
|
<option value="Professor or similar">Professor or similar</option>
|
|
|
|
|
<option value="Retired person">Retired person</option>
|
|
|
|
|
<option value="Business owner">Business owner</option>
|
|
|
|
|
<option value="Government official">Government official</option>
|
|
|
|
|
<option value="Housewife">Housewife</option>
|
|
|
|
|
<option value="Self-emloyed person">Self-emloyed person</option>
|
|
|
|
|
<option value="Others">Others</option>
|
|
|
|
|
<option value="Professor or similar">Professor oder ähnliches</option>
|
|
|
|
|
<option value="Retired person">Rentner</option>
|
|
|
|
|
<option value="Business owner">Geschäftsinhaber</option>
|
|
|
|
|
<option value="Government official">Regierungsbeamter</option>
|
|
|
|
|
<option value="Housewife">Hausfrau</option>
|
|
|
|
|
<option value="Self-emloyed person">Selbstständige</option>
|
|
|
|
|
<option value="Others">Andere</option>
|
|
|
|
|
</select>
|
|
|
|
|
<button class="add_traveler_button" id="add_traveler_button" type="button">+ Add a traveler</button>
|
|
|
|
|
<button class="add_traveler_button" id="add_traveler_button" type="button">+ Einen Reisenden
|
|
|
|
|
hinzufügen</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<h2>Your Flight Information</h2>
|
|
|
|
|
<p>Your flight information will be forwarded to your guide/driver for airport pick up and drop off.
|
|
|
|
|
Please ensure the details you provide are correct. You can skip this if your don't need airport
|
|
|
|
|
transfer service.</p>
|
|
|
|
|
<p>If you are not yet purchase your airline and insurance, please fill in the TBC in the link and provide
|
|
|
|
|
those information to your consultant or keep update after you confirm them.</p>
|
|
|
|
|
<h2>Ihre Fluginformationen</h2>
|
|
|
|
|
<p>Ihre Fluginformationen werden für Ihren Guide/Fahrer zur Abholung und Rückgabe am Flughafen weitergeleitet.
|
|
|
|
|
Bitte stellen Sie sicher, dass die von Ihnen bereitgestellten Details korrekt sind. Dieser Schritt kann
|
|
|
|
|
übersprungen werden, wenn Sie keinen Flughafen-Transfer benötigen. </p>
|
|
|
|
|
<p>Wenn Sie Ihre Flugtickets und Versicherungen noch nicht erworben haben, tragen Sie bitte "wird noch bekannt
|
|
|
|
|
gegeben (TBC)" in den Link ein und geben Sie die Informationen an Ihren Berater weiter oder aktualisieren
|
|
|
|
|
Sie diese, nachdem Sie sie bestätigt haben.</p>
|
|
|
|
|
|
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
|
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="MEI_ArrivalFlightNo">
|
|
|
|
|
<label>
|
|
|
|
|
Arrival flight No.
|
|
|
|
|
Ankunftsflugnummer
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
|
<p>Arrival time</p>
|
|
|
|
|
<p>Ankunftszeit</p>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="datetime-local" name="MEI_ArrivalTime" min="1753-01-01T00:00" max="9999-12-31T00:00">
|
|
|
|
|
|
|
|
|
|
@ -1054,25 +1057,26 @@
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="MEI_DepartureFlightNo">
|
|
|
|
|
<label>
|
|
|
|
|
Departure Flight No.
|
|
|
|
|
Abflugflugnummer
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock" style="width: 100%;">
|
|
|
|
|
<p>Departure time</p>
|
|
|
|
|
<p>Abflugzeit</p>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="datetime-local" name="MEI_DepartureTime" min="1753-01-01T00:00" max="9999-12-31T00:00">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<h2>Emergency Contact Information</h2>
|
|
|
|
|
<div class="emergency_title">(in case an unlikely event happens when you are travelling)</div>
|
|
|
|
|
<h2>Notfall-Kontaktinformationen</h2>
|
|
|
|
|
<div class="emergency_title">(für den Fall, dass während Ihrer Reise ein unwahrscheinliches Ereignis eintritt)
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="emergency_person_name" required="">
|
|
|
|
|
<label>
|
|
|
|
|
Contact person's name
|
|
|
|
|
Name des Kontakts
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -1080,53 +1084,53 @@
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="emergency_email" required="">
|
|
|
|
|
<label>
|
|
|
|
|
Email address
|
|
|
|
|
E-Mail-Adresse
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<p>Relationship with him/her</p>
|
|
|
|
|
<p>Beziehung zu ihm/ihr </p>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="emergency_relationship" required="">
|
|
|
|
|
<label>
|
|
|
|
|
eg: He's Sue's father.
|
|
|
|
|
z.B. Er ist Sues Vater.
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="selectionBlock">
|
|
|
|
|
<p>Telephone No.</p>
|
|
|
|
|
<p>Telefon Nr.</p>
|
|
|
|
|
<div class="inputTerm">
|
|
|
|
|
<input type="text" name="emergency_telephone" required="">
|
|
|
|
|
<label>
|
|
|
|
|
including country code and area code
|
|
|
|
|
inklusive Landesvorwahl und Vorwahl
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<h2>Your Insurance Information and Other Special Request (optional)</h2>
|
|
|
|
|
<h2>Ihre Versicherungsinformationen und sonstige Sonderwünsche (optional)</h2>
|
|
|
|
|
|
|
|
|
|
<textarea id="special_request" name="special_request" style="resize:none;"></textarea>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- 🔜上传护照图片 -->
|
|
|
|
|
<div id="inquiryBox">
|
|
|
|
|
<h2>Please upload a photocopy of your passport (ID page)</h2>
|
|
|
|
|
<h2>Bitte laden Sie eine Fotokopie Ihres Reisepasses (Ausweisseite) hoch.</h2>
|
|
|
|
|
|
|
|
|
|
<div class="upload-section">
|
|
|
|
|
<input type="file" id="fileInput" accept="image/*" multiple>
|
|
|
|
|
<button id="uploadBtn">Upload</button>
|
|
|
|
|
<button id="uploadBtn">Hochladen</button>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="progress-section" id="progressSection" style="display: none;">
|
|
|
|
|
<p>uploading...</p>
|
|
|
|
|
<p>Hochladen...</p>
|
|
|
|
|
<div class="progress-bar">
|
|
|
|
|
<div class="progress-fill" id="progressFill"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="uploaded-images" id="uploadedImages">
|
|
|
|
|
<h2>Uploaded image</h2>
|
|
|
|
|
<h2>Hochgeladenes Bild</h2>
|
|
|
|
|
<div class="image-grid" id="imageGrid">
|
|
|
|
|
<!-- 上传的图片将显示在这里 -->
|
|
|
|
|
</div>
|
|
|
|
|
@ -1259,7 +1263,7 @@
|
|
|
|
|
<img src="${imageData.url}" alt="${imageData.name}">
|
|
|
|
|
<div class="image-info">
|
|
|
|
|
<h3>${imageData.name}</h3>
|
|
|
|
|
<button class="delete-btn" data-id="${imageData.id}">Remove</button>
|
|
|
|
|
<button class="delete-btn" data-id="${imageData.id}">Entfernen</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
`;
|
|
|
|
|
@ -1430,7 +1434,7 @@
|
|
|
|
|
<input type="hidden" name="COLI_ID" value="<?php echo $userinfo[0]->COLI_ID; ?>">
|
|
|
|
|
<input type="hidden" name="COLI_SN" value="<?php echo $userinfo[0]->COLI_SN; ?>">
|
|
|
|
|
<input type="hidden" name="visitor_link" value="<?php echo $visitor_link; ?>">
|
|
|
|
|
<button id="tmsubmit" type="button">Check & Submit</button>
|
|
|
|
|
<button id="tmsubmit" type="button">Überprüfen & Absenden</button>
|
|
|
|
|
<input id="passport_info" name="passport_info" type="hidden" value="" />
|
|
|
|
|
<input type="hidden" name="url" value="" />
|
|
|
|
|
</div>
|
|
|
|
|
@ -1445,15 +1449,15 @@
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
|
|
|
|
|
aria-hidden="true">×</span></button>
|
|
|
|
|
<h4 class="modal-title text-danger">Please double check your information</h4>
|
|
|
|
|
<h4 class="modal-title text-danger">Bitte überprüfen Sie Ihre Angaben noch einmal</h4>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body" id="reviewModal_body">
|
|
|
|
|
<p>...</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Return & Change</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id="btn-add-userinfo" onclick="submit_info_form();">Confirm &
|
|
|
|
|
Submit</button>
|
|
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">zurück&ändern</button>
|
|
|
|
|
<button type="button" class="btn btn-primary" id="btn-add-userinfo"
|
|
|
|
|
onClick="submit_info_form();">Bestätigen&absenden</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -1493,7 +1497,7 @@
|
|
|
|
|
const validityState = element.validity;
|
|
|
|
|
if (validityState.valueMissing) {
|
|
|
|
|
result = false;
|
|
|
|
|
element.setCustomValidity('Please fill out this field.');
|
|
|
|
|
element.setCustomValidity('Bitte füllen Sie dieses Feld aus.');
|
|
|
|
|
element.reportValidity();
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
LMR
7 months ago