forms.zohopublic.com
Open in
urlscan Pro
136.143.182.97
Public Scan
Submitted URL: https://u44582097.ct.sendgrid.net/ls/click?upn=u001.P8w0sJVLpc0f7h-2FnSuW5SE9C8lujR5ifP9JDI8G1MC4Qfw7zd7-2FuFJX-2FAp2hV6Mi5N9L_kh-...
Effective URL: https://forms.zohopublic.com/conferencemanagement/form/HotelArts33/formperma/uKAJPqNJWIiJ-cghF52pjo9xnKvMGfcNCiejqpDsq-c
Submission: On July 31 via manual from IN — Scanned from DE
Effective URL: https://forms.zohopublic.com/conferencemanagement/form/HotelArts33/formperma/uKAJPqNJWIiJ-cghF52pjo9xnKvMGfcNCiejqpDsq-c
Submission: On July 31 via manual from IN — Scanned from DE
Form analysis 1 forms found in the DOM
<form id="test"><input type="hidden" name="formName" value="HotelArts33" id="formName"><!-- Form Perma will be sent only for PermaUrls -->
<input type="hidden" name="formPerma" value="uKAJPqNJWIiJ-cghF52pjo9xnKvMGfcNCiejqpDsq-c" id="formPerma"><input type="hidden" name="referrerName" id="referrerName" value="null"><input type="hidden" name="isPaymentForm" value="true"
id="isPaymentForm"><input type="hidden" name="formType" value="0" id="formType">
<input type="hidden" id="zf_date_format" datelocale="en-GB" name="date_format" value="dd-MMM-yyyy"><input type="hidden" name="isDocsPublicForm" value="false" id="isDocsPublicForm">
<input type="hidden" name="formrid" value="" id="formrid">
<input type="hidden" name="resizeform" value="0" id="resizeform">
<div id="zf_utmTrack" style="display: none;"></div>
<div class="templateWrapper" id="formRedirectURL" style="min-height:1070px;">
<ul class="tempHeadBdr formRelative">
<li class="tempHeadContBdr"><span id="logo-formheader" class="formLogo" style="display: none"><img aria-hidden="true" id="logo-formheader-img" src=""></span>
<h2 class="frmTitle" role="heading" aria-level="1"><em>Hotel Arts</em></h2>
<p class="frmDesc">Address: 119 12 Ave SW, Calgary, AB T2R 0G8, Canada - Promo Code: (IPCE0722)</p>
<div class="clearBoth"></div>
</li>
</ul>
<!-- 'FieldElement' class is imported in order to get the key for display name of the component of 'Address' field.
'FormField' class is used to get field type of Zoho CRM field.-->
<div id="formBodyDiv" class="formRelative subContWrap topAlign"><!-- <button elname="openPopUpSubForm" onclick="openPopUp();event.preventDefault()"> Open subform pop up </button> -->
<div class="pBarWrapper ">
<table id="navigBar" width="100%" border="0" cellspacing="0" cellpadding="0" pagecount="2" navigtype="1" currentpage="1">
<tbody>
<tr class="pBarHeader">
<td onclick="goTo(1);" class="selected currentPTab">
<div class="pBar"></div><em class="pNumber"><b>1</b></em>
</td>
<td onclick="goTo(1);" class="selected">
<div class="pBar"></div>
</td>
<td onclick="goTo(2);" class="unselected">
<div class="pBar"></div><em class="pNumber"><b>2</b></em>
</td>
<td onclick="goTo(2);" class="unselected">
<div class="pBar"></div>
</td>
</tr>
</tbody>
</table>
</div>
<!-- formFieldWrapper class is used to differantiate form fields and subform fields in themes. Direct children (li) are considered as form fields. Dont change the order of class used. -->
<ul elname="formBodyULName" class="ulNoStyle formFieldWrapper" page_no="1" needpagedata="true">
<li class="formPageHeader">
<h2>Reservation details</h2>
</li>
<!-- i) Private form, ii) Perma, iii) Shared form, iv) Theme preview, v) Current Theme -->
<!-- "isVisible"="false": This 'Admin Only' field must not be shown to user. -->
<!-- "isVisible"="true": Case 1: This is not an 'Admin Only' field. Case 2: This 'Admin Only' field must be shown to user. -->
<!-- Theme Preview, Current Theme - Admin Only fields will be shown. Formula won't be calculated. Field Rules won't be executed. -->
<!-- formMetaData.key=Field link name -->
<!-- Zoho CRM field : "FIELD_LIST" key won't be present. -->
<li class="tempFrmWrapper name namemedium zfSelect2CustomCont" elname="livefield-elem" comptype="7" needdata="true" id="Name-li" compname="Name" linkname="Name" isvisible="true" mandatory="true" page_no="1" page_link_name="Page"
regex_type="0" showlabel="true" counteruid="">
<label class="labelName" id="Name-arialabel">
<span>Name</span>
<em class="important" aria-hidden="true">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv twoType" elemname="fieldContentDiv">
<div class="nameWrapper salutationWrapper">
<span class="salutation" elname="compEachElem">
<div class="form_selectBox">
<div class="selectArrow"></div>
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Name0">Required</span>
<select elname="dropdownElem" aria-labelledby="Name-arialabel aria-showelemslabel-Name0 ariarequired-Name0" aria-describedby="hint-Name" onchange="ZFLive.validateFieldConstraint(this);"
onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="honorific-prefix" name="Name" complink="Name_Salutation" id="Name_Salutation" mandatory="true" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option selected="true" value="-Select-">-Select-</option>
<option value="Mr.">Mr.</option>
<option value="Mrs.">Mrs.</option>
<option value="Ms.">Ms.</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 107.5px;"><span class="selection"><span class="select2-selection select2-selection--single select2FormCont" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-Name_Salutation-container"><span class="select2-selection__rendered" id="select2-Name_Salutation-container" title="-Select-">
<div class="select2FormFont drpDwnPlaceholder">-Select-</div>
</span><span class="select2-selection__arrow select2FormArrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<label id="aria-showelemslabel-Name0" elname="formSubInfoText" class="formSubInfoText">Title</label>
</span>
<span elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Name1">Required</span>
<input aria-labelledby="Name-arialabel aria-showelemslabel-Name1 ariarequired-Name1" aria-describedby="hint-Name" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="given-name" type="text" maxlength="255" elname="First"
name="Name" complink="Name_First" value="" mandatory="true" placeholder="">
<label id="aria-showelemslabel-Name1" elname="formSubInfoText" class="formSubInfoText">First</label>
</span>
<span elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Name2">Required</span>
<input aria-labelledby="Name-arialabel aria-showelemslabel-Name2 ariarequired-Name2" aria-describedby="hint-Name" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="family-name" type="text" maxlength="255" elname="Last"
name="Name" complink="Name_Last" value="" mandatory="true" placeholder="">
<label id="aria-showelemslabel-Name2" elname="formSubInfoText" class="formSubInfoText">Last</label>
</span>
<div class="clearBoth"></div>
</div>
<p class="errorMessage" elname="error" id="error-Name"></p>
</div>
<div class="clearBoth"></div>
</li>
<li isunique="false" class="tempFrmWrapper phone medium" elname="livefield-elem" comptype="11" id="PhoneNumber-li" needdata="true" compname="PhoneNumber" linkname="PhoneNumber" isvisible="true" mandatory="true" page_no="1"
page_link_name="Page" showlabel="true" counteruid="" need_reconf="false">
<label id="PhoneNumber-arialabel" class="labelName">
<span>Phone</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elname="phoneFormatElem" phoneformat="INTERNATIONAL" elemname="fieldContentDiv">
<div elname="phoneFld" name="phone-elements">
<input name="PhoneNumber" aria-describedby="hint-PhoneNumber" aria-labelledby="PhoneNumber-arialabel" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="tel" id="PhoneNumber" type="text" elname="countrycode" maxlength="20"
value="" iscodeenabled="false" phoneformattype="1" placeholder="">
</div>
<p class="errorMessage" elname="error" id="error-PhoneNumber"></p>
<script type="module">
if (false == true && (true)) {
var allowedCountryList = [];
var ipBasedCurrentCountry = null;
var defaultCountry = ""; // No I18N
var keyId = $("#PhoneNumber");
var keyIdConf = ("#" + "PhoneNumber" + "-reconf"); // No I18N
var listofcountries = [],
hasCode = false;
var initialCountry = "auto"; // No I18N
var countryCodeProps = jQuery.extend(true, {}, ZFPhone.countryCodeProps);
var isRtlEnabled = false;
var txtDir = "1"; // No I18N
if (txtDir != null && txtDir != undefined) {
if (txtDir == 2) {
isRtlEnabled = true;
}
}
countryCodeProps.isRtl = isRtlEnabled;
if (defaultCountry != "") {
defaultCountry = countryUniqueCode[""]; // No I18N
}
if (allowedCountryList.length > 0) {
var phoneVal = ""; // No I18N
var codeVal = ""; // No I18N
for (var itr = 0; itr < allowedCountryList.length; itr++) {
if (codeVal != "" && codelist[allowedCountryList[itr]] == codeVal && !hasCode) {
phoneVal = codeVal + phoneVal;
hasCode = true;
}
listofcountries[itr] = countryUniqueCode[allowedCountryList[itr]];
}
countryCodeProps.onlyCountries = listofcountries;
if ("live" == 'live') {
if (jQuery.inArray(defaultCountry, listofcountries) !== -1) {
initialCountry = defaultCountry;
} else if (ipBasedCurrentCountry !== null && ipBasedCurrentCountry != "null" && ipBasedCurrentCountry != "-" && jQuery.inArray(ipBasedCurrentCountry, listofcountries) != -1) { // No I18N
initialCountry = ipBasedCurrentCountry;
}
} else {
$("#PhoneNumber").val(phoneVal);
if ("false" == "true") {
$(keyIdConf).val(phoneVal); // No I18N
}
}
} else if ("live" == 'live') { // No I18N
if (defaultCountry != "") {
initialCountry = defaultCountry;
} else if (ipBasedCurrentCountry !== null && ipBasedCurrentCountry != "null" && ipBasedCurrentCountry != "-") { // No I18N
initialCountry = ipBasedCurrentCountry;
}
}
if ($(keyId).parents("ul").attr("elname") != "subFormFieldsCloneUl") {
countryCodeProps.initialCountry = initialCountry;
$(keyId).intlTelInput(countryCodeProps);
$(keyIdConf).intlTelInput(countryCodeProps); // No I18N
if ("live" == 'live') {
$(keyId).intlTelInput("setNumber", ""); // No I18N
}
if ("live" == 'edit' && "" != null && "" != "") {
$(keyId).intlTelInput("setCountry", ""); // No I18N
$(keyIdConf).intlTelInput("setCountry", ""); // No I18N
}
}
$(keyId).attr({
"initCountry": initialCountry,
"countryList": listofcountries
}); // No I18N
//$("#PhoneNumber") is used instead of variable keyId, since event get attached only to the last dom element instead of all elements.
setCountryCodePropsForFlds(("#" + "PhoneNumber"), isRtlEnabled); // No I18N
if ("false" == "true") {
setCountryCodePropsForFlds(("#" + "PhoneNumber" + "-reconf"), isRtlEnabled); // No I18N
}
}
</script>
</div>
<div class="clearBoth"></div>
</li>
<li isunique="false" class="tempFrmWrapper email medium" elname="livefield-elem" comptype="9" id="Email-li" needdata="true" compname="Email" linkname="Email" isvisible="true" mandatory="true" page_no="1" page_link_name="Page" showlabel="true"
counteruid="" domain_option="0" need_reconf="false">
<label class="labelName" for="Email-arialabel">
<span>Email</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<span elname="livefield-email-elem"><input inputmode="email" id="Email-arialabel" aria-describedby="hint-Email" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="email" type="text" maxlength="255" name="Email" value=""
placeholder="">
<p class="errorMessage" elname="error" id="error-Email"></p>
</span>
</div>
<div class="clearBoth"></div>
</li>
<li elname="livefield-elem" comptype="1" id="SingleLine-li" needdata="true" compname="SingleLine" linkname="SingleLine" counteruid="" isvisible="true" isunique="false" class="tempFrmWrapper small" mandatory="true" page_no="1"
page_link_name="Page" showlabel="true">
<label class="labelName" for="SingleLine-arialabel">
<span>Company Name</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<span><input id="SingleLine-arialabel" aria-describedby="hint-SingleLine" onkeyup="ZFLive.configureInputMask(this);" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="off" type="text" maxlength="255" name="SingleLine"
value="" placeholder=""></span>
<p class="errorMessage" elname="error" id="error-SingleLine"></p>
</div>
<div class="clearBoth"></div>
</li>
<li isunique="false" class="tempFrmWrapper currency csmall fieldDisabled" elname="livefield-elem" comptype="4" id="Currency-li" needdata="true" compname="Currency" linkname="Currency" isvisible="true" decimallength="2" decimalformat="1"
mandatory="false" page_no="1" page_link_name="Page" summary_type="0" currency_position="2" showlabel="true" counteruid="">
<label class="labelName" for="Currency-arialabel">
<span>Price/night</span>
<span class="sr-only">CAD</span>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elname="tempContDiv" elemname="fieldContentDiv">
<div>
<input id="Currency-arialabel" aria-describedby="hint-Currency" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="off" type="text" maxlength="50" name="Currency" value="309.00" disabled="true" placeholder="">
<span class="symbol" elname="currencySymbolSpan" aria-hidden="true"> CAD </span>
<!--span>
<input type="text" name="Currency-second" size="4"><label>Cents</label>
</span-->
<div class="clearBoth"></div>
</div>
<p class="errorMessage" elname="error" id="error-Currency"></p>
</div>
<div class="clearBoth"></div>
</li>
<li tabindex="1" isunique="false" class="tempFrmWrapper date" elname="livefield-elem" comptype="5" id="Date1-li" compname="Date1" linkname="Date1" needdata="true" isvisible="true" disableddays="{}" startoftheweek="1" mandatory="true"
page_no="1" page_link_name="Page" showlabel="true" counteruid="">
<label class="labelName" for="Date1-date">
<span>Check-in-date</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" datelocale="en-GB" elname="dd-M-yy" id="Date1dateDiv" isdisable="false" elemname="fieldContentDiv">
<span>
<div class="calendarCont" elname="calendarContDiv">
<input aria-describedby="hint-Date1 Date1-subInfoText" aria-haspopup="dialog" name="Date1" elname="date" id="Date1-date" onchange="ZFLive.validateFieldConstraint(this);" onfocusout="checkDatePicker(this);" autocomplete="off"
onclick="ZFUtil.showLiveDatePicker(this)" onfocus="ZFUtil.showLiveDatePicker(this)" type="text" value="23-Sep-2024" placeholder="" class="hasDatepicker">
<div class="calIconWrapper" role="img" aria-label="Date" elname="imgWrapDiv"><img class="calendarIcon" src="https://static.zohocdn.com/forms/images/spacer.325472601571f31e1bf00674c368d335.gif" title="..."></div>
<div class="clearBoth"></div>
</div><label class="formSubInfoText" elname="formSubInfoText" id="Date1-subInfoText">dd-MMM-yyyy</label>
</span>
<p class="errorMessage" elname="error" id="error-Date1"></p>
<span style="display:none">
<script type="module">
$(function() {
var dateformat = $("#Date1dateDiv").attr("elname"); // No I18N
var actualDateFormat = "dd-MMM-yyyy"; // No I18N
var dateLocale = $("#Date1dateDiv").attr("datelocale"); // No I18N
var weekStart = "1"; // No I18N
if (typeof weekStart == ResponseKey.UNDEFINED || weekStart == "") {
weekStart = 0;
}
if (typeof dateLocale == ResponseKey.UNDEFINED || dateLocale == "") {
dateLocale = "en-GB"; // No I18N
}
var disableDays = {};
$("#Date1-date").datepicker({
showOn: "button", // No I18N
buttonImage: "https://static.zohocdn.com/forms/images/spacer.325472601571f31e1bf00674c368d335.gif", // No I18N
buttonImageOnly: true,
dateFormat: dateformat,
showAnim: "drop", // No I18N
changeMonth: true,
yearRange: "1900:2100",
firstDay: weekStart,
beforeShowDay: function(date) {
return ZFUtil.blockDisabledDaysAndHolidays(date, disableDays);
},
beforeShow: function() {
ZFUtil.setDateLimit(this, actualDateFormat, dateLocale);
},
onClose: function() {},
onChangeMonthYear: function(year, month, inst) {},
monthNamesShort: CustomDateLocale[dateLocale].monthNamesShort,
monthNames: CustomDateLocale[dateLocale].monthNames,
dayNamesMin: CustomDateLocale[dateLocale].dayNamesMin,
showMonthAfterYear: CustomDateLocale[dateLocale].showMonthAfterYear,
yearSuffix: CustomDateLocale[dateLocale].yearSuffix,
changeYear: true
});
var dateDiv = $("#Date1dateDiv"); // No I18N
var imgElem = $(dateDiv).find('img'); // No I18N
$(imgElem).removeClass("ui-datepicker-trigger"); // No I18N
$(imgElem).addClass("calendarIcon"); // No I18N
$(imgElem).mousedown(function(e) {
e.preventDefault();
});
//$(imgElem).attr("title",""); // Hovering on date picker icon displays the Date field's label
$(imgElem).removeAttr("alt"); // No I18N
/*
When spacing is applied for input fields in Themes, calendar icon needs to vertical aligned with input.
For that img element should be placed inside a div.
*/
var imgWrapDiv = $('<div class="calIconWrapper" role="img" aria-label="Date" elname="imgWrapDiv"></div>');
$(imgWrapDiv).insertBefore(imgElem);
$(imgElem).appendTo(imgWrapDiv);
//The below class add to set z-index
$('#ui-datepicker-div').addClass("calIndex");
$('#ui-datepicker-div').addClass("notranslate");
if (false == true) {
$("#Date1-date").datepicker().datepicker('disable'); //No I18N
}
});
//$("#Date1dateDiv").find('img').addClass("calendarIcon");
</script>
</span>
</div>
</li>
<li tabindex="1" isunique="false" class="tempFrmWrapper date" elname="livefield-elem" comptype="5" id="Date-li" compname="Date" linkname="Date" needdata="true" isvisible="true" disableddays="{}" startoftheweek="1" mandatory="true" page_no="1"
page_link_name="Page" showlabel="true" counteruid="">
<label class="labelName" for="Date-date">
<span>Check-out-date</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" datelocale="en-GB" elname="dd-M-yy" id="DatedateDiv" isdisable="false" elemname="fieldContentDiv">
<span>
<div class="calendarCont" elname="calendarContDiv">
<input aria-describedby="hint-Date Date-subInfoText" aria-haspopup="dialog" name="Date" elname="date" id="Date-date" onchange="ZFLive.validateFieldConstraint(this);" onfocusout="checkDatePicker(this);" autocomplete="off"
onclick="ZFUtil.showLiveDatePicker(this)" onfocus="ZFUtil.showLiveDatePicker(this)" type="text" value="26-Sep-2024" placeholder="" class="hasDatepicker">
<div class="calIconWrapper" role="img" aria-label="Date" elname="imgWrapDiv"><img class="calendarIcon" src="https://static.zohocdn.com/forms/images/spacer.325472601571f31e1bf00674c368d335.gif" title="..."></div>
<div class="clearBoth"></div>
</div><label class="formSubInfoText" elname="formSubInfoText" id="Date-subInfoText">dd-MMM-yyyy</label>
</span>
<p class="errorMessage" elname="error" id="error-Date"></p>
<span style="display:none">
<script type="module">
$(function() {
var dateformat = $("#DatedateDiv").attr("elname"); // No I18N
var actualDateFormat = "dd-MMM-yyyy"; // No I18N
var dateLocale = $("#DatedateDiv").attr("datelocale"); // No I18N
var weekStart = "1"; // No I18N
if (typeof weekStart == ResponseKey.UNDEFINED || weekStart == "") {
weekStart = 0;
}
if (typeof dateLocale == ResponseKey.UNDEFINED || dateLocale == "") {
dateLocale = "en-GB"; // No I18N
}
var disableDays = {};
$("#Date-date").datepicker({
showOn: "button", // No I18N
buttonImage: "https://static.zohocdn.com/forms/images/spacer.325472601571f31e1bf00674c368d335.gif", // No I18N
buttonImageOnly: true,
dateFormat: dateformat,
showAnim: "drop", // No I18N
changeMonth: true,
yearRange: "1900:2100",
firstDay: weekStart,
beforeShowDay: function(date) {
return ZFUtil.blockDisabledDaysAndHolidays(date, disableDays);
},
beforeShow: function() {
ZFUtil.setDateLimit(this, actualDateFormat, dateLocale);
},
onClose: function() {},
onChangeMonthYear: function(year, month, inst) {},
monthNamesShort: CustomDateLocale[dateLocale].monthNamesShort,
monthNames: CustomDateLocale[dateLocale].monthNames,
dayNamesMin: CustomDateLocale[dateLocale].dayNamesMin,
showMonthAfterYear: CustomDateLocale[dateLocale].showMonthAfterYear,
yearSuffix: CustomDateLocale[dateLocale].yearSuffix,
changeYear: true
});
var dateDiv = $("#DatedateDiv"); // No I18N
var imgElem = $(dateDiv).find('img'); // No I18N
$(imgElem).removeClass("ui-datepicker-trigger"); // No I18N
$(imgElem).addClass("calendarIcon"); // No I18N
$(imgElem).mousedown(function(e) {
e.preventDefault();
});
//$(imgElem).attr("title",""); // Hovering on date picker icon displays the Date field's label
$(imgElem).removeAttr("alt"); // No I18N
/*
When spacing is applied for input fields in Themes, calendar icon needs to vertical aligned with input.
For that img element should be placed inside a div.
*/
var imgWrapDiv = $('<div class="calIconWrapper" role="img" aria-label="Date" elname="imgWrapDiv"></div>');
$(imgWrapDiv).insertBefore(imgElem);
$(imgElem).appendTo(imgWrapDiv);
//The below class add to set z-index
$('#ui-datepicker-div').addClass("calIndex");
$('#ui-datepicker-div').addClass("notranslate");
if (false == true) {
$("#Date-date").datepicker().datepicker('disable'); //No I18N
}
});
//$("#DatedateDiv").find('img').addClass("calendarIcon");
</script>
</span>
</div>
</li>
<li class="tempFrmWrapper small" tabindex="1" elname="livefield-elem" comptype="27" id="Formula-li" needdata="true" compname="Formula" linkname="Formula" summary_type="0" isvisible="true" decimalformat="1" decimallength="-1" counteruid=""
mandatory="false" page_no="1" page_link_name="Page" unit_position="2">
<label class="labelName"><span>Total number of nights</span>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div elname="tempContDiv" class="tempContDiv" elemname="fieldContentDiv">
<span><input type="text" name="Formula" disabled="true" class="inputDisabled"></span>
<span class="symbol" name="formula_unit_after" elname="formula_unit_span"></span>
</div>
<div class="clearBoth"></div>
</li>
<!--To exclude Section field in rules we are setting comptype as 0 for Section field. That is Section field will not be included in any condition. -->
<li id="Section-li" class="section" elem_type_int="1" tabindex="1" elname="livefield-elem" compname="Section" comptype="0" page_no="1" page_link_name="Page" counteruid="">
<h2>No. of guests</h2>
<p></p>
</li>
<li class="tempFrmWrapper dropdown small zfSelect2CustomCont" elname="livefield-elem" comptype="12" id="Dropdown-li" needdata="true" compname="Dropdown" linkname="Dropdown" isvisible="true" mandatory="true" page_no="1" page_link_name="Page"
showlabel="true" counteruid="">
<label for="Dropdown-arialabel" id="Dropdown-arialabel-cont" class="labelName">
<span>Number of rooms</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<div class="form_selectBox">
<div class="selectArrow"></div><select id="Dropdown-arialabel" aria-describedby="hint-Dropdown" name="Dropdown" onchange="ZFLive.prefillFieldLabel(this); ZFLive.hideClosestFieldElemErrorDiv(this); ZFLive.checkUniqueChoiceFld(this);
" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option selected="true" value="-Select-">-Select-</option>
<option value="1" formula_val="1.00" textassign_val="" option_id="1670390000010615189">1</option>
<option value="2" formula_val="2.00" textassign_val="" option_id="1670390000010615191">2</option>
<option value="3" formula_val="3.00" textassign_val="" option_id="1670390000010615193">3</option>
<option value="4" formula_val="4.00" textassign_val="" option_id="1670390000010615195">4</option>
<option value="5" formula_val="5.00" textassign_val="" option_id="1670390000010615197">5</option>
<option value="6" formula_val="6.00" textassign_val="" option_id="1670390000010615199">6</option>
<option value="7" formula_val="7.00" textassign_val="" option_id="1670390000010615201">7</option>
<option value="8" formula_val="8.00" textassign_val="" option_id="1670390000010615203">8</option>
<option value="9" formula_val="9.00" textassign_val="" option_id="1670390000010615205">9</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 363px;"><span class="selection"><span class="select2-selection select2-selection--single select2FormCont" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-Dropdown-arialabel-container"><span class="select2-selection__rendered" id="select2-Dropdown-arialabel-container" title="-Select-">
<div class="select2FormFont drpDwnPlaceholder">-Select-</div>
</span><span class="select2-selection__arrow select2FormArrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div elname="liveFieldTempChoiceCont" style="display: none;">
</div>
<p class="errorMessage" elname="error" id="error-Dropdown"></p>
</div>
<div class="clearBoth"></div>
</li>
<li class="tempFrmWrapper dropdown small zfSelect2CustomCont" elname="livefield-elem" comptype="12" id="Dropdown1-li" needdata="true" compname="Dropdown1" linkname="Dropdown1" isvisible="true" mandatory="true" page_no="1"
page_link_name="Page" showlabel="true" counteruid="">
<label for="Dropdown1-arialabel" id="Dropdown1-arialabel-cont" class="labelName">
<span>Room Type</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<div class="form_selectBox">
<div class="selectArrow"></div><select id="Dropdown1-arialabel" aria-describedby="hint-Dropdown1" name="Dropdown1" onchange="ZFLive.prefillFieldLabel(this); ZFLive.hideClosestFieldElemErrorDiv(this); ZFLive.checkUniqueChoiceFld(this);
" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option selected="true" value="-Select-">-Select-</option>
<option value="Standard Single Room" formula_val="" textassign_val="" option_id="1670390000010615207">Standard Single Room</option>
<option value="Standard Double Room" formula_val="" textassign_val="" option_id="1670390000010615209">Standard Double Room</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: 363px;"><span class="selection"><span class="select2-selection select2-selection--single select2FormCont" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-Dropdown1-arialabel-container"><span class="select2-selection__rendered" id="select2-Dropdown1-arialabel-container" title="-Select-">
<div class="select2FormFont drpDwnPlaceholder">-Select-</div>
</span><span class="select2-selection__arrow select2FormArrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<div elname="liveFieldTempChoiceCont" style="display: none;">
</div>
<p class="errorMessage" elname="error" id="error-Dropdown1"></p>
</div>
<div class="clearBoth"></div>
</li>
</ul>
<!-- formFieldWrapper class is used to differantiate form fields and subform fields in themes. Direct children (li) are considered as form fields. Dont change the order of class used. -->
<ul elname="formBodyULName" class="ulNoStyle formFieldWrapper" page_no="2" needpagedata="true" style="display:none;">
<li class="formPageHeader">
<h2>Checkout</h2>
</li>
<!-- i) Private form, ii) Perma, iii) Shared form, iv) Theme preview, v) Current Theme -->
<!-- "isVisible"="false": This 'Admin Only' field must not be shown to user. -->
<!-- "isVisible"="true": Case 1: This is not an 'Admin Only' field. Case 2: This 'Admin Only' field must be shown to user. -->
<!-- Theme Preview, Current Theme - Admin Only fields will be shown. Formula won't be calculated. Field Rules won't be executed. -->
<!-- formMetaData.key=Field link name -->
<!-- Zoho CRM field : "FIELD_LIST" key won't be present. -->
<!--To exclude payment field in rules we are setting comptype as 0 for payment. That is payment field will not be included in any condition. -->
<li tabindex="1" class="tempFrmWrapper pmnt" elname="livefield-elem" elem_type_int="6" id="PaymentAmount-li" compname="PaymentAmount" linkname="PaymentAmount" comptype="0" mandatory="true" needdata="true" page_no="2" page_link_name="Page3"
counteruid="">
<label class="labelName" id="PaymentAmount-arialabel">
<span>Required Deposit</span>
<em class="important" aria-label="Required">*</em>
</label>
<div class="tempContDiv"><!-- While viewing a saved record(requestType=3 and mode will be edit) then entire payment will be constructed. -->
<!-- Merchant Type List Construction -->
<div role="tablist" class="merchantTypeWrapper" elname="merchantDiv" paymenttype="1" mandatory="true" merchanttype="3">
<a aria-labelledby="PaymentAmount-arialabel PaymentAmount-paymentname-3 PaymentAmount-currtype-3 PaymentAmount-payment-amount-fixed-content PaymentAmount-payment-amount-fixed" role="tab" class="flLeft selected" href="javascript:;" merchanttype="3" onclick="ZFLive.modifyMerchantType(this)" currencycode="217" currencypos="1" amounttype="2" amount="">
<em class="icon22"></em>
<span id="PaymentAmount-paymentname-3" class="sr-only">Stripe</span> <span class="sr-only" id="PaymentAmount-currtype-3">CAD</span>
<span class="stripeLogo"></span> </a>
<div class="clearBoth"></div>
</div>
<div class="pmtActionField disabledField" elname="paymentDetailsDiv" style=""><span class="symbolBefore" aria-hidden="true" name="currencysymbol1" elname="currency">$</span>
<span class="sr-only" id="PaymentAmount-payment-amount-fixed-content">Amount to be paid</span>
<input class="flLeft" id="PaymentAmount-payment-amount-fixed" type="text" name="PaymentAmount" disabled="true" value=""><span class="symbol" style="display:none;" name="currencysymbol2" elname="currency">$</span>
<div class="clearBoth"></div>
</div>
<p class="errorMessage" elname="error" id="error-PaymentAmount" style="display: none;"></p>
<div class="cardOuterWrapper" elname="stripeMerchantDiv" style="">
<div class="credCardOutWrapper">
<div class="credCardAccNme">
<label>Name on card</label>
<input type="text" class="flLeft" elname="stripeCardName" maxlength="50">
<div class="clearBoth"></div>
</div>
<div>
<div id="stripe-card-element" class="StripeElement StripeElement--empty">
<div class="__PrivateStripeElement"
style="margin: 0px !important; padding: 0px !important; border: none !important; display: block !important; background: transparent !important; position: relative !important; opacity: 1 !important;"><iframe
name="__privateStripeFrame7043" frameborder="0" allowtransparency="true" scrolling="no" role="presentation" allow="payment *"
src="https://js.stripe.com/v3/elements-inner-card-c4f8ff86aa8a6b5a60f1d36ab07c49ea.html#locale=en&wait=false&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&style[base][color]=%23444444&style[base][fontFamily]=Open+Sans%2C+Consolas%2C+Menlo%2C+monospace&style[base][fontSize]=13px&style[base][::placeholder][color]=%237b7c86&style[base][:-webkit-autofill][color]=%237b7c86&style[invalid][color]=%23ff0000&style[invalid][fontSize]=13px&style[invalid][fontFamily]=Open+Sans%2C+Consolas%2C+Menlo%2C+monospace&style[invalid][::placeholder][color]=%237b7c86&rtl=false&componentName=card&keyMode=live&apiKey=pk_live_51IaWR9LeYpeXhVzO6D8xYnMllCaB9cAfu8mNxqYMhTBf6eRaluZtWLZ6ra91nliuOj9PkEIUbCg5s1t4woa6oVfg00i3pzDs9T&referrer=https%3A%2F%2Fforms.zohopublic.com%2Fconferencemanagement%2Fform%2FHotelArts33%2Fformperma%2FuKAJPqNJWIiJ-cghF52pjo9xnKvMGfcNCiejqpDsq-c&controllerId=__privateStripeController7041"
title="Secure card payment input frame"
style="border: 0px !important; margin: 0px !important; padding: 0px !important; width: 1px !important; min-width: 100% !important; overflow: hidden !important; display: block !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; height: 15.6px;"></iframe><input
class="__PrivateStripeElement-input" aria-hidden="true" aria-label=" " autocomplete="false" maxlength="1"
style="border: none !important; display: block !important; position: absolute !important; height: 1px !important; top: -1px !important; left: 0px !important; padding: 0px !important; margin: 0px !important; width: 100% !important; opacity: 0 !important; background: transparent !important; pointer-events: none !important; font-size: 16px !important;">
<div
style="display: block !important; position: absolute !important; top: 50% !important; right: 0px !important; width: 0px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: none !important; opacity: 1 !important; overflow: hidden !important; pointer-events: auto !important; transition: none !important;">
<iframe name="cardButton7044" frameborder="0" allowtransparency="true" scrolling="no"
src="https://js.stripe.com/v3/elements-inner-link-button-for-card-ed58f96042db5277fd01cb4c5fdd2bf4.html#locale=en&style[foregroundColor]=%23444444&frameId=__privateStripeFrame7043&publishableKey=pk_live_51IaWR9LeYpeXhVzO6D8xYnMllCaB9cAfu8mNxqYMhTBf6eRaluZtWLZ6ra91nliuOj9PkEIUbCg5s1t4woa6oVfg00i3pzDs9T&stripeJsId=382024c7-855a-44ce-b768-a59e8d1272a3&controllerId=__privateStripeController7041&mids[guid]=NA&mids[muid]=NA&mids[sid]=NA&component=card"
style="margin: 0px !important; user-select: none !important; transform: translate(0px) !important; color-scheme: light only !important; display: block !important; position: absolute !important; top: 0px !important; right: 0px !important; height: 0px !important; width: var(--stripeElementWidth) !important; padding: 0px !important; border: 0px !important; overflow: hidden !important; opacity: 1 !important;"></iframe>
</div>
</div>
</div>
</div>
</div>
</div><span id="payment-error" elname="stripePaymentError" class="errorMessage" style="display:none;"></span>
</div>
<div class="clearBoth"></div>
<script type="module">
$(function() {
var mode = "live"; // No I18N
var saveRecord = "false";
if (mode == "live" || saveRecord == "true") { // No I18N
var paymentLI = $("#PaymentAmount-li");
var merchantType = "3"; // No I18N
var merchantDiv = $(paymentLI).find("div[elname=merchantDiv]").find("a[merchantType=" + merchantType + "]");
var isMandatory = $(paymentLI).attr("mandatory"); // No I18N
if (isMandatory == "true") {
$(merchantDiv).addClass("selected");
$(paymentLI).find("div[elname=merchantDiv]").attr("merchantType", merchantType); // No I18N
$(paymentLI).find("div[elname=paymentDetailsDiv]").show();
if (merchantType == ZFFormPayments.MERCHANT_TYPE.STRIPE) {
$(paymentLI).find("div[elname=stripeMerchantDiv]").show();
} else if (merchantType == ZFFormPayments.MERCHANT_TYPE.AUTHORIZE_NET) {
$(paymentLI).find("div[elname=authNetMerchantDiv]").show();
} else if (merchantType == ZFFormPayments.MERCHANT_TYPE.SQUARE) {
$(paymentLI).find("div[elname=squareMerchantDiv]").show();
}
}
var pymntType = $(paymentLI).find("div[elname=merchantDiv]").attr("paymenttype"); // No I18N
if (pymntType == 2) { // varied
if ($.trim($(merchantDiv).attr("minamnt")) != "" || $.trim($(merchantDiv).attr("maxamnt")) != "") {
$(paymentLI).find("p[elemType=instruction]").show();
} else {
$(paymentLI).find("p[elemType=instruction]").hide();
}
} else {
$(paymentLI).find("p[elemType=instruction]").hide();
}
}
});
</script>
</li>
<li class="tempFrmWrapper address addrlarge zfSelect2CustomCont" mode="live" elname="livefield-elem" comptype="8" needdata="true" id="Address-li" compname="Address" linkname="Address" isvisible="true" mandatory="true" page_no="2"
page_link_name="Page3" showlabel="true" statefldtype="1" counteruid="">
<div class="arrowNav"></div>
<label class="labelName" id="Address-arialabel">
<span>Billing Address</span>
<em class="important" aria-hidden="true">*</em>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv address" elemname="fieldContentDiv">
<div class="addrCont">
<!-- <input value=>-->
<span class="addOne" elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Address0">Required</span>
<input aria-labelledby="Address-arialabel aria-showelemslabel-Address0 ariarequired-Address0" aria-describedby="hint-Address" name="Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="address-line1" type="text"
maxlength="255" complink="Address_AddressLine1" value="" mandatory="true" placeholder="">
<!-- Display name of 'AddressLine1' component of 'Address' field. -->
<label class="formSubInfoText" elname="formSubInfoText" id="aria-showelemslabel-Address0">Street Address</label>
</span>
<!-- <input value=>-->
<span class="addOne" elname="compEachElem">
<input aria-labelledby="Address-arialabel aria-showelemslabel-Address1" aria-describedby="hint-Address" name="Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="address-line2" type="text" maxlength="255"
complink="Address_AddressLine2" value="" mandatory="false" placeholder="">
<!-- Display name of 'AddressLine2' component of 'Address' field. -->
<label class="formSubInfoText" elname="formSubInfoText" id="aria-showelemslabel-Address1">Address Line 2</label>
</span>
<!-- <input value=>-->
<span class="flLeft addtwo" elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Address2">Required</span>
<input aria-labelledby="Address-arialabel aria-showelemslabel-Address2 ariarequired-Address2" aria-describedby="hint-Address" name="Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="address-level2" type="text"
maxlength="255" complink="Address_City" value="" mandatory="true" placeholder="">
<!-- Display name of 'City' component of 'Address' field. -->
<label class="formSubInfoText" elname="formSubInfoText" id="aria-showelemslabel-Address2">City</label>
</span>
<!-- <input value=>-->
<span class="flLeft addtwo" elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Address3">Required</span>
<input aria-labelledby="Address-arialabel aria-showelemslabel-Address3 ariarequired-Address3" aria-describedby="hint-Address" name="Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="address-level1" type="text"
maxlength="255" complink="Address_Region" value="" mandatory="true" placeholder="">
<!--</div>-->
<!-- Display name of 'Region' component of 'Address' field. -->
<label class="formSubInfoText" elname="formSubInfoText" id="aria-showelemslabel-Address3">State/Region/Province</label>
</span>
<!-- <input value=>-->
<span class="flLeft addtwo" elname="compEachElem">
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Address4">Required</span>
<input aria-labelledby="Address-arialabel aria-showelemslabel-Address4 ariarequired-Address4" aria-describedby="hint-Address" name="Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="postal-code" type="text"
maxlength="255" complink="Address_ZipCode" value="" mandatory="true" placeholder="">
<!-- Display name of 'ZipCode' component of 'Address' field. -->
<label class="formSubInfoText" elname="formSubInfoText" id="aria-showelemslabel-Address4">Postal / Zip Code</label>
</span>
<!-- <input value=>-->
<span class="flLeft addtwo" elname="compEachElem">
<div class="form_selectBox">
<div class="selectArrow"></div>
<span class="sr-only" elname="ariaReqSpan" id="ariarequired-Address5">Required</span>
<select elname="dropdownElem" aria-labelledby="Address-arialabel aria-showelemslabel-Address5 ariarequired-Address5" aria-describedby="hint-Address" onfocusout="ZFLive.validateFieldConstraint(this);" autocomplete="country"
name="Address" complink="Address_Country" id="Address_Country" mandatory="true" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
<option value="-Select-">-Select-</option>
<option value="Åland Islands" ctrycode="103" lwrvalue="åland islands">Åland Islands</option>
<option value="Afghanistan" ctrycode="101" lwrvalue="afghanistan">Afghanistan</option>
<option value="Akrotiri" ctrycode="102" lwrvalue="akrotiri">Akrotiri</option>
<option value="Albania" ctrycode="104" lwrvalue="albania">Albania</option>
<option value="Algeria" ctrycode="105" lwrvalue="algeria">Algeria</option>
<option value="American Samoa" ctrycode="106" lwrvalue="american samoa">American Samoa</option>
<option value="Andorra" ctrycode="107" lwrvalue="andorra">Andorra</option>
<option value="Angola" ctrycode="108" lwrvalue="angola">Angola</option>
<option value="Anguilla" ctrycode="109" lwrvalue="anguilla">Anguilla</option>
<option value="Antarctica" ctrycode="110" lwrvalue="antarctica">Antarctica</option>
<option value="Antigua and Barbuda" ctrycode="111" lwrvalue="antigua and barbuda">Antigua and Barbuda</option>
<option value="Argentina" ctrycode="112" lwrvalue="argentina">Argentina</option>
<option value="Armenia" ctrycode="113" lwrvalue="armenia">Armenia</option>
<option value="Aruba" ctrycode="114" lwrvalue="aruba">Aruba</option>
<option value="Ashmore and Cartier Islands" ctrycode="115" lwrvalue="ashmore and cartier islands">Ashmore and Cartier Islands</option>
<option value="Australia" ctrycode="116" lwrvalue="australia">Australia</option>
<option value="Austria" ctrycode="117" lwrvalue="austria">Austria</option>
<option value="Azerbaijan" ctrycode="118" lwrvalue="azerbaijan">Azerbaijan</option>
<option value="Bahrain" ctrycode="120" lwrvalue="bahrain">Bahrain</option>
<option value="Bangladesh" ctrycode="121" lwrvalue="bangladesh">Bangladesh</option>
<option value="Barbados" ctrycode="122" lwrvalue="barbados">Barbados</option>
<option value="Bassas Da India" ctrycode="123" lwrvalue="bassas da india">Bassas Da India</option>
<option value="Belarus" ctrycode="124" lwrvalue="belarus">Belarus</option>
<option value="Belgium" ctrycode="125" lwrvalue="belgium">Belgium</option>
<option value="Belize" ctrycode="126" lwrvalue="belize">Belize</option>
<option value="Benin" ctrycode="127" lwrvalue="benin">Benin</option>
<option value="Bermuda" ctrycode="128" lwrvalue="bermuda">Bermuda</option>
<option value="Bhutan" ctrycode="129" lwrvalue="bhutan">Bhutan</option>
<option value="Bolivia" ctrycode="130" lwrvalue="bolivia">Bolivia</option>
<option value="Bosnia and Herzegovina" ctrycode="131" lwrvalue="bosnia and herzegovina">Bosnia and Herzegovina</option>
<option value="Botswana" ctrycode="132" lwrvalue="botswana">Botswana</option>
<option value="Bouvet Island" ctrycode="133" lwrvalue="bouvet island">Bouvet Island</option>
<option value="Brazil" ctrycode="134" lwrvalue="brazil">Brazil</option>
<option value="British Indian Ocean Territory" ctrycode="135" lwrvalue="british indian ocean territory">British Indian Ocean Territory</option>
<option value="British Virgin Islands" ctrycode="136" lwrvalue="british virgin islands">British Virgin Islands</option>
<option value="Brunei" ctrycode="137" lwrvalue="brunei">Brunei</option>
<option value="Bulgaria" ctrycode="138" lwrvalue="bulgaria">Bulgaria</option>
<option value="Burkina Faso" ctrycode="139" lwrvalue="burkina faso">Burkina Faso</option>
<option value="Burma" ctrycode="140" lwrvalue="burma">Burma</option>
<option value="Burundi" ctrycode="141" lwrvalue="burundi">Burundi</option>
<option value="Cambodia" ctrycode="142" lwrvalue="cambodia">Cambodia</option>
<option value="Cameroon" ctrycode="143" lwrvalue="cameroon">Cameroon</option>
<option value="Canada" ctrycode="144" lwrvalue="canada">Canada</option>
<option value="Cape Verde" ctrycode="145" lwrvalue="cape verde">Cape Verde</option>
<option value="Caribbean Netherlands" ctrycode="146" lwrvalue="caribbean netherlands">Caribbean Netherlands</option>
<option value="Cayman Islands" ctrycode="147" lwrvalue="cayman islands">Cayman Islands</option>
<option value="Central African Republic" ctrycode="148" lwrvalue="central african republic">Central African Republic</option>
<option value="Chad" ctrycode="149" lwrvalue="chad">Chad</option>
<option value="Chile" ctrycode="150" lwrvalue="chile">Chile</option>
<option value="China" ctrycode="151" lwrvalue="china">China</option>
<option value="Christmas Island" ctrycode="152" lwrvalue="christmas island">Christmas Island</option>
<option value="Clipperton Island" ctrycode="153" lwrvalue="clipperton island">Clipperton Island</option>
<option value="Cocos (Keeling) Islands" ctrycode="154" lwrvalue="cocos (keeling) islands">Cocos (Keeling) Islands</option>
<option value="Colombia" ctrycode="155" lwrvalue="colombia">Colombia</option>
<option value="Comoros" ctrycode="156" lwrvalue="comoros">Comoros</option>
<option value="Cook Islands" ctrycode="159" lwrvalue="cook islands">Cook Islands</option>
<option value="Coral Sea Islands" ctrycode="160" lwrvalue="coral sea islands">Coral Sea Islands</option>
<option value="Costa Rica" ctrycode="161" lwrvalue="costa rica">Costa Rica</option>
<option value="Cote D'Ivoire" ctrycode="162" lwrvalue="cote d'ivoire">Cote D'Ivoire</option>
<option value="Croatia" ctrycode="163" lwrvalue="croatia">Croatia</option>
<option value="Cuba" ctrycode="164" lwrvalue="cuba">Cuba</option>
<option value="Curaçao" ctrycode="165" lwrvalue="curaçao">Curaçao</option>
<option value="Cyprus" ctrycode="166" lwrvalue="cyprus">Cyprus</option>
<option value="Czech Republic" ctrycode="167" lwrvalue="czech republic">Czech Republic</option>
<option value="Democratic Republic of the Congo" ctrycode="157" lwrvalue="democratic republic of the congo">Democratic Republic of the Congo</option>
<option value="Denmark" ctrycode="168" lwrvalue="denmark">Denmark</option>
<option value="Dhekelia" ctrycode="169" lwrvalue="dhekelia">Dhekelia</option>
<option value="Djibouti" ctrycode="170" lwrvalue="djibouti">Djibouti</option>
<option value="Dominica" ctrycode="171" lwrvalue="dominica">Dominica</option>
<option value="Dominican Republic" ctrycode="172" lwrvalue="dominican republic">Dominican Republic</option>
<option value="Ecuador" ctrycode="173" lwrvalue="ecuador">Ecuador</option>
<option value="Egypt" ctrycode="174" lwrvalue="egypt">Egypt</option>
<option value="El Salvador" ctrycode="175" lwrvalue="el salvador">El Salvador</option>
<option value="Equatorial Guinea" ctrycode="176" lwrvalue="equatorial guinea">Equatorial Guinea</option>
<option value="Eritrea" ctrycode="177" lwrvalue="eritrea">Eritrea</option>
<option value="Estonia" ctrycode="178" lwrvalue="estonia">Estonia</option>
<option value="Ethiopia" ctrycode="179" lwrvalue="ethiopia">Ethiopia</option>
<option value="Europa Island" ctrycode="180" lwrvalue="europa island">Europa Island</option>
<option value="Falkland Islands (Islas Malvinas)" ctrycode="181" lwrvalue="falkland islands (islas malvinas)">Falkland Islands (Islas Malvinas)</option>
<option value="Faroe Islands" ctrycode="182" lwrvalue="faroe islands">Faroe Islands</option>
<option value="Federated States of Micronesia" ctrycode="258" lwrvalue="federated states of micronesia">Federated States of Micronesia</option>
<option value="Fiji" ctrycode="183" lwrvalue="fiji">Fiji</option>
<option value="Finland" ctrycode="184" lwrvalue="finland">Finland</option>
<option value="France" ctrycode="185" lwrvalue="france">France</option>
<option value="French Guiana" ctrycode="186" lwrvalue="french guiana">French Guiana</option>
<option value="French Polynesia" ctrycode="187" lwrvalue="french polynesia">French Polynesia</option>
<option value="French Southern and Antarctic Lands" ctrycode="188" lwrvalue="french southern and antarctic lands">French Southern and Antarctic Lands</option>
<option value="Gabon" ctrycode="189" lwrvalue="gabon">Gabon</option>
<option value="Gaza Strip" ctrycode="191" lwrvalue="gaza strip">Gaza Strip</option>
<option value="Georgia" ctrycode="192" lwrvalue="georgia">Georgia</option>
<option value="Germany" ctrycode="193" lwrvalue="germany" selected="true">Germany</option>
<option value="Ghana" ctrycode="194" lwrvalue="ghana">Ghana</option>
<option value="Gibraltar" ctrycode="195" lwrvalue="gibraltar">Gibraltar</option>
<option value="Glorioso Islands" ctrycode="196" lwrvalue="glorioso islands">Glorioso Islands</option>
<option value="Greece" ctrycode="197" lwrvalue="greece">Greece</option>
<option value="Greenland" ctrycode="198" lwrvalue="greenland">Greenland</option>
<option value="Grenada" ctrycode="199" lwrvalue="grenada">Grenada</option>
<option value="Guadeloupe" ctrycode="200" lwrvalue="guadeloupe">Guadeloupe</option>
<option value="Guam" ctrycode="201" lwrvalue="guam">Guam</option>
<option value="Guatemala" ctrycode="202" lwrvalue="guatemala">Guatemala</option>
<option value="Guernsey" ctrycode="203" lwrvalue="guernsey">Guernsey</option>
<option value="Guinea" ctrycode="204" lwrvalue="guinea">Guinea</option>
<option value="Guinea-bissau" ctrycode="205" lwrvalue="guinea-bissau">Guinea-bissau</option>
<option value="Guyana" ctrycode="206" lwrvalue="guyana">Guyana</option>
<option value="Haiti" ctrycode="207" lwrvalue="haiti">Haiti</option>
<option value="Heard Island and Mcdonald Islands" ctrycode="208" lwrvalue="heard island and mcdonald islands">Heard Island and Mcdonald Islands</option>
<option value="Holy See (Vatican City)" ctrycode="209" lwrvalue="holy see (vatican city)">Holy See (Vatican City)</option>
<option value="Honduras" ctrycode="210" lwrvalue="honduras">Honduras</option>
<option value="Hong Kong" ctrycode="211" lwrvalue="hong kong">Hong Kong</option>
<option value="Hungary" ctrycode="212" lwrvalue="hungary">Hungary</option>
<option value="Iceland" ctrycode="213" lwrvalue="iceland">Iceland</option>
<option value="India" ctrycode="214" lwrvalue="india">India</option>
<option value="Indonesia" ctrycode="215" lwrvalue="indonesia">Indonesia</option>
<option value="Iran" ctrycode="216" lwrvalue="iran">Iran</option>
<option value="Iraq" ctrycode="217" lwrvalue="iraq">Iraq</option>
<option value="Ireland" ctrycode="218" lwrvalue="ireland">Ireland</option>
<option value="Isle of Man" ctrycode="219" lwrvalue="isle of man">Isle of Man</option>
<option value="Israel" ctrycode="220" lwrvalue="israel">Israel</option>
<option value="Italy" ctrycode="221" lwrvalue="italy">Italy</option>
<option value="Jamaica" ctrycode="222" lwrvalue="jamaica">Jamaica</option>
<option value="Jan Mayen" ctrycode="223" lwrvalue="jan mayen">Jan Mayen</option>
<option value="Japan" ctrycode="224" lwrvalue="japan">Japan</option>
<option value="Jersey" ctrycode="225" lwrvalue="jersey">Jersey</option>
<option value="Jordan" ctrycode="226" lwrvalue="jordan">Jordan</option>
<option value="Juan De Nova Island" ctrycode="227" lwrvalue="juan de nova island">Juan De Nova Island</option>
<option value="Kazakhstan" ctrycode="228" lwrvalue="kazakhstan">Kazakhstan</option>
<option value="Kenya" ctrycode="229" lwrvalue="kenya">Kenya</option>
<option value="Kiribati" ctrycode="230" lwrvalue="kiribati">Kiribati</option>
<option value="Kosovo" ctrycode="368" lwrvalue="kosovo">Kosovo</option>
<option value="Kuwait" ctrycode="233" lwrvalue="kuwait">Kuwait</option>
<option value="Kyrgyzstan" ctrycode="234" lwrvalue="kyrgyzstan">Kyrgyzstan</option>
<option value="Laos" ctrycode="235" lwrvalue="laos">Laos</option>
<option value="Latvia" ctrycode="236" lwrvalue="latvia">Latvia</option>
<option value="Lebanon" ctrycode="237" lwrvalue="lebanon">Lebanon</option>
<option value="Lesotho" ctrycode="238" lwrvalue="lesotho">Lesotho</option>
<option value="Liberia" ctrycode="239" lwrvalue="liberia">Liberia</option>
<option value="Libya" ctrycode="240" lwrvalue="libya">Libya</option>
<option value="Liechtenstein" ctrycode="241" lwrvalue="liechtenstein">Liechtenstein</option>
<option value="Lithuania" ctrycode="242" lwrvalue="lithuania">Lithuania</option>
<option value="Luxembourg" ctrycode="243" lwrvalue="luxembourg">Luxembourg</option>
<option value="Macau" ctrycode="244" lwrvalue="macau">Macau</option>
<option value="Macedonia" ctrycode="245" lwrvalue="macedonia">Macedonia</option>
<option value="Madagascar" ctrycode="246" lwrvalue="madagascar">Madagascar</option>
<option value="Malawi" ctrycode="247" lwrvalue="malawi">Malawi</option>
<option value="Malaysia" ctrycode="248" lwrvalue="malaysia">Malaysia</option>
<option value="Maldives" ctrycode="249" lwrvalue="maldives">Maldives</option>
<option value="Mali" ctrycode="250" lwrvalue="mali">Mali</option>
<option value="Malta" ctrycode="251" lwrvalue="malta">Malta</option>
<option value="Marshall Islands" ctrycode="252" lwrvalue="marshall islands">Marshall Islands</option>
<option value="Martinique" ctrycode="253" lwrvalue="martinique">Martinique</option>
<option value="Mauritania" ctrycode="254" lwrvalue="mauritania">Mauritania</option>
<option value="Mauritius" ctrycode="255" lwrvalue="mauritius">Mauritius</option>
<option value="Mayotte" ctrycode="256" lwrvalue="mayotte">Mayotte</option>
<option value="Mexico" ctrycode="257" lwrvalue="mexico">Mexico</option>
<option value="Moldova" ctrycode="259" lwrvalue="moldova">Moldova</option>
<option value="Monaco" ctrycode="260" lwrvalue="monaco">Monaco</option>
<option value="Mongolia" ctrycode="261" lwrvalue="mongolia">Mongolia</option>
<option value="Montenegro" ctrycode="262" lwrvalue="montenegro">Montenegro</option>
<option value="Montserrat" ctrycode="263" lwrvalue="montserrat">Montserrat</option>
<option value="Morocco" ctrycode="264" lwrvalue="morocco">Morocco</option>
<option value="Mozambique" ctrycode="265" lwrvalue="mozambique">Mozambique</option>
<option value="Myanmar" ctrycode="266" lwrvalue="myanmar">Myanmar</option>
<option value="Namibia" ctrycode="267" lwrvalue="namibia">Namibia</option>
<option value="Nauru" ctrycode="268" lwrvalue="nauru">Nauru</option>
<option value="Navassa Island" ctrycode="269" lwrvalue="navassa island">Navassa Island</option>
<option value="Nepal" ctrycode="270" lwrvalue="nepal">Nepal</option>
<option value="Netherlands" ctrycode="271" lwrvalue="netherlands">Netherlands</option>
<option value="Netherlands Antilles" ctrycode="272" lwrvalue="netherlands antilles">Netherlands Antilles</option>
<option value="New Caledonia" ctrycode="273" lwrvalue="new caledonia">New Caledonia</option>
<option value="New Zealand" ctrycode="274" lwrvalue="new zealand">New Zealand</option>
<option value="Nicaragua" ctrycode="275" lwrvalue="nicaragua">Nicaragua</option>
<option value="Niger" ctrycode="276" lwrvalue="niger">Niger</option>
<option value="Nigeria" ctrycode="277" lwrvalue="nigeria">Nigeria</option>
<option value="Niue" ctrycode="278" lwrvalue="niue">Niue</option>
<option value="Norfolk Island" ctrycode="279" lwrvalue="norfolk island">Norfolk Island</option>
<option value="North Korea" ctrycode="231" lwrvalue="north korea">North Korea</option>
<option value="Northern Mariana Islands" ctrycode="280" lwrvalue="northern mariana islands">Northern Mariana Islands</option>
<option value="Norway" ctrycode="281" lwrvalue="norway">Norway</option>
<option value="Oman" ctrycode="282" lwrvalue="oman">Oman</option>
<option value="Pakistan" ctrycode="283" lwrvalue="pakistan">Pakistan</option>
<option value="Palau" ctrycode="284" lwrvalue="palau">Palau</option>
<option value="Palestine" ctrycode="285" lwrvalue="palestine">Palestine</option>
<option value="Panama" ctrycode="286" lwrvalue="panama">Panama</option>
<option value="Papua New Guinea" ctrycode="287" lwrvalue="papua new guinea">Papua New Guinea</option>
<option value="Paracel Islands" ctrycode="288" lwrvalue="paracel islands">Paracel Islands</option>
<option value="Paraguay" ctrycode="289" lwrvalue="paraguay">Paraguay</option>
<option value="Peru" ctrycode="290" lwrvalue="peru">Peru</option>
<option value="Philippines" ctrycode="291" lwrvalue="philippines">Philippines</option>
<option value="Pitcairn Islands" ctrycode="292" lwrvalue="pitcairn islands">Pitcairn Islands</option>
<option value="Poland" ctrycode="293" lwrvalue="poland">Poland</option>
<option value="Portugal" ctrycode="294" lwrvalue="portugal">Portugal</option>
<option value="Puerto Rico" ctrycode="295" lwrvalue="puerto rico">Puerto Rico</option>
<option value="Qatar" ctrycode="296" lwrvalue="qatar">Qatar</option>
<option value="Republic of the Congo" ctrycode="158" lwrvalue="republic of the congo">Republic of the Congo</option>
<option value="Reunion" ctrycode="297" lwrvalue="reunion">Reunion</option>
<option value="Romania" ctrycode="298" lwrvalue="romania">Romania</option>
<option value="Russia" ctrycode="299" lwrvalue="russia">Russia</option>
<option value="Rwanda" ctrycode="300" lwrvalue="rwanda">Rwanda</option>
<option value="Saint Barthélemy" ctrycode="301" lwrvalue="saint barthã©lemy">Saint Barthélemy</option>
<option value="Saint Helena" ctrycode="302" lwrvalue="saint helena">Saint Helena</option>
<option value="Saint Kitts and Nevis" ctrycode="303" lwrvalue="saint kitts and nevis">Saint Kitts and Nevis</option>
<option value="Saint Lucia" ctrycode="304" lwrvalue="saint lucia">Saint Lucia</option>
<option value="Saint Martin" ctrycode="305" lwrvalue="saint martin">Saint Martin</option>
<option value="Saint Pierre and Miquelon" ctrycode="306" lwrvalue="saint pierre and miquelon">Saint Pierre and Miquelon</option>
<option value="Saint Vincent and the Grenadines" ctrycode="307" lwrvalue="saint vincent and the grenadines">Saint Vincent and the Grenadines</option>
<option value="Samoa" ctrycode="308" lwrvalue="samoa">Samoa</option>
<option value="San Marino" ctrycode="309" lwrvalue="san marino">San Marino</option>
<option value="Sao Tome and Principe" ctrycode="310" lwrvalue="sao tome and principe">Sao Tome and Principe</option>
<option value="Saudi Arabia" ctrycode="311" lwrvalue="saudi arabia">Saudi Arabia</option>
<option value="Senegal" ctrycode="312" lwrvalue="senegal">Senegal</option>
<option value="Serbia" ctrycode="313" lwrvalue="serbia">Serbia</option>
<option value="Seychelles" ctrycode="314" lwrvalue="seychelles">Seychelles</option>
<option value="Sierra Leone" ctrycode="315" lwrvalue="sierra leone">Sierra Leone</option>
<option value="Singapore" ctrycode="316" lwrvalue="singapore">Singapore</option>
<option value="Sint Maarten" ctrycode="317" lwrvalue="sint maarten">Sint Maarten</option>
<option value="Slovakia" ctrycode="318" lwrvalue="slovakia">Slovakia</option>
<option value="Slovenia" ctrycode="319" lwrvalue="slovenia">Slovenia</option>
<option value="Solomon Islands" ctrycode="320" lwrvalue="solomon islands">Solomon Islands</option>
<option value="Somalia" ctrycode="321" lwrvalue="somalia">Somalia</option>
<option value="South Africa" ctrycode="322" lwrvalue="south africa">South Africa</option>
<option value="South Georgia and the South Sandwich Islands" ctrycode="323" lwrvalue="south georgia and the south sandwich islands">South Georgia and the South Sandwich Islands</option>
<option value="South Korea" ctrycode="232" lwrvalue="south korea">South Korea</option>
<option value="South Sudan" ctrycode="324" lwrvalue="south sudan">South Sudan</option>
<option value="Spain" ctrycode="325" lwrvalue="spain">Spain</option>
<option value="Spratly Islands" ctrycode="326" lwrvalue="spratly islands">Spratly Islands</option>
<option value="Sri Lanka" ctrycode="327" lwrvalue="sri lanka">Sri Lanka</option>
<option value="Sudan" ctrycode="328" lwrvalue="sudan">Sudan</option>
<option value="Suriname" ctrycode="329" lwrvalue="suriname">Suriname</option>
<option value="Svalbard" ctrycode="330" lwrvalue="svalbard">Svalbard</option>
<option value="Swaziland" ctrycode="331" lwrvalue="swaziland">Swaziland</option>
<option value="Sweden" ctrycode="332" lwrvalue="sweden">Sweden</option>
<option value="Switzerland" ctrycode="333" lwrvalue="switzerland">Switzerland</option>
<option value="Syria" ctrycode="334" lwrvalue="syria">Syria</option>
<option value="Taiwan" ctrycode="335" lwrvalue="taiwan">Taiwan</option>
<option value="Tajikistan" ctrycode="336" lwrvalue="tajikistan">Tajikistan</option>
<option value="Tanzania" ctrycode="337" lwrvalue="tanzania">Tanzania</option>
<option value="Thailand" ctrycode="338" lwrvalue="thailand">Thailand</option>
<option value="The Bahamas" ctrycode="119" lwrvalue="the bahamas">The Bahamas</option>
<option value="The Gambia" ctrycode="190" lwrvalue="the gambia">The Gambia</option>
<option value="Timor-leste" ctrycode="339" lwrvalue="timor-leste">Timor-leste</option>
<option value="Togo" ctrycode="340" lwrvalue="togo">Togo</option>
<option value="Tokelau" ctrycode="341" lwrvalue="tokelau">Tokelau</option>
<option value="Tonga" ctrycode="342" lwrvalue="tonga">Tonga</option>
<option value="Trinidad and Tobago" ctrycode="343" lwrvalue="trinidad and tobago">Trinidad and Tobago</option>
<option value="Tromelin Island" ctrycode="344" lwrvalue="tromelin island">Tromelin Island</option>
<option value="Tunisia" ctrycode="345" lwrvalue="tunisia">Tunisia</option>
<option value="Turkey" ctrycode="346" lwrvalue="turkey">Turkey</option>
<option value="Turkmenistan" ctrycode="347" lwrvalue="turkmenistan">Turkmenistan</option>
<option value="Turks and Caicos Islands" ctrycode="348" lwrvalue="turks and caicos islands">Turks and Caicos Islands</option>
<option value="Tuvalu" ctrycode="349" lwrvalue="tuvalu">Tuvalu</option>
<option value="Uganda" ctrycode="350" lwrvalue="uganda">Uganda</option>
<option value="Ukraine" ctrycode="351" lwrvalue="ukraine">Ukraine</option>
<option value="United Arab Emirates" ctrycode="352" lwrvalue="united arab emirates">United Arab Emirates</option>
<option value="United Kingdom" ctrycode="353" lwrvalue="united kingdom">United Kingdom</option>
<option value="United States" ctrycode="354" lwrvalue="united states">United States</option>
<option value="Uruguay" ctrycode="355" lwrvalue="uruguay">Uruguay</option>
<option value="Uzbekistan" ctrycode="356" lwrvalue="uzbekistan">Uzbekistan</option>
<option value="Vanuatu" ctrycode="357" lwrvalue="vanuatu">Vanuatu</option>
<option value="Venezuela" ctrycode="358" lwrvalue="venezuela">Venezuela</option>
<option value="Vietnam" ctrycode="359" lwrvalue="vietnam">Vietnam</option>
<option value="Virgin Islands" ctrycode="360" lwrvalue="virgin islands">Virgin Islands</option>
<option value="Wake Island" ctrycode="361" lwrvalue="wake island">Wake Island</option>
<option value="Wallis and Futuna" ctrycode="362" lwrvalue="wallis and futuna">Wallis and Futuna</option>
<option value="West Bank" ctrycode="363" lwrvalue="west bank">West Bank</option>
<option value="Western Sahara" ctrycode="364" lwrvalue="western sahara">Western Sahara</option>
<option value="Yemen" ctrycode="365" lwrvalue="yemen">Yemen</option>
<option value="Zambia" ctrycode="366" lwrvalue="zambia">Zambia</option>
<option value="Zimbabwe" ctrycode="367" lwrvalue="zimbabwe">Zimbabwe</option>
</select><span class="select2 select2-container select2-container--default" dir="ltr" style="width: auto;"><span class="selection"><span class="select2-selection select2-selection--single select2FormCont" role="combobox"
aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-Address_Country-container"><span class="select2-selection__rendered" id="select2-Address_Country-container" title="Germany">
<div class="select2FormFont">Germany</div>
</span><span class="select2-selection__arrow select2FormArrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
</div><!-- Display name of 'Country' component of 'Address' field. -->
<label class="formSubInfoText formSubInfoAlign" elname="formSubInfoText" id="aria-showelemslabel-Address5">Country</label>
</span>
<div class="clearBoth"></div>
<p class="errorMessage" elname="error" id="error-Address"></p>
</div>
</div>
<div class="clearBoth"></div>
<script type="module">
$(function() {
var mode = "live"; // No I18N
if (mode == "edit") { // No I18N
var selectedCountry = ""; // No I18N
var selectedCountryNonEncoded = ""; // No I18N
var compname = "Address"; //No I18N
var linkname;
if (compname.indexOf("_") != -1) {
var splittedArr = compname.split("_");
linkname = splittedArr[0];
} else {
linkname = compname;
}
var countryDropdown = $("#Address-li").find('select[complink=' + linkname + ZFFormField.ADDRESS.COUNTRY.KEY + ']');
if (selectedCountry.length > 0 && (typeof($(countryDropdown).find('option:selected').val()) == 'undefined' || $(countryDropdown).find('option:selected').val().toLowerCase() != selectedCountryNonEncoded.toLowerCase())) { // No I18N
$(countryDropdown).append($("<option></option>").attr("value", selectedCountryNonEncoded).html(selectedCountry).hide()); // No I18N
$(countryDropdown).val(selectedCountryNonEncoded).change();
}
}
});
</script>
</li>
<li elname="livefield-elem" linkname="TermsConditions" comptype="34" id="TermsConditions-li" needdata="true" compname="TermsConditions" statustext="Agreed" counteruid="" class="tempFrmWrapper termsWrapper" mandatory="false" page_no="2"
page_link_name="Page3" choice_type="checkbox" tabindex="1" showlabel="true">
<label class="labelName" id="TermsConditions-arialabel">
<span>Terms and Conditions</span>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<div class="termsContainer">
<div id="TermsConditions-arialabel-terms" elname="terms" aria-labelledby="TermsConditions-arialabel TermsConditions-arialabel-terms" role="group" class="termsMsg descFld">
<div style="margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline"><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div
style="color: rgb(0, 0, 0); font-family: inherit; font-style: inherit; font-variant-caps: inherit; font-weight: inherit; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none; margin: 0px; padding: 0px; border: 0px; font-size: inherit; font-stretch: inherit; line-height: inherit; vertical-align: baseline">
<span class="colour" style="color: rgb(192, 192, 192)">Important Information</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">In the event of a no show or early checkout then a charge of up to 100% of the entire cost of the booking may be applied Note that some hotels may require cash or credit card
deposit as guarantee. This will be returned on departure minus any deduction incurred during the stay.</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Additional Information</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Late Check-in: If late arrival is expected please inform the booking office as some hotels have limited reception services after 21:00 hours. Failing to inform the hotel of a late
arrival can result in the space being released Requests: Specific room</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">types, smoking preferences and bedding types cannot be guaranteed and are subject to availability at the time of check-in. It is always guaranteed that the room provided by the
hotel will accommodate the number of guests booked. Early Check-out: Any early check-out is liable to full charges.</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Payment</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">The due balance will be collected through us 14 days prior to your check in date. Your card on file will be charged on your due date after receiving an email to authorize the
charge. If a different card should be used you can request a payment link to complete your payment. If the due balance isn't received at that time, it may result in cancelling your entire reservation and losing your deposit.
Please make sure to pay your due balance on your due date.</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Deposit Policy</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Please provide a valid credit card to hold your reservation. A one night per room will be charged at the time of booking. This deposit is refundable until 14 days before your
check-in date less than a 4% transaction fee. Reservation(s) without deposit are subject to cancellation.</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Cancellations and Changes:</span><span class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">Any changes or modifications should be received 14 days prior to your check in date. Otherwise amendments aren't accepted or guaranteed. Same is applied for cancellation requests.
Cancellations are refundable 14 days prior to your check in date (less than 4% transaction fee). If cancellations aren't received 14 days prior the check in date, it will result in 100% non-refundable deposit.</span><span
class="colour" style="color: rgb(192, 192, 192)"><br></span></div>
<div style="color: rgb(0, 0, 0); font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; text-decoration: none"><span
class="colour" style="color: rgb(192, 192, 192)">*Kindly note in case your reservation isn't confirmed, our team will reach out within 48-72 hr with alternative hotel options so you can relocate your hotel
accommodations. </span><span class="size" style="font-size: 13.3333px"><span class="colour" style="color: rgb(204, 204, 204)"><br></span></span></div>
<div><br></div>
</div>
<div class="termsAccept customCheckBox">
<input aria-labelledby="TermsConditions-arialabel TermsConditions-arialabel-declaration" onmousedown="event.preventDefault();" elname="statusCB" id="TermsConditions-input" class="checkBoxType flLeft" name="TermsConditions"
type="checkbox" onchange="ZFLive.hideClosestFieldElemErrorDiv(this);">
<!-- declaration content moved to div from label to make custom choices work -->
<label class="cusChoiceLabel" for="TermsConditions-input">
<div class="checker"></div>
</label>
<div class="descFld" id="TermsConditions-arialabel-declaration">
<div><span class="colour" style="color: rgb(204, 204, 204)">I accept the Terms and Conditions.</span><br></div>
</div>
</div>
</div>
<p class="errorMessage" elname="error" id="error-TermsConditions"></p>
</div>
<div class="clearBoth"></div>
</li>
<li class="tempFrmWrapper small" elname="livefield-elem" comptype="2" id="MultiLine-li" needdata="true" compname="MultiLine" linkname="MultiLine" isvisible="true" mandatory="false" page_no="2" page_link_name="Page3" show_word_count="false"
min_range="0" max_range="65535" range_type="1" showlabel="true" counteruid="">
<label class="labelName" for="MultiLine-arialabel">
<span>Comments/Special Requests</span>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div class="tempContDiv" elemname="fieldContentDiv">
<span class="countWrd"> <textarea id="MultiLine-arialabel" aria-describedby="hint-MultiLine countMsg-MultiLine" onkeyup="ZFLive.countWordOrCharacters(this);" onfocusin="ZFLive.countWordOrCharacters(this);"
onfocusout="ZFLive.hideWordCount(this); ZFLive.validateFieldConstraint(this);" autocomplete="off" name="MultiLine" placeholder=""></textarea>
<p style="display:none;" class="countAlertOver" elname="countmsg" id="countMsg-MultiLine"></p>
</span>
<p class="errorMessage" elname="error" id="error-MultiLine"></p>
</div>
<div class="clearBoth"></div>
</li>
<li class="tempFrmWrapper small" tabindex="1" elname="livefield-elem" comptype="27" id="Formula2-li" needdata="true" compname="Formula2" linkname="Formula2" summary_type="0" isvisible="false" decimalformat="1" decimallength="-1" counteruid=""
style="display:none;" mandatory="false" page_no="2" page_link_name="Page3" unit_position="2">
<label class="labelName"><span>Deposit2</span>
</label>
<div class="subFrmFieldsHidden subFrmFieldsHiddenCont" style="display:none" elemname="fieldHiddenDiv"><em><svg class="icon icon-Denied-1-01">
<use xlink:href="#icon-rules-denied-01"></use>
</svg></em>
<span>N/A</span>
</div>
<div elname="tempContDiv" class="tempContDiv" elemname="fieldContentDiv">
<span><input type="text" name="Formula2" disabled="true" class="inputDisabled"></span>
<span class="symbol" name="formula_unit_after" elname="formula_unit_span"></span>
</div>
<div class="clearBoth"></div>
</li>
</ul>
</div>
<ul elname="footer" class="footerWrapper formRelative" page_no="1" page_count="2" counter_page_uid="" page_link_name="Page">
<li style="overflow:visible; position: relative;" class="btnAllign fmFooter page" id="formAccess" elname="0">
<div class="pageFotDef">
<div class="alignNext">
<div class="inlineBlock nextAlign" elname="next"><button aria-label="Next
Navigates to page 2 out of 2" class="fmSmtButton next_previous navWrapper" type="button" elname="next" onclick="gotoNextPage(this);">
<em> Next </em>
</button></div>
</div>
</div>
<div class="clearBoth"></div>
<div class="footerPgNum">1/2</div>
</li>
</ul>
<ul elname="footer" class="footerWrapper formRelative" page_no="2" page_count="2" counter_page_uid="" page_link_name="Page3" style="display:none;">
<li style="overflow:visible; position: relative;" class="btnAllign fmFooter page" id="formAccess" elname="0">
<div class="pageFotDef">
<div class="inlineBlock prevAlign" elname="back"><button aria-label="Back Navigates to page 1 out of 2" class="fmSmtButton next_previous navWrapper" type="button" elname="back" onclick="gotoPrev(this);">
<em> Back </em>
</button></div>
<div class="alignSubmit">
<div class="formRelative inlineBlock submitBtnCont"><button class="fmSmtButton submitColor submitWrapper fmSmtButtom" elname="submit" value="submit">
<em>Submit</em>
</button></div>
</div>
</div>
<div class="clearBoth"></div>
<div class="footerPgNum">2/2</div>
</li>
</ul>
<!-- Uncomment the following Code to enable automation location based value filling for GeoLocation Fields -->
<!-- Set the mapquestURL from zohoforms.properties -->
<!-- -->
<!--Div to show error for unconfirmed users -->
<div id="errorDiv" style="display:none" class="errorMsgWrapper">
<div class="flLeft errorIcon"></div>
<div class="errorMsgCont" role="alert" aria-live="assertive">
<h2>Error Occurred</h2>
<span id="errorMsgSpan">You haven't verified your email yet, click<a href="javascript:;" onclick="ZFUtil.resendMail('0');"> here </a> to receive a verification email.</span>
</div>
<div class="clearBoth"></div>
</div>
</div><!-- 'formRedirectURL' ends -->
<div id="popupdiv" class="dim-div2 dim-div6" style="display:none;">
<div id="imageChoiceDiv-cont" class="popUpOuter imageTypeZoom">
<div class="popUpInnerWrapper">
<div class="popupHeader removeBdr"><a class="flRight ppDeleteIcon" role="button" aria-label="Close" elname="hideZoomedImage" onclick="ZFLive.hideZoomedImage();" href="javascript:;"></a>
<div class="clearBoth"></div>
</div>
<div class="popupMainCont"><img src="" style="display: none;">
<audio aria-label="Recorded media" src="" controls="" style="display: none;"></audio>
<video aria-label="Recorded media" src="" controls="" style="display: none;"></video>
<p class="mediaPlayerErorMgs" elname="mediaPlayerError" style="display: none;color: white">This file format is not supported by your browser for preview.</p>
</div>
</div>
</div>
</div>
</form>Text Content
time Email * Jan * Feb * Mar * Apr * May * Jun * Jul * Aug * Sep * Oct * Nov * Dec * HOTEL ARTS Address: 119 12 Ave SW, Calgary, AB T2R 0G8, Canada - Promo Code: (IPCE0722) 1 2 * RESERVATION DETAILS * Name * N/A Required -Select- Mr. Mrs. Ms. -Select- Title Required First Required Last * Phone * N/A * Email * N/A * Company Name * N/A * Price/night CAD N/A CAD * Check-in-date * N/A dd-MMM-yyyy * Check-out-date * N/A dd-MMM-yyyy * Total number of nights N/A * NO. OF GUESTS * Number of rooms * N/A -Select- 1 2 3 4 5 6 7 8 9 -Select- * Room Type * N/A -Select- Standard Single Room Standard Double Room -Select- * CHECKOUT * Required Deposit * Stripe CAD $ Amount to be paid $ Name on card * Billing Address * N/A Required Street Address Address Line 2 Required City Required State/Region/Province Required Postal / Zip Code Required -Select- Åland Islands Afghanistan Akrotiri Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Ashmore and Cartier Islands Australia Austria Azerbaijan Bahrain Bangladesh Barbados Bassas Da India Belarus Belgium Belize Benin Bermuda Bhutan Bolivia Bosnia and Herzegovina Botswana Bouvet Island Brazil British Indian Ocean Territory British Virgin Islands Brunei Bulgaria Burkina Faso Burma Burundi Cambodia Cameroon Canada Cape Verde Caribbean Netherlands Cayman Islands Central African Republic Chad Chile China Christmas Island Clipperton Island Cocos (Keeling) Islands Colombia Comoros Cook Islands Coral Sea Islands Costa Rica Cote D'Ivoire Croatia Cuba Curaçao Cyprus Czech Republic Democratic Republic of the Congo Denmark Dhekelia Djibouti Dominica Dominican Republic Ecuador Egypt El Salvador Equatorial Guinea Eritrea Estonia Ethiopia Europa Island Falkland Islands (Islas Malvinas) Faroe Islands Federated States of Micronesia Fiji Finland France French Guiana French Polynesia French Southern and Antarctic Lands Gabon Gaza Strip Georgia Germany Ghana Gibraltar Glorioso Islands Greece Greenland Grenada Guadeloupe Guam Guatemala Guernsey Guinea Guinea-bissau Guyana Haiti Heard Island and Mcdonald Islands Holy See (Vatican City) Honduras Hong Kong Hungary Iceland India Indonesia Iran Iraq Ireland Isle of Man Israel Italy Jamaica Jan Mayen Japan Jersey Jordan Juan De Nova Island Kazakhstan Kenya Kiribati Kosovo Kuwait Kyrgyzstan Laos Latvia Lebanon Lesotho Liberia Libya Liechtenstein Lithuania Luxembourg Macau Macedonia Madagascar Malawi Malaysia Maldives Mali Malta Marshall Islands Martinique Mauritania Mauritius Mayotte Mexico Moldova Monaco Mongolia Montenegro Montserrat Morocco Mozambique Myanmar Namibia Nauru Navassa Island Nepal Netherlands Netherlands Antilles New Caledonia New Zealand Nicaragua Niger Nigeria Niue Norfolk Island North Korea Northern Mariana Islands Norway Oman Pakistan Palau Palestine Panama Papua New Guinea Paracel Islands Paraguay Peru Philippines Pitcairn Islands Poland Portugal Puerto Rico Qatar Republic of the Congo Reunion Romania Russia Rwanda Saint Barthélemy Saint Helena Saint Kitts and Nevis Saint Lucia Saint Martin Saint Pierre and Miquelon Saint Vincent and the Grenadines Samoa San Marino Sao Tome and Principe Saudi Arabia Senegal Serbia Seychelles Sierra Leone Singapore Sint Maarten Slovakia Slovenia Solomon Islands Somalia South Africa South Georgia and the South Sandwich Islands South Korea South Sudan Spain Spratly Islands Sri Lanka Sudan Suriname Svalbard Swaziland Sweden Switzerland Syria Taiwan Tajikistan Tanzania Thailand The Bahamas The Gambia Timor-leste Togo Tokelau Tonga Trinidad and Tobago Tromelin Island Tunisia Turkey Turkmenistan Turks and Caicos Islands Tuvalu Uganda Ukraine United Arab Emirates United Kingdom United States Uruguay Uzbekistan Vanuatu Venezuela Vietnam Virgin Islands Wake Island Wallis and Futuna West Bank Western Sahara Yemen Zambia Zimbabwe Germany Country * Terms and Conditions N/A Important Information In the event of a no show or early checkout then a charge of up to 100% of the entire cost of the booking may be applied Note that some hotels may require cash or credit card deposit as guarantee. This will be returned on departure minus any deduction incurred during the stay. Additional Information Late Check-in: If late arrival is expected please inform the booking office as some hotels have limited reception services after 21:00 hours. Failing to inform the hotel of a late arrival can result in the space being released Requests: Specific room types, smoking preferences and bedding types cannot be guaranteed and are subject to availability at the time of check-in. It is always guaranteed that the room provided by the hotel will accommodate the number of guests booked. Early Check-out: Any early check-out is liable to full charges. Payment The due balance will be collected through us 14 days prior to your check in date. Your card on file will be charged on your due date after receiving an email to authorize the charge. If a different card should be used you can request a payment link to complete your payment. If the due balance isn't received at that time, it may result in cancelling your entire reservation and losing your deposit. Please make sure to pay your due balance on your due date. Deposit Policy Please provide a valid credit card to hold your reservation. A one night per room will be charged at the time of booking. This deposit is refundable until 14 days before your check-in date less than a 4% transaction fee. Reservation(s) without deposit are subject to cancellation. Cancellations and Changes: Any changes or modifications should be received 14 days prior to your check in date. Otherwise amendments aren't accepted or guaranteed. Same is applied for cancellation requests. Cancellations are refundable 14 days prior to your check in date (less than 4% transaction fee). If cancellations aren't received 14 days prior the check in date, it will result in 100% non-refundable deposit. *Kindly note in case your reservation isn't confirmed, our team will reach out within 48-72 hr with alternative hotel options so you can relocate your hotel accommodations. I accept the Terms and Conditions. * Comments/Special Requests N/A * Deposit2 N/A * Next 1/2 * Back Submit 2/2 ERROR OCCURRED You haven't verified your email yet, click here to receive a verification email. This file format is not supported by your browser for preview. OK OK OK OK Retry Cancel That CAPTCHA was incorrect. Your form has been deactivated. Contact support@zohoforms.com for further information. An error occurred Please contact your form administrator for further assistance. Submitting... Please Wait... Saving... Redirecting to Merchant Website.. Verifying Credit Card Details... Please wait... Loading payment widget... Verification Code Enter the text in the box below Continue Verification mail sent. LINK TO RESUME THIS FORM LATER: Email Link to Send Please enter a valid email address to configure Zoho Sign settings. Copy Link Copied to clipboard. * * * Done TURN ON THE CAMERA PERMISSION IN YOUR BROWSER TO CONTINUE FURTHER -- : -- : -- Submission Not Allowed You need to verify your email address to submit form Send Verification Email Sending Email Email Sent