www.remymartin.com
Open in
urlscan Pro
34.205.100.59
Public Scan
Submitted URL: http://remymartin.com/
Effective URL: https://www.remymartin.com/
Submission Tags: tranco_l324
Submission: On November 21 via api from DE — Scanned from DE
Effective URL: https://www.remymartin.com/
Submission Tags: tranco_l324
Submission: On November 21 via api from DE — Scanned from DE
Form analysis 5 forms found in the DOM
<form x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-on:submit.prevent="">
<div class="form_builder__page"> <template x-for="[id, value] in Object.entries(value)" :key="value.id">
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template> </div>
</template> <template x-if="page == Object.entries(formFields).length">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="submitForm" type="submit" class="btn btn-md" x-text="form.options.submit_value" x-bind:class="{ 'loading': isUploading }"
x-bind:disabled="isUploading"></button>
</div>
</template> </div>
</form><form x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-on:submit.prevent="">
<div class="form_builder__page"> <template x-for="[id, value] in Object.entries(value)" :key="value.id">
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template> </div>
</template> <template x-if="page == Object.entries(formFields).length">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="submitForm" type="submit" class="btn btn-md" x-text="form.options.submit_value" x-bind:class="{ 'loading': isUploading }"
x-bind:disabled="isUploading"></button>
</div>
</template> </div>
</form><form x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-on:submit.prevent="" novalidate="true">
<div class="form_builder__page"> <template x-for="[id, value] in Object.entries(value)" :key="value.id">
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template> </div>
</template>
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template>
<div x-html="value.description">
<h4 class="text-center m-t-40 m-b-30 ">SIGN UP TO RECEIVE EXCLUSIVE NEWS AND INVITATIONS</h4>
</div> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template>
</div>
<div class="page_inner frm_half no-label" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template>
<div class="form-group"> <label x-bind:for="value.field_key" for="9itjc"> <span x-text="value.name">First Name</span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span>
</label> <input class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" id="9itjc" pattern="/^([^0-9]*)$/gi" placeholder="YOUR FIRST NAME*" data-pristine-pattern-message="This doesn't look like a name"
data-pristine-required-message="This field is required" required="required"> </div> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template>
</div>
<div class="page_inner frm_half no-label" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template>
<div class="form-group"> <label x-bind:for="value.field_key" for="duelo"> <span x-text="value.name">Last Name</span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span>
</label> <input class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" id="duelo" pattern="/^([^0-9]*)$/gi" placeholder="YOUR LAST NAME*" data-pristine-pattern-message="This doesn't look like a name"
data-pristine-required-message="This field is required" required="required"> </div> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template>
</div>
<div class="page_inner no-label" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template>
<div class="form-group"> <label x-bind:for="value.field_key" for="701dk"> <span x-text="value.name">Email</span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label>
<input class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')" id="701dk" placeholder="YOUR EMAIL ADDRESS*"
data-pristine-email-message="Email is invalid" data-pristine-required-message="This field cannot be blank." required="required"> </div> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template>
</div>
<div class="page_inner m-t-30" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template>
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control" type="checkbox"
:name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> <label class="checkbox-label" x-bind:for="value.field_key" for="y0ufz"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" name="y0ufz"
value="By signing up, you agree to accept our <a href="/terms-and-conditions" target="_blank">terms and conditions</a> and our <a href="/privacy-policy" target="_blank">privacy</a> and <a href="/cookie-policy" target="_blank">cookie policies.</a>"
id="y0ufz" data-pristine-required-message="Please accept our terms and conditions to subscribe." required="required"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label">By signing up, you
agree to accept our <a href="/terms-and-conditions" target="_blank">terms and conditions</a> and our <a href="/privacy-policy" target="_blank">privacy</a> and <a href="/cookie-policy" target="_blank">cookie policies.</a></span> <span
class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </div> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template>
</div>
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value" value="RM HQ"> <template
x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template> </div> <template x-if="page == Object.entries(formFields).length">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="submitForm" type="submit" class="btn btn-md" x-text="form.options.submit_value" x-bind:class="{ 'loading': isUploading }"
x-bind:disabled="isUploading"></button>
</div>
</template>
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="submitForm" type="submit" class="btn btn-md" x-text="form.options.submit_value" x-bind:class="{ 'loading': isUploading }"
x-bind:disabled="isUploading">Subscribe</button>
</div>
</div>
</form>POST
<form action="" method="post">
<div class="row no-gutters justify-content-center align-items-center">
<div class="col-12 col-lg-10 col-xxl-8">
<div class="row justify-content-center align-items-center text-center logo-wrapper">
<div class="col-4 col-md-3"> <img width="1000" height="1000" src="https://static-prod.remymartin.com/app/themes/remy/static/img/logo/remy-martin-logo-1-white.svg" alt="Rémy Martin Logo"> </div>
</div>
<div class="row justify-content-center align-items-center text-center disclaimer-wrapper">
<div class="col-12 col-md-9">
<p> You must be of legal drinking age<br>in your location residence. <a href="https://responsibledrinking.eu/" target="_blank" rel="noopener">Learn more</a> </p>
<div x-show="!notWithingLegalAge && locale ==='null'" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100">
<p> The international version may not suit your local legal restrictions. If you still want to visit this version, we cannot be responsible for content that would not be compliant with your local restrictions. </p>
</div>
</div>
</div>
<div x-show="!notWithingLegalAge" class="condition-wrapper" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100">
<div class="row justify-content-center align-items-center text-center geo-wrapper">
<div class="col-12 col-md-6">
<div class="form-group locale-wrapper"> <label class="select text-center"> <select x-bind="locale" null="null" tabindex="-1" style="display: none;" data-ssid="ss-76407">
<option data-redirect="https://www.remymartin.com/zhs-cn/" data-age="18" x-bind:value="'zh_CN'" x-bind:selected="'zh_CN' === locale" value="zh_CN">China (中文)</option>
<option data-redirect="https://www.remymartin.com/fr-fr/" data-age="18" x-bind:value="'fr_FR'" x-bind:selected="'fr_FR' === locale" value="fr_FR">France (Français)</option>
<option data-redirect="https://www.remymartin.com/zht-hk/" data-age="18" x-bind:value="'zh_HK'" x-bind:selected="'zh_HK' === locale" value="zh_HK">Hong Kong (SAR) (繁體中文)</option>
<option data-redirect="https://www.remymartin.com/" data-age="18" x-bind:value="'null'" x-bind:selected="'' === locale || locale === null" value="null">International (English)</option>
<option data-redirect="https://www.remymartin.com/ja-jp/" data-age="18" x-bind:value="'ja_JP'" x-bind:selected="'ja_JP' === locale" value="ja_JP">Japan (日本語)</option>
<option data-redirect="https://www.remymartin.com/zht-mo/" data-age="18" x-bind:value="'zh_MO'" x-bind:selected="'zh_MO' === locale" value="zh_MO">Macao (SAR) (繁體中文)</option>
<option data-redirect="https://www.remymartin.com/en-ng/" data-age="18" x-bind:value="'en_NG'" x-bind:selected="'en_NG' === locale" value="en_NG">Nigeria (English)</option>
<option data-redirect="https://www.remymartin.com/ru-ru/" data-age="18" x-bind:value="'ru_RU'" x-bind:selected="'ru_RU' === locale" value="ru_RU">Russia (Русский)</option>
<option data-redirect="https://www.remymartin.com/en-za/" data-age="18" x-bind:value="'en_ZA'" x-bind:selected="'en_ZA' === locale" value="en_ZA">South Africa (English)</option>
<option data-redirect="https://www.remymartin.com/zht-tw/" data-age="18" x-bind:value="'zh_TW'" x-bind:selected="'zh_TW' === locale" value="zh_TW">Taiwan Region (繁體中文)</option>
<option data-redirect="https://www.remymartin.com/en-uk/" data-age="18" x-bind:value="'en_GB'" x-bind:selected="'en_GB' === locale" value="en_GB">UK (English)</option>
<option data-redirect="https://www.remymartin.com/en-us/" data-age="21" x-bind:value="'en_US'" x-bind:selected="'en_US' === locale" value="en_US">USA (English)</option>
</select>
<div class="ss-76407 ss-main" style="">
<div class="ss-single-selected"><span class="placeholder">International (English)</span><span class="ss-deselect ss-hide">x</span><span class="ss-arrow"><span class="arrow-down"></span></span></div>
<div class="ss-content">
<div class="ss-search ss-hide"><input readonly="" type="search" placeholder="Search" tabindex="0" aria-label="Search" autocapitalize="off" autocomplete="off" autocorrect="off"></div>
<div class="ss-list">
<div class="ss-option" data-id="56961433">China (中文)</div>
<div class="ss-option" data-id="57384881">France (Français)</div>
<div class="ss-option" data-id="19678547">Hong Kong (SAR) (繁體中文)</div>
<div class="ss-option ss-disabled ss-option-selected" data-id="7549639">International (English)</div>
<div class="ss-option" data-id="27951662">Japan (日本語)</div>
<div class="ss-option" data-id="64311086">Macao (SAR) (繁體中文)</div>
<div class="ss-option" data-id="86778047">Nigeria (English)</div>
<div class="ss-option" data-id="28358199">Russia (Русский)</div>
<div class="ss-option" data-id="17932817">South Africa (English)</div>
<div class="ss-option" data-id="87900346">Taiwan Region (繁體中文)</div>
<div class="ss-option" data-id="27432579">UK (English)</div>
<div class="ss-option" data-id="51236619">USA (English)</div>
</div>
</div>
</div>
</label> </div>
<div x-show="locale !== recommendedLocale" style="display: none;">
<div class="recommended-version"> Recommended: <span x-text="getRecommendedOption()">International (English)</span> </div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center text-center birth-wrapper">
<div class="col-12 col-md-6"> <template x-if="locale !== 'zh_CN' && locale !== 'zh_HK' && locale !== 'zh_TW' && locale !== 'zh_MO'"> <span class="h6"> PLEASE ENTER YOUR DATE OF BIRTH </span> </template> <span
class="h6"> PLEASE ENTER YOUR DATE OF BIRTH </span> <template x-if="locale === 'zh_CN' || locale === 'zh_HK' || locale === 'zh_TW' || locale === 'zh_MO'"> <span class="h6"> 您是否年满18岁？ </span> </template> </div>
</div> <template x-if="locale === 'en_US'">
<div class="row justify-content-center align-items-center text-center range-wrapper">
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="month" type="range" min="1" max="12" step="1" value="7" x-model.number="month">
</div> <span class="h6">Month</span>
</div>
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="day" type="range" min="1" max="31" step="1" value="16" x-model.number="day">
</div> <span class="h6">Day</span>
</div>
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="year" type="range" min="1898" max="2021" step="1" value="2004" x-model.number="year">
</div> <span class="h6">Year</span>
</div>
</div>
</template> <template x-if="locale === 'fr_FR'">
<div class="row justify-content-center align-items-center text-center range-wrapper">
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="day" type="range" min="1" max="31" step="1" value="16" x-model.number="day">
</div> <span class="h6">Day</span>
</div>
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="month" type="range" min="1" max="12" step="1" value="7" x-model.number="month">
</div> <span class="h6">Month</span>
</div>
<div class="col-12 col-md-3 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="year" type="range" min="1898" max="2021" step="1" value="2004" x-model.number="year">
</div> <span class="h6">Year</span>
</div>
</div>
</template> <template x-if="locale === 'zh_CN' || locale === 'zh_HK' || locale === 'zh_TW' || locale === 'zh_MO'">
<div class="row justify-content-center text-center single-choice no-gutters">
<div class="col-12 col-md-4 d-flex align-items-center"> <button type="button" class="btn btn-primary" @click="selectYes">Yes</button> <button type="button" class="btn btn-primary" @click="selectNo">No</button> </div>
</div>
</template> <template x-if="locale !== 'en_US' && locale !== 'fr_FR' && locale !== 'zh_CN' && locale !== 'zh_HK' && locale !== 'zh_TW' && locale !== 'zh_MO'">
<div class="row justify-content-center align-items-center text-center range-wrapper">
<div class="col-12 col-md-6 range-col">
<div class="form-group range-wrap">
<div class="range-value"></div> <input class="form-control" name="year" type="range" min="1898" max="2021" step="1" value="2004" x-model.number="year">
</div> <span class="h6">Year</span>
</div>
</div>
</template>
<div class="row justify-content-center align-items-center text-center range-wrapper">
<div class="col-12 col-md-6 range-col">
<div class="form-group range-wrap">
<div class="range-value" style="left: calc(50.4065% + -0.0813008px);"><span>1960</span></div> <input class="form-control" name="year" type="range" min="1898" max="2021" step="1" value="2004" x-model.number="year">
</div> <span class="h6">Year</span>
</div>
</div>
<div class="row justify-content-center align-items-center text-center submit-wrapper" x-bind:class="{'no-mt': locale === 'zh_CN' || locale === 'zh_HK' || locale === 'zh_TW' || locale === 'zh_MO'}">
<div class="col-12 col-md-3">
<div class="form-group range-wrap" x-show="locale !== 'zh_CN' && locale !== 'zh_HK' && locale !== 'zh_TW' && locale !== 'zh_MO'"> <button class="btn btn-lg"
x-bind:disabled="(locale === 'en_US' || locale === 'fr_FR') && (!year || !month || !day) || locale !== 'en_US' && locale !== 'fr_FR' && !year">Enter</button> </div>
<div class="form-group remember-wrap"> <label class="checkbox-label"> <input type="checkbox" x-model="remember"> <span class="checkbox-custom"></span> <span class="checkText">Remember me</span> </label> </div>
</div>
</div>
</div> <template x-if="notWithingLegalAge">
<div class="condition-wrapper" x-cloak="" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 transform scale-90" x-transition:enter-end="opacity-100 transform scale-100">
<div class="row justify-content-center align-items-center text-center">
<div class="col-12 col-md-7"> <span class="h5"> We’re sorry, but YOU’RE NOT OLD ENOUGH TO ENTER THIS WEBSITE. </span> </div>
</div>
<div class="row justify-content-center align-items-center text-center submit-wrapper">
<div class="col-12 col-md-3">
<div class="form-group range-wrap"> <button class="btn btn-lg" @click="notWithingLegalAge = false" x-on:click.prevent="">Go back</button> </div>
</div>
</div>
</div>
</template>
</div>
</div>
</form><form x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-on:submit.prevent="">
<div class="form_builder__page"> <template x-for="[id, value] in Object.entries(value)" :key="value.id">
<div class="page_inner" x-bind:class="value.field_options.classes"> <template x-if="value.type ==='html'">
<div x-html="value.description"></div>
</template> <template x-if="value.type ==='hidden_jsvar'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="models[value.id] = window.templateVar[value.default_value]"> </template> <template
x-if="value.type ==='hidden'"> <input class="form-control d-none" type="hidden" x-model="models[value.id]" x-bind:value="value.default_value === '[post_title]' ? models[value.id] = document.title : models[value.id] = value.default_value">
</template> <template x-if="value.type ==='textarea'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <textarea
class="form-control" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"></textarea> </div>
</template> <template x-if="value.type ==='select'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <select
class="form-control" data-searchtext="Search" x-model="models[value.id]" x-bind:id="value.field_key" x-bind:required="value.required && (value.required === 1 || value.required === '1')"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:data-placeholder="value.field_options.placeholder" x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'"> <template
x-if="!value.field_options.multiple">
<option data-placeholder="true"></option>
</template> <template x-for="[option_id, option_value] in Object.entries(value.options)" :key="option_id">
<option :value="option_value.value" x-text="option_value.label"> </option>
</template> </select> </div>
</template> <template x-if="value.type ==='text'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="text" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder"
x-bind:data-pristine-pattern-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='number'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="number" x-bind:min="value.field_options.minnum" x-bind:max="value.field_options.maxnum" x-bind:step="value.field_options.step" x-bind:id="value.field_key" x-model="models[value.id]"
x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-number-message="value.field_options.invalid"
x-bind:data-pristine-invalid-message="value.field_options.invalid" x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='email'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="email" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-email-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='checkbox'">
<div class="form-group checkbox-group"> <template x-for="[checkbox_id, checkbox_value] in Object.entries(value.options)" :key="checkbox_id"> <label class="checkbox-label" x-bind:for="value.field_key"> <input class="form-control"
type="checkbox" :name="value.field_key" :value="checkbox_value.value" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> <span class="checkbox-custom"></span> <span class="checkText"> <span x-html="checkbox_value.label"></span> <span class="mandatory-sign"
x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </span> </label> </template> </div>
</template> <template x-if="value.type ==='phone'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" type="tel" x-bind:pattern="value.field_options.format ? '/' + value.field_options.format + '/gi' : null" x-bind:data-pristine-pattern-message="value.field_options.invalid"
x-bind:data-pristine-required-message="value.field_options.blank" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder"
x-bind:required="value.required && (value.required === 1 || value.required === '1')"> </div>
</template> <template x-if="value.type ==='date'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control flatpickr flatpickr-input" type="date" x-bind:id="value.field_key" x-model="models[value.id]" x-bind:placeholder="value.field_options.placeholder" x-bind:data-pristine-required-message="value.field_options.blank"
x-bind:required="value.required && (value.required === 1 || value.required === '1')" data-date-format="mm/dd/yyyy"> </div>
</template> <template x-if="value.type ==='file'">
<div class="form-group"> <label x-bind:for="value.field_key"> <span x-text="value.name"></span><span class="mandatory-sign" x-show="value.required && (value.required === 1 || value.required === '1')">*</span> </label> <input
class="form-control" size="10" type="file" x-bind:id="value.field_key" x-on:change="files[value.id] = Object.values($event.target.files); $event.target.value = ''"
x-bind:multiple="value.field_options.multiple === 1 || value.field_options.multiple === '1'" x-bind:accept="Object.entries(value.field_options.ftypes).map(type => type[1]).join(', ')" hidden=""> <label class="choose-file"
x-bind:for="value.field_key" x-text="value.field_options.choose_msg"></label> <template x-if="files[value.id]">
<div class="file-selection-list"> <template x-for="(item, index) in files[value.id]" :key="index"> <span @click="files[value.id].splice(index, 1);" x-text="truncateString(item.name, 20) + ' (' + formatSizeUnits(item.size) + ')'"></span>
</template> </div>
</template> </div>
</template> <template x-if="value.type ==='summary'">
<div class="form-group summary">
<div class="row"> <template x-for="(item, index) in Object.entries(models)" :key="item[0]">
<div class="edit-box-wrapper"
x-bind:class="{ 'col-12 col-md-6': getFormField(item[0]).type !== 'textarea', 'col-12': getFormField(item[0]).type === 'textarea', 'd-none': getFormField(item[0]).type === 'hidden', 'd-none': getFormField(item[0]).type === 'checkbox' }">
<label x-text="getFormField(item[0]).name"></label>
<div class="edit-box" @click="jumpToPageByFieldId(item[0])"> <span x-text="item[1]"></span> </div>
</div>
</template> <template x-if="files && files.length">
<div class="edit-box-wrapper col-12"> <label>Attachments</label> <template x-for="(file, index) in Object.entries(files)" :key="index">
<div class="edit-box" @click="jumpToPageByFieldId(file[0])"> <template x-for="(f, fileindex) in file[1]" :key="fileindex">
<div> <span x-text="truncateString(f.name, 30) + ' (' + formatSizeUnits(f.size) + ')'"></span> </div>
</template> </div>
</template> </div>
</template> </div>
</div>
</template> <template x-if="value.type ==='break'">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="nextPage" class="btn btn-md" type="button" x-bind:disabled="!canContinue && !isUploading" x-text="value.name"></button>
</div>
</template> </div>
</template> <template x-if="page == Object.entries(formFields).length">
<div class="form-group">
<div class="mandatory-notice"> <span>*Mandatory fields</span> </div> <button @click="submitForm" type="submit" class="btn btn-md" x-text="form.options.submit_value" x-bind:class="{ 'loading': isUploading }"
x-bind:disabled="isUploading"></button>
</div>
</template> </div>
</form>Text Content
INT EN
*
*
*
* Home
Product
XO
Rémy Martin XO is the signature of our Cellar Master who with his expertise
blends up to several hundreds eaux-de-vie.
discover
Discover Cognac
How to drink cognac
Hugely versatile, cognac is the perfect drink for a wide range of occasions.
Enjoy it by yourself or when socialising: it can be enjoyed in so many ways.
discover
* News
* Collection
* Collection
* All Products
* VSOP
* Club
* 1738 Accord Royal
* Tercet
* XO
* Limited Editions
* VSOP Gift pack
* VSOP Gift pack with 1738 miniature
* VSOP Gift pack with glasses
* Club Gift pack
* 1738 Accord Royal Gift pack
* XO Gold
* XO Atelier Thiery
* Club 35
* XO Red
* Cocktails
* Cocktails
* All cocktails
* Rémy Sidecar
* Old Fashioned
* Mint Julep
* Rémy Ginger
* Royal Tom Collins
* Iced Tea Club
* Discover Cognac
* Discover Cognac
* What is cognac?
* How cognac is made
* How to drink cognac
* Neat or on ice
* Cocktails
* Pairing cognac with food
* Our Commitment
* Our Commitment
* Our engagements
* The soil
* The vine
* The people
* Who we are
* Who we are
* Our values
* Team Up For Excellence The Film
* Our history
* Our collabs
* Visit us
* Visit us
* Book a tour
* Discover our estates
* FAQ
* Contact
* Terms and Conditions
* Privacy Policy
* Cookie Policy
* Contact
*
*
*
*
*
* shop
INT EN
International
English
USA
English
France
Français
China
中文
Taiwan Region
繁體中文
Hong Kong (SAR)
繁體中文
Japan
日本語
Russia
Русский
UK
English
South Africa
English
Macao (SAR)
繁體中文
Nigeria
English
Back
CHRISTOPHE GALFARD
FEET IN THE GROUND, AIMING AT THE STARS
Learn More
07 CHRISTOPHE GALFARD
THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP
TO CELEBRATE GASTRONOMIC AND SUSTAINABLE EXCELLENCE
read more
01 THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP
TEAM UP FOR EXCELLENCE THE FILM
Rémy Martin and Usher Team Up to Celebrate Two Cultures of Excellence: Music &
Cognac
Watch the film
02 Team Up For Excellence The Film
ORDER ONLINE
Stock your bar by visiting our e-partners
order online
03 ORDER ONLINE
YOUR AT-HOME COCKTAILS HQ
Discover New Cocktail Recipes
Discover
04 YOUR AT-HOME COCKTAILS HQ
RÉMY MARTIN X CHEF KWAME ONWUACHI
This season Chef Kwame Onwuachi has teamed up with Rémy Martin to create
regional classics on the grill.
discover
05 RÉMY MARTIN X CHEF KWAME ONWUACHI
RÉMY MARTIN XO X ATELIER THIERY
TAKE FLIGHT IN GOLD, THE DIGITAL EXPERIENCE
click to start
06 RÉMY MARTIN XO X ATELIER THIERY
CHRISTOPHE GALFARD
FEET IN THE GROUND, AIMING AT THE STARS
Learn More
07 CHRISTOPHE GALFARD
THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP
TO CELEBRATE GASTRONOMIC AND SUSTAINABLE EXCELLENCE
read more
01 THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP
05 RÉMY MARTIN X CHEF KWAME ONWUACHI This season Chef Kwame Onwuachi has teamed
up with Rémy Martin to create regional classics on the grill.
06 RÉMY MARTIN XO X ATELIER THIERY TAKE FLIGHT IN GOLD, THE DIGITAL EXPERIENCE
07 CHRISTOPHE GALFARD FEET IN THE GROUND, AIMING AT THE STARS
01 THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP TO CELEBRATE GASTRONOMIC AND
SUSTAINABLE EXCELLENCE
02 Team Up For Excellence The Film Rémy Martin and Usher Team Up to Celebrate
Two Cultures of Excellence: Music & Cognac
03 ORDER ONLINE Stock your bar by visiting our e-partners
04 YOUR AT-HOME COCKTAILS HQ Discover New Cocktail Recipes
05 RÉMY MARTIN X CHEF KWAME ONWUACHI This season Chef Kwame Onwuachi has teamed
up with Rémy Martin to create regional classics on the grill.
06 RÉMY MARTIN XO X ATELIER THIERY TAKE FLIGHT IN GOLD, THE DIGITAL EXPERIENCE
07 CHRISTOPHE GALFARD FEET IN THE GROUND, AIMING AT THE STARS
01 THE MICHELIN GUIDE AND RÉMY MARTIN TEAM UP TO CELEBRATE GASTRONOMIC AND
SUSTAINABLE EXCELLENCE
02 Team Up For Excellence The Film Rémy Martin and Usher Team Up to Celebrate
Two Cultures of Excellence: Music & Cognac
03 ORDER ONLINE Stock your bar by visiting our e-partners
shop
COLLECTION
DISCOVER OUR
COGNACS
view all
Rémy Martin XO Gold Limited Edition
Rémy Martin XO Atelier Thiery Limited Edition
Rémy Martin Club 35 Limited Edition
Rémy Martin XO Red Limited Edition
Rémy Martin VSOP
Rémy Martin Club
Rémy Martin 1738
Accord Royal
Rémy Martin Tercet
Rémy Martin XO
Rémy Martin VSOP Limited Edition
Rémy Martin VSOP with 1738 Accord Royal miniature Limited Edition
Rémy Martin VSOP with glasses Limited Edition
Rémy Martin Club Limited Edition
Rémy Martin 1738 Accord Royal with jigger Limited Edition
Rémy Martin XO Gold Limited Edition
Rémy Martin XO Atelier Thiery Limited Edition
Rémy Martin Club 35 Limited Edition
Rémy Martin XO Red Limited Edition
Rémy Martin VSOP
Rémy Martin Club
Rémy Martin 1738
Accord Royal
Rémy Martin Tercet
view all
RÉMY MARTIN XO
THE EXCELLENCE OF COGNAC FINE CHAMPAGNE
Rémy Martin XO is the signature of our Cellar Master who with his expertise
blends up to 400 different eaux-de-vie.
Discover XO shop XO
HOW TO DRINK COGNAC
THE PERFECT SPIRIT FOR ALL OCCASIONS
NEAT OR ON ICE
Learn more about the tasting experience when enjoying cognac neat or on ice.
read more
COCKTAILS
Explore modern and classic cocktail recipes
discover
FOOD PAIRING
Discover a world of new sensations and flavors.
read more
The opulence of XO
BOOK A GOURMET TASTING EXPERIENCE IN COGNAC
Visit our historic house and its cellars and enjoy a tasting with two cognacs of
your choice served with a selection of delectable accompaniments.
Visit us
DISCOVER
MORE
News
RÉMY MARTIN X 6LACK
Ground’s Melody: Exploring Two Cultures of Excellence – Rémy Martin & the local
sounds of music
read more
our commitment
WE ARE ROOTED IN SUSTAINABILITY
Take a closer look at the steps on our path towards sustainability.
read more
collaborations
RÉMY MARTIN X JEAN FRANÇOIS PIÈGE
We’ve teamed up with Jean François Piège to create 8 new food pairings
read more
Do you want to enjoy Rémy Martin cognac?
FIND THE BEST SHOP
TO BUY ONLINE
buy online
Now in Cognac
COGNAC LIFECYCLE
NOV 19, 2021
DISTILLATION
WEATHER
3 °C
fog Humidity: 97%
LOCATION
Maison Rémy Martin
20 rue de la société vinicole
16100 COGNAC
FRANCE
Visit us
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
*Mandatory fields
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
*Mandatory fields
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
SIGN UP TO RECEIVE EXCLUSIVE NEWS AND INVITATIONS
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
*
*
*
First Name*
*
*
*
*
*
*
Attachments
*Mandatory fields
*
*
*
Last Name*
*
*
*
*
*
*
Attachments
*Mandatory fields
*
*
*
*
*
Email*
*
*
*
*
Attachments
*Mandatory fields
*
*
*
*
*
*
* By signing up, you agree to accept our terms and conditions and our privacy
and cookie policies. *
*
*
*
Attachments
*Mandatory fields
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
*Mandatory fields
*Mandatory fields
Subscribe
/
Back to start Homepage
Our Family
* Rémy Cointreau Group
* Rémy Cointreau Gastronomie
* LOUIS XIII COGNAC
*
*
*
*
©2021 E. RÉMY MARTIN & CO
Please drink responsibly
* Terms and Conditions
* Privacy Policy
* Cookie Policy
* Contact
back
FIND A BAR, RESTAURANT, CLUB
OR STORE NEARBY OR BUY ONLINE.
Please select:
Find a store / bar Buy online
Bar Restaurant
Club Store
L’abus d’alcool est dangereux pour la santé, à consommer avec modération.
www.responsibledrinking.eu
禁止酒駕 酒後不開車 安全有保障
You must be of legal drinking age
in your location residence. Learn more
The international version may not suit your local legal restrictions. If you
still want to visit this version, we cannot be responsible for content that
would not be compliant with your local restrictions.
China (中文) France (Français) Hong Kong (SAR) (繁體中文) International (English)
Japan (日本語) Macao (SAR) (繁體中文) Nigeria (English) Russia (Русский) South Africa
(English) Taiwan Region (繁體中文) UK (English) USA (English)
International (English)x
China (中文)
France (Français)
Hong Kong (SAR) (繁體中文)
International (English)
Japan (日本語)
Macao (SAR) (繁體中文)
Nigeria (English)
Russia (Русский)
South Africa (English)
Taiwan Region (繁體中文)
UK (English)
USA (English)
Recommended: International (English)
PLEASE ENTER YOUR DATE OF BIRTH PLEASE ENTER YOUR DATE OF BIRTH 您是否年满18岁？
Month
Day
Year
Day
Month
Year
Yes No
Year
1960
Year
Enter
Remember me
We’re sorry, but YOU’RE NOT OLD ENOUGH TO ENTER THIS WEBSITE.
Go back
L’abus d’alcool est dangereux pour la santé, à consommer avec modération.
www.responsibledrinking.eu
禁止酒駕 酒後不開車 安全有保障
*
*
*
*
*
*
*
*
*
Attachments
*Mandatory fields
*Mandatory fields
/
Back to start Homepage
OK
PRIVACY PREFERENCE CENTER
* YOUR PRIVACY
* STRICTLY NECESSARY COOKIES
* PERFORMANCE COOKIES
* TARGETING COOKIES
YOUR PRIVACY
When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
STRICTLY NECESSARY COOKIES
Always Active
We use essential cookies to ensure our website functions as intended for users
and to keep it secure. You can set your browser to block or alert you about
these cookies, but some parts of the site will not work as intended. These
cookies do not store any personally identifiable information.
Cookies Details
PERFORMANCE COOKIES
Performance Cookies
We use analytics cookies to help us to measure and improve the performance of
our site and your browsing experience, by understanding how our users are
interacting with the site and which pages are the most and least popular. All
information collected by these cookies is anonymous.
Cookies Details
TARGETING COOKIES
Targeting Cookies
We use targeting cookies, set through advertising partners, to build a profile
of your interests and show you relevant products, services and content on other
sites that you visit, through paid advertising. They also help us to understand
the performance of our marketing efforts. These cookies do not store directly
personal information, but are based on uniquely identifying your browser and
internet device.
Cookies Details
Back Button Back
Vendor Search
Filter Button
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label
* View Third Party Cookies
* Name
cookie name
Clear
checkbox label label
Apply Cancel
Confirm My Choices
Reject All Allow All
By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts. Cookie Policy
Cookies Settings Reject All Accept All Cookies