@ -89,7 +89,7 @@
width: 100%;
font-size: 20px;
position: absolute;
left: 20 px;
left: 21 px;
top: calc(50% - 13px);
transition: all ease-in-out .5s;
pointer-events: none;
@ -413,6 +413,13 @@
padding: 0 15px;
width: auto;
}
.inputTerm1 {
display: block;
width: 100%;
margin: 15px auto 0 auto;
position: relative
}
< / style >
< script
@ -434,13 +441,12 @@
< p class = "top_info" > Bonjour <?php echo $username ; ?> ,</ p >
< p class = "top_info" > Merci beaucoup pour votre réservation avec nous. China Highlights, Asia Highlights et Global
Highlights
collaborent pour vous offrir une expérience de voyage exclusive, passionnante et sans soucis dans plusieurs
destinations.
< p class = "top_info" > Nous vous remercions de votre réservation. China Highlights, Asia Highlights et Global
Highlights s'associent pour vous offrir une expérience de voyage exclusive, passionnante et sans souci à travers
diverses destinations.
< / p >
< p class = "top_info" > Veuillez remplir les informations suivantes et les soumettre .< / p >
< p class = "top_info" > Veuillez remplir les informations suivantes et procéder à leur envoi .< / p >
< div class = "tm_form_content" >
@ -448,17 +454,20 @@
< div id = "inquiryBox" >
< h1 >
Informations de passeport pour tous les membres du group e
Informations de passeport pour votre voyag e
< / h1 >
< p > Veuillez vous assurer que les données que vous fournissez correspondent à celles figurant dans votre
passeport.
Nous utilisons ces informations pour réserver tous vos hôtels, transports et activités. Si les informations
que vous fournissez sont incorrectes, vous risquez de ne pas pouvoir embarquer dans votre vol ou train, et
vous devrez
assumer les frais d'émission de nouveaux billets.< / p >
< p > Veuillez vérifier avec attention les informations ci-dessous. Elles doivent correspondre exactement aux
données inscrites sur le passeport de chaque voyageur, sans aucune différence d’ orthographe, de prénom ou de
date.
Ces informations sont essentielles pour garantir la bonne réservation de vos hôtels, transports et
activités. Toute erreur pourrait entraîner un refus d’ embarquement par les compagnies aériennes ou
ferroviaires. Dans un tel cas, les frais de réémission des billets seraient intégralement à votre charge.
< / p >
< p > Merci par avance de votre vigilance.< / p >
< div class = "traveler_info" >
< h3 data-header > Personne de contact principale< / h3 >
< h3 data-header > Votre contact principal pour ce voyag e< / h3 >
< div class = "selectionBlock" >
< select name = "gender[]" class = "gender_pick" >
@ -468,12 +477,11 @@
< div class = "inputTerm" >
< input type = "text" name = "sur_name[]" required = "" >
< label >
Nom de famille
Nom
< / label >
< / div >
< / div >
< div class = "selectionBlock" >
< div class = "inputTerm" >
< input type = "text" name = "given_name[]" required = "" >
< label >
@ -481,7 +489,7 @@
< / label >
< / div >
< / div >
< div id = "name_error_msg" class = "hidden" > Veuillez entrer votre nom. < / div >
< div id = "name_error_msg" class = "hidden" > Veuillez entrer votre nom complet < / div >
< div class = "inputTerm" >
< input type = "text" name = "passport[]" required = "" class = "number" style = "width: 100%;" >
@ -489,7 +497,7 @@
Numéro de passeport
< / label >
< / div >
< div id = "passport_error_msg" class = "hidden" > Veuillez entrer votre numéro de passeport. < / div >
< div id = "passport_error_msg" class = "hidden" > Veuillez entrer votre numéro de passeport< / div >
< select class = "country_code" name = "nationality[]" >
< option value = "" disabled = "" selected = "" > Sélectionnez votre nationalité< / option >
@ -732,9 +740,10 @@
< option value = "666" > Zimbabwe< / option >
< option value = "678" > Serbia< / option >
< / select >
< div class = "inputTerm" id = 'phoneNumberDiv' >
< select class = "code" name = "country_code" id = "country_code" >
< option value = "" disabled selected > Indicatif téléphonique < / option >
< option value = "" disabled selected > Indicatif pays < / 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 >
@ -999,7 +1008,7 @@
< / div >
< div class = "selectionBlock" >
< p > Date d'expiration < / p >
< p > Date d'expiration du passeport < / 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">
@ -1011,13 +1020,13 @@
< select class = "country_code" name = "occupation[]" >
< option > Profession (optionnel)< / option >
< option value = "Professional" > Professionnel< / option >
< option value = "Professor or similar" > Professeur ou similaire< / option >
< option value = "Retired person" > Retraité< / option >
< option value = "Business owner" > Propriétaire d'entreprise< / option >
< option value = "employee" > Salarié(e)< / option >
< option value = "Business owner" > Indépendant / Chef d'entreprise< / option >
< option value = "professional" > Profession libérale< / option >
< option value = "Government official" > Fonctionnaire< / option >
< option value = "Housewife" > Femme au foyer< / option >
< option value = "Self-emloyed person" > Travailleur indépendant< / option >
< option value = "Retired person" > Retraité(e)< / option >
< option value = "student" > Étudiant(e)< / option >
< option value = "inactive" > Sans activité professionnelle< / option >
< option value = "Others" > Autres< / option >
< / select >
< button class = "add_traveler_button" id = "add_traveler_button" type = "button" > + Ajouter un voyageur< / button >
@ -1026,16 +1035,13 @@
< div id = "inquiryBox" >
< h2 > Vos informations de vol< / h2 >
< p > Vos informations de vol seront envoyées à votre guide/conducteur pour la prise en charge et le retour à
l'aéroport.
Veuillez vous assurer que les données que vous fournissez sont correctes. Vous pouvez ignorer cette étape si
vous n'avez pas besoin
d'un transfert depuis/vers l'aéroport. < / p >
< p > Si vous n'avez pas encore acheté vos billets d'avion ou assurance, veuillez entrer "à confirmer (TBC)" dans
le
champ correspondant et partagez les informations avec votre conseiller ou mettez à jour quand vous les
confirmerez.< / p >
< h2 > Vos Informations de Vol< / h2 >
< p > Vos informations de vol seront transmises à votre guide/chauffeur afin d’ assurer votre prise en charge et
votre restitution à l’ aéroport. Veuillez vérifier l’ exactitude des renseignements fournis. Cette étape peut
être omise si vous ne requérez pas de transfert aéroport. < / p >
< p > Si vous n’ avez pas encore obtenu vos billets d’ avion et souscrit vos assurances, veuillez indiquer « À
confirmer (TBC) » dans le champ dédié, puis en informer votre conseiller voyage ou mettre à jour ces
informations après confirmation.< / p >
< div class = "selectionBlock" style = "width: 100%;" >
@ -1069,8 +1075,8 @@
< / div >
< / div >
< div id = "inquiryBox" >
< h2 > Informations de contact d' urgence< / h2 >
< div class = "emergency_title" > (en cas d'événement peu probable pend ant votre voyage)
< h2 > Contact d’ urgence< / h2 >
< div class = "emergency_title" > (À utiliser en cas de situation imprévue dur ant votre voyage)
< / div >
< div class = "selectionBlock" >
< div class = "inputTerm" >
@ -1089,7 +1095,7 @@
< / div >
< / div >
< div class = "selectionBlock" >
< p > Relation avec la personne < / p >
< p > Relation avec le voyageur < / p >
< div class = "inputTerm" >
< input type = "text" name = "emergency_relationship" required = "" >
< label >
@ -1098,39 +1104,39 @@
< / div >
< / div >
< div class = "selectionBlock" >
< p > Téléphone< / p >
< p > Téléphone < / p >
< div class = "inputTerm" >
< input type = "text" name = "emergency_telephone" required = "" >
< label >
incluez l'indicatif pays et l'indicatif régional
Veuillez inclure l’ indicatif du pays.
< / label >
< / div >
< / div >
< / div >
< div id = "inquiryBox" >
< h2 > Informations sur votre assurance et autres demandes spécial es (optionnel)< / h2 >
< h2 > Assurance et demandes particulièr es (optionnel)< / h2 >
< textarea id = "special_request" name = "special_request" style = "resize:none;" > < / textarea >
< / div >
<!-- 🔜上传护照图片 -->
< div id = "inquiryBox" >
< h2 > Veuillez télécharger une photocopie de la page de votre passeport (côté du document). < / h2 >
< h2 > Téléversez la photocopie de votre passeport < / h2 >
< div class = "upload-section" >
< input type = "file" id = "fileInput" accept = "image/*" multiple >
< button id = "uploadBtn" > Télécharg er< / button >
< button id = "uploadBtn" > Télévers er< / button >
< / div >
< div class = "progress-section" id = "progressSection" style = "display: none;" >
< p > Télécharg ement...< / p >
< p > Télévers ement...< / p >
< div class = "progress-bar" >
< div class = "progress-fill" id = "progressFill" > < / div >
< / div >
< / div >
< div class = "uploaded-images" id = "uploadedImages" >
< h2 > Image téléchargée < / h2 >
< h2 > Fichier téléversé avec succès. < / h2 >
< div class = "image-grid" id = "imageGrid" >
<!-- Les images téléchargées s'afficheront ici -->
< / div >
@ -1449,13 +1455,13 @@
< 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" > Veuillez réviser vos informations à nouveau < / h4 >
< h4 class = "modal-title text-danger" > Veuillez vérifier vos informations avant de confirmer. < / 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" > Retour et modification < / button >
< button type = "button" class = "btn btn-default" data-dismiss = "modal" > Retour < / button >
< button type = "button" class = "btn btn-primary" id = "btn-add-userinfo" onClick = "submit_info_form();" > Confirmer et
envoyer< / button >
< / div >