<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Form</name><description>Add a contact form</description><help><![CDATA[
      With the Form Block, you can create your own customized form and get any information about the visitors on your website.&lt;br&gt; You can choose if the fields are required, optional or hidden.&lt;br&gt;The emails are sent directly to your email address.
      ]]></help><api_version>1.0</api_version><size height='400' width='400' /><server>local://FormCptServer</server><blog en='675' /><gdpr enabled='true' /></metadata><includes><script href='/assets/precompile/date_time_picker.js?clearcache=2' mode='viewer' /><stylesheet href='/assets/precompile/date_time_picker.css?clearcache=2' mode='viewer' /></includes><view><content>&lt;div class=&quot;uicf_form&quot;&gt;&lt;form method=&apos;post&apos; action=&apos;#&apos;&gt;
	&lt;h3 class=&quot;font_title_2&quot;&gt;&lt;/h3&gt;
	&lt;div class=&quot;form_content&quot;&gt;
	  &lt;div class=&quot;items_container&quot;&gt;&lt;/div&gt;
	  &lt;div class=&quot;submit_form&quot;&gt;
		  &lt;div class=&apos;item_div uicf_recaptcha_div&apos; uitype=&apos;recaptcha&apos;&gt;&lt;/div&gt;
		  &lt;div class=&quot;component_gdpr_container uicf_gdpr&quot;&gt;&lt;/div&gt;
		  &lt;div style=&quot;text-align: center;&quot;&gt;
		    &lt;span&gt;
		      &lt;button class=&quot;submit-btn site_button cta&quot; type=&quot;submit&quot; /&gt;
		    &lt;/span&gt;
			  &lt;span&gt;
			    &lt;button class=&quot;reset-btn site_button&quot; type=&quot;reset&quot; /&gt;
			  &lt;/span&gt;
		  &lt;/div&gt;
	  &lt;/div&gt;
	&lt;/div&gt;
&lt;/form&gt;&lt;/div&gt;
&lt;div class=&quot;uicf_alert&quot;&gt;
	&lt;div&gt;
		&lt;p class=&quot;uicf_img_ctn&quot;&gt;
			&lt;span class=&apos;fonticon&apos;&gt;&lt;/span&gt;
		&lt;/p&gt;
		&lt;div class=&quot;uicf_textcontainer&quot;&gt;
			&lt;p class=&quot;uicf_ptxt&quot; uitype=&quot;editor&quot; uiname=&quot;alert_html&quot; data-editor_params=&apos;{&quot;disable_align_insertion&quot;: true}&apos;&gt;&lt;/p&gt;
		&lt;/div&gt;
		&lt;div style=&quot;text-align: center; padding: 5px;&quot;&gt;
			&lt;input type=&quot;button&quot; class=&quot;uicf_close_alert site_button&quot; value=&quot;Close&quot;/&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
</content><properties><inputText default='"Main form title"' name='main_title' title='Title' /><trigger_view class='example_button_trigger' help='Opens a panel which lets you see and use different examples (loading their configuration).' icon='ui_menu' method='init_examples' text='Load a template' url='/cpt/box_examples' /><!-- Options--><options name='options' sortable='true' title='Field management'><!-- Input  --><option icon='rename' name='input' title='Input text'><inputText default='"This is the default text of the label or placeholder"' name='label' title='Label' /><checkbox default='true' help='If checked, a text will be required' name='required' value='Required' /><select class='uicf_prop_mask' default='"text"' display='Simple text|Email|URL|Phone number|Number' help='Choose the orientation of the menu' name='mask' title='Type' values='text|email|url|tel|number' /><select class='uicf_prop_autocomplete' default='"text"' display='Just text|Name|Given name|Street address|Address Line 1|Address Line 2|Address Line 3|Locality|City|State|Province|Region|Postal code|Country Name|Email|Tel|Url|Language|Birthday' help='Select the &lt;b&gt;autocompletion type for this field&lt;/b&gt;: if the visitor has &lt;b&gt;some information saved by its browser&lt;/b&gt;, they will be filled automatically, which enhances the user experience and allows to answer faster.' name='autocomplete' title='Auto-complete support' values='text|name|given-name|street-address|address-line1|address-line2|address-line3|locality|city|state|province|region|postal-code|country-name|email|tel|url|language|bday' /></option><!-- Label  --><option icon='label' name='label' title='Label'><inputText default='"This is the text of your label"' name='label' title='Label' /></option><!-- Separator  --><option icon='separator' name='separator' title='Separator' /><!-- Textarea  --><option icon='textarea' name='textarea' title='Text area'><inputText default='"This is the text of your label"' name='label' title='Label' /><checkbox default='true' help='If checked, a text will be required' name='required' value='Required' /></option><!-- Upload  --><option icon='upload' name='file' title='File upload'><inputText default='"This is the text of your label"' name='label' title='Label' /><checkbox default='true' help='If checked, a file will be required' name='required' value='Required' /><select default='"All"' display='All types|Text|Image|Video|Audio|Pdf' help='Choose the type of date selector ' name='position' values='All|Text|Image|Video|Audio|Pdf' /></option><!-- Multichoice  --><option icon='radio_button_checked' name='choice' title='Multiple choices'><inputText default='"This is the text of your label"' name='label' title='Label' /><checkbox default='true' help='If checked, a choice will be required' name='required' value='Required' /><select default='"select"' display='&#9660; Dropdown list|  &#9675; Unique choice|&#9633; Multiple choices' help='Select how to display the list of choices:&lt;br&gt; &lt;b&gt;Dropdown list:&lt;/b&gt; Displays a condensed multiple choice box&lt;br&gt; &lt;b&gt;Unique choice:&lt;/b&gt; Allows to choose one choice in a list&lt;br&gt; &lt;b&gt;Multiple Choice:&lt;/b&gt; The user can select different options' name='display' title='Display style' values='select|radio|checkbox' /><trigger_view help='Opens a panel which lets you see and use different examples (loading their configuration).' icon='arrow-right' method='display_panel_option' text='Manage options' url='/cpt/box_examples' /></option><!-- Address  --><option icon='home' name='address' title='Address'><checkbox default='true' help='If checked, a date will be required' name='required' value='Required' /></option><!-- Sliders --><option icon='sliders' name='slider' title='Number picker'><inputText default='"This is the text of your label"' name='label' title='Label' /><checkbox default='true' help='If checked, a date will be required' name='required' value='Required' /><numbers default='[0,100,10]' name='slider_opt' titles='minimum|maximum|step' /></option><!-- Datepickes  --><option icon='calendar2' name='date' title='Date, Time picker'><inputText default='"This is the text of your label"' name='label' title='Label' /><checkbox default='true' help='If checked, a date will be required' name='required' value='Required' /><checkbox default='false' help='Choose if a simple input is displayed or a calendar' name='style' value='Calendar display' /><select default='"date"' display='Date|Time|Date and Time' help='Choose the type of date selector&lt;br&gt; &lt;b&gt;Date&lt;/b&gt; Displays a date selector (DD/MM/YYYY)&lt;br&gt; &lt;b&gt;Time&lt;/b&gt; Displays an hour selector (HH:MM)&lt;br&gt; &lt;b&gt;Both&lt;/b&gt; Displays an hour and date selector (DD/MM/YYYY, HH:MM)' name='mask' title='Date and/or Time' values='date|time|both' /></option></options><inputText default='"Send email"' name='submit_text' title='Form buttons' /><inputText default='"Reset form"' name='reset_text' /><trigger help='Modify the message which is displayed when the form is sent' icon='apply' method='toggle_view' text='Validation message' trigger='modify' /><server_manage help='Opens a panel which lets you add emails to your SiteW account and setup them as destination of this block once your website is published.' icon='art_track' text='Destination addresses' url='/account/manage_emails' /></properties><design_properties><tabs display='Block|Elements'><tab><listType background='transparent' class='list_types' default='"block"' name='label_position' title='Label position' type='form' /><align default='"left"' name='label_alignement' title='Label alignment' with_justify='false' /></tab><tab><trigger_preset class='gtbackdrop_prop_custom' gt_type='backdrop' help='Select a predefined background style' icon='palette' mode='select' name='backdrop_preset' text='Background style' /><trigger_preset class='gttextbox_prop_custom' gt_type='textbox' help='Select a predefined style for the form text fields' icon='palette' mode='select' name='textboxes_preset' text='Text fields&apos; style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to submit the form' icon='palette' mode='select' name='send_button_preset' text='Send button style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to reset the form' icon='palette' mode='select' name='cancel_button_preset' text='Cancel button style' /><trigger_preset class='gtbutton_prop_custom' gt_type='button' help='Select a predefined style for the button to close the form' icon='palette' mode='select' name='close_button_preset' text='Close button style' /></tab></tabs></design_properties></view><script>UI_List.UI_Form={initialize:function(e){this.cpt=e
;e.setOptions([&quot;locked&quot;,&quot;footer&quot;]);this.node=e.node
;this.examples=[[{type:&quot;type&quot;,text:&quot;Demonstration Form&quot;,
description:&quot;Form with all the possible fields&quot;},{type:&quot;label&quot;,
required:!1,text:&quot;This is a sample of a description&quot;},{
type:&quot;label&quot;,required:!1,text:&quot;You can put all what you want...&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Email&quot;,mask:&quot;email&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Phone Number&quot;,mask:&quot;tel&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Your site&apos;s URL&quot;,mask:&quot;url&quot;},{
type:&quot;address&quot;,required:!0},{type:&quot;date&quot;,required:!0,
label:&quot;Date of birth&quot;,mask:&quot;date&quot;,style:!0},{type:&quot;input&quot;,
required:!0,label:&quot;Example of number&quot;,mask:&quot;number&quot;},{
type:&quot;file&quot;,required:!0,label:&quot;Upload a file&quot;,mask:&quot;all&quot;},{
type:&quot;slider&quot;,required:!0,label:&quot;Example of number&quot;,
slider_opt:[0,10,1]},{type:&quot;choice&quot;,required:!0,
display:&quot;select&quot;,label:&quot;Problem&apos;s type&quot;,
options:[&quot;Crash&quot;,&quot;Error&quot;,&quot;Loss&quot;]},{type:&quot;choice&quot;,required:!1,
display:&quot;checkbox&quot;,label:&quot;Suggestion to bring&quot;,
options:[&quot;Advice&quot;,&quot;News&quot;,&quot;Improvement&quot;]},{type:&quot;choice&quot;,
required:!1,display:&quot;radio&quot;,label:&quot;Problem&apos;s type&quot;,
options:[&quot;Crash&quot;,&quot;Error&quot;,&quot;Loss&quot;]},{type:&quot;textarea&quot;,required:!1,
label:&quot;Your message&quot;,rows:10,cols:50},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;40,2 40,14 52,14 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;52,30 52,14 40,2 4,2 4,62 52,62 52,48 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,49 37,50 38,44 56,26 61,31 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Simple contact form&quot;,
description:&quot;Basic contact form asking for the visitor&apos;s name, first name, email and a message&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!1,label:&quot;Firstname&quot;,mask:&quot;text&quot;},{
type:&quot;input&quot;,required:!0,label:&quot;Mail&quot;,mask:&quot;email&quot;},{
type:&quot;textarea&quot;,required:!1,label:&quot;Your message&quot;,rows:10,cols:50
},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt; &lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 38,16 62,16 62,58 2,58 2,16 26,16 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,20H26V8 c0-3.3,2.7-6,6-6h0c3.3,0,6,2.7,6,6V20z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M20,38L20,38 c-2.2,0-4-1.8-4-4v-2c0-2.2,1.8-4,4-4h0c2.2,0,4,1.8,4,4v2C24,36.2,22.2,38,20,38z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;36&quot; x2=&quot;54&quot; y2=&quot;36&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;38&quot; y1=&quot;44&quot; x2=&quot;48&quot; y2=&quot;44&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M30,48H10v0 c0-3.3,2.7-6,6-6h8C27.3,42,30,44.7,30,48L30,48z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;line fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;32&quot; y1=&quot;12&quot; x2=&quot;32&quot; y2=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;/g&gt; &lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Advanced contact form&quot;,
description:&quot;Advanced contact form allowing to get more detailed information on a customer (phone number, birth date, message type)&quot;
},{type:&quot;input&quot;,required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;input&quot;,required:!0,label:&quot;Firstname&quot;,
mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,label:&quot;Phone number&quot;,
mask:&quot;tel&quot;},{type:&quot;date&quot;,required:!0,label:&quot;Date of birth&quot;,
mask:&quot;date&quot;,style:!0},{type:&quot;choice&quot;,required:!0,
display:&quot;select&quot;,label:&quot;Message type&quot;,
options:[&quot;Enhancement&quot;,&quot;Bug&quot;,&quot;Congratulations&quot;]},{
type:&quot;textarea&quot;,required:!0,label:&quot;Your message&quot;,rows:4,cols:50
},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;14&quot; x2=&quot;62&quot; y2=&quot;14&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;40&quot; y1=&quot;26&quot; x2=&quot;62&quot; y2=&quot;26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;38&quot; x2=&quot;62&quot; y2=&quot;38&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;line data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; x1=&quot;50&quot; y1=&quot;50&quot; x2=&quot;62&quot; y2=&quot;50&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/line&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M38,55H2v-9.483 c0-3.55,2.328-6.669,5.733-7.677C10.92,36.896,15.208,36,20,36c4.713,0,9.027,0.911,12.25,1.864c3.411,1.008,5.75,4.125,5.75,7.682 V55z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M10,18 c0-5.523,4.477-10,10-10s10,4.477,10,10s-4.477,12-10,12S10,23.523,10,18z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Satisfaction survey&quot;,
description:&quot;This form collects information about the output of a product.&quot;
},{type:&quot;label&quot;,required:!1,
text:&quot;Here is an example of a satisfaction survey&quot;},{
type:&quot;textarea&quot;,required:!0,
label:&quot;What do you like most about our new product?&quot;,rows:4,
cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;Which change according to you would be the most interesting in order to improve the product?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;What do you prefer compared to competitive products?&quot;,
rows:4,cols:35},{type:&quot;textarea&quot;,required:!0,
label:&quot;What would make you more likely to use our new product?&quot;,
rows:4,cols:35},{type:&quot;choice&quot;,required:!0,display:&quot;radio&quot;,
label:&quot;If our new product was available today, how likely would you recommend it to other people?&quot;,
options:[&quot;Extremely likely&quot;,&quot;Very likely&quot;,&quot;Moderately likely&quot;,&quot;Slightly likely&quot;,&quot;Not at all likely&quot;]
},{type:&quot;choice&quot;,required:!0,display:&quot;checkbox&quot;,
label:&quot;Do you think this product is a good idea?&quot;,
options:[&quot;Yes really!&quot;,&quot;Yes&quot;,&quot;Moderate&quot;,&quot;No&quot;,&quot;Truly not&quot;]},{
type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M14,16 c0-7.732,6.268-14,14-14s14,6.268,14,14s-6.268,16-14,16S14,23.732,14,16z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M40.001,41.006 C36.641,40.405,32.65,40,28,40c-11.14,0-18.494,2.331-22.453,4.087C3.379,45.048,2,47.196,2,49.567V60h26&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polygon data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 43,60 37,61 38,55 55,38 60,43 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polygon&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Real estate assessment&quot;,
description:&quot;This form allows visitors to send you details about their home&quot;
},{type:&quot;label&quot;,required:!1,text:&quot;What&apos;s your dwelling like?&quot;},{
type:&quot;choice&quot;,display:&quot;radio&quot;,required:!0,
label:&quot;Choose a dwelling type&quot;,
options:[&quot;House&quot;,&quot;Single storey&quot;,&quot;Apartment&quot;,&quot;Villa&quot;]},{
type:&quot;slider&quot;,required:!0,label:&quot;Choose a price&quot;,
slider_opt:[0,100,10]},{type:&quot;label&quot;,required:!1,
text:&quot;(Price between 10 000 and 1 000 000 euros)&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;file&quot;,required:!0,
label:&quot;Upload pictures from your home (images only)&quot;,
mask:&quot;image&quot;},{type:&quot;file&quot;,required:!1,
label:&quot;Upload your latest invoices&quot;,mask:&quot;audio&quot;},{type:&quot;file&quot;,
required:!0,label:&quot;Upload other files&quot;,mask:&quot;text&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;polyline data-cap=&quot;butt&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;10,23.966 10,60 26.001,60 26.001,45 38.001,45 38.001,60 54,60 54,23.966 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;polyline data-cap=&quot;butt&quot; data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-miterlimit=&quot;10&quot; points=&quot;12,22.241 12,8 18,8 18,17.069 &quot; stroke-linejoin=&quot;round&quot; stroke-linecap=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;rect data-color=&quot;color-2&quot; x=&quot;26.001&quot; y=&quot;26&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; width=&quot;12&quot; height=&quot;10&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/rect&gt; &lt;polyline fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot;61,30 32,5 3,30 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}],[{type:&quot;type&quot;,text:&quot;Booking Form&quot;,
description:&quot;This form allows you to obtain basic customer information and also details about their desired holidays (dates, dwelling, number of people, ...)&quot;
},{type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;label&quot;,required:!1,
text:&quot;Your contact details&quot;},{type:&quot;separator&quot;,width:&quot;50%&quot;,
shade:&quot;noshade&quot;,align:&quot;center&quot;,height:&quot;1&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Name&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Firstname&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Address&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;Postal code&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:!0,
label:&quot;City&quot;,mask:&quot;text&quot;},{type:&quot;choice&quot;,display:&quot;select&quot;,
required:!0,label:&quot;Country&quot;,
options:[&quot;France&quot;,&quot;Belgium&quot;,&quot;United States&quot;]},{type:&quot;input&quot;,
required:!0,label:&quot;Email&quot;,mask:&quot;email&quot;},{type:&quot;input&quot;,
required:!0,label:&quot;Phone number&quot;,mask:&quot;tel&quot;},{type:&quot;separator&quot;,
width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,height:&quot;1&quot;},{
type:&quot;label&quot;,required:!1,text:&quot;Reservation request&quot;},{
type:&quot;separator&quot;,width:&quot;50%&quot;,shade:&quot;noshade&quot;,align:&quot;center&quot;,
height:&quot;1&quot;},{type:&quot;date&quot;,required:!0,label:&quot;Stay start date&quot;,
mask:&quot;date&quot;,style:!1},{type:&quot;date&quot;,required:!0,
label:&quot;Arriving time&quot;,mask:&quot;time&quot;,style:!0},{type:&quot;date&quot;,
required:!0,label:&quot;Stay end date&quot;,mask:&quot;date&quot;,style:!1},{
type:&quot;date&quot;,required:!0,label:&quot;Departure time&quot;,mask:&quot;time&quot;,
style:!0},{type:&quot;choice&quot;,display:&quot;select&quot;,required:!0,
label:&quot;Dwelling choice&quot;,
options:[&quot;Lodge&quot;,&quot;Apartment&quot;,&quot;Town House&quot;]},{type:&quot;input&quot;,
required:!0,label:&quot;Number of people&quot;,mask:&quot;number&quot;},{
type:&quot;textarea&quot;,required:!0,label:&quot;Note&quot;,rows:4,cols:45},{
type:&quot;choice&quot;,display:&quot;checkbox&quot;,required:!0,label:&quot;&quot;,
options:[&quot;I accept the general conditions of sale&quot;]},{
type:&quot;icon&quot;,
val:&apos;&lt;svg class=&quot;nc-icon outline&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;http://www.w3.org/1999/xlink&quot; x=&quot;0px&quot; y=&quot;0px&quot; width=&quot;64px&quot; height=&quot;64px&quot; viewBox=&quot;0 0 64 64&quot;&gt;&lt;g transform=&quot;translate(0.5, 0.5)&quot;&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;50&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;circle fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; cx=&quot;14&quot; cy=&quot;36&quot; r=&quot;6&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/circle&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M26,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C22.088,49.435,18.716,48,14,48c-4.777,0-8.127,1.426-10.052,2.575C2.736,51.299,2,52.601,2,54.013 V60H26z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;path fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; d=&quot;M62,60v-5.965 c0-1.42-0.745-2.726-1.967-3.449C58.088,49.435,54.716,48,50,48c-4.777,0-8.127,1.426-10.052,2.575 C38.736,51.299,38,52.601,38,54.013V60H62z&quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/path&gt; &lt;polyline data-color=&quot;color-2&quot; fill=&quot;none&quot; stroke=&quot;#a9a7a7&quot; stroke-width=&quot;3&quot; stroke-linecap=&quot;round&quot; stroke-miterlimit=&quot;10&quot; points=&quot; 22,14 28,20 42,6 &quot; stroke-linejoin=&quot;round&quot;&gt;&lt;/polyline&gt; &lt;/g&gt;&lt;/svg&gt;&apos;
}]];this.old_size=400;this.recaptcha_original_size=350
;this.convert_type={image:&quot;image/*&quot;,all:&quot;*.*&quot;,audio:&quot;audio/*&quot;,
pdf:&quot;application/pdf&quot;,text:&quot;text/plain&quot;,video:&quot;video/*&quot;}},
add_helper:function(e,t,i,a,o){
var n=$(&apos;&lt;label class=&quot;&apos;+(o?&quot;label_form_nr&quot;:&quot;label_form&quot;)+&apos;&quot;&gt;&apos;).append($(&quot;&lt;span&gt;&quot;).text(t)).appendTo(e)
;$(&quot;&lt;input&gt;&quot;).attr({name:&quot;input&quot;+i,&quot;class&quot;:&quot; uicf_col_md_4&quot;,
type:&quot;text&quot;,autocomplete:a}).appendTo(n);return e},
createForm:function(){var e=this;this.one_required=!1
;var t=this.cpt.data.options
;this.cpt.data.options_order=this.cpt.data.options_order.filter(function(e){
return t[e]!=undefined})
;var i=$.map(this.cpt.data.options_order,function(e){return t[e]
})
;this.updated_container?this.updated_container.empty():this.updated_container=$(&quot;.items_container&quot;,this.cpt.node)
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer)
;var a=[],o=function(e){
return $(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;).append(e)},n=function(e,t){
var i=$(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;),a=i
;e.label&amp;&amp;(a=$(&quot;&lt;label class=&apos;label_form&apos;&gt;&quot;).append($(&quot;&lt;span&gt;&quot;).text(e.label)).appendTo(i))
;a.append(t)
;e.required&amp;&amp;i.find(&quot;.label_form &gt; span&quot;).append(&quot;&lt;p class=&apos;label_form_important&apos;&gt;*&lt;/p&gt;&quot;)
;return i};$.each(i,function(t,i){
i.required&amp;&amp;(e.one_required=!0);switch(i.type){case&quot;input&quot;:
var r=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;);r.attr({
name:&quot;input&quot;+a.length,type:i.mask});switch(i.mask){case&quot;tel&quot;:
r.attr(&quot;autocomplete&quot;,&quot;tel&quot;);break;case&quot;email&quot;:
r.attr(&quot;autocomplete&quot;,&quot;email&quot;);break;case&quot;url&quot;:
r.attr(&quot;autocomplete&quot;,&quot;url&quot;)}i.require&amp;&amp;r.attr(&quot;required&quot;,&quot;&quot;)
;e.updated_container.append(n(i,r));break;case&quot;address&quot;:
var s=$(&quot;&lt;div class=&apos;adress_container&apos;&gt;&quot;)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_street&apos;&gt;&quot;),&quot;Street&quot;,a.length+&quot;.0&quot;,&quot;address-line1&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_second_line&apos;&gt;&quot;),&quot;Additional details&quot;,a.length+&quot;.1&quot;,&quot;address-line2&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_zip&apos;&gt;&quot;),&quot;Postal / Zip Code&quot;,a.length+&quot;.4&quot;,&quot;postal-code&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_city&apos;&gt;&quot;),&quot;City&quot;,a.length+&quot;.2&quot;,&quot;locality&quot;).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_state&apos;&gt;&quot;),&quot;State / Province / Region&quot;,a.length+&quot;.3&quot;,&quot;administrative-area&quot;,!0).appendTo(s)
;e.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_country&apos;&gt;&quot;),&quot;Country&quot;,a.length+&quot;.5&quot;,&quot;country-name&quot;).appendTo(s)
;a.push([&quot;Street Address&quot;,&quot;Address Line 2&quot;,&quot;City&quot;,&quot;State / Province / Region&quot;,&quot;Postal / Zip Code&quot;,&quot;Country&quot;])
;e.updated_container.append(n(i,s))
;e.updated_container.find(&quot;.adress_fields input&quot;).addClass(&quot;site_textbox&quot;)
;break;case&quot;date&quot;:var l=$(&quot;&lt;div&gt;&quot;)
;e.updated_container.append(n(i,l))
;var p,d={},c=&quot;MM/DD/YYYY&quot;,u=&quot;hh:mm P&quot;;switch(i.mask){
case&quot;date&quot;:d.format=c;d.extraFormats=[c,c.replace(&quot;YYYY&quot;,&quot;YY&quot;)]
;break;case&quot;time&quot;:d.format=u;break;case&quot;both&quot;:d.format=c+&quot; &quot;+u
;d.extraFormats=[c+&quot; &quot;+u,c.replace(&quot;YYYY&quot;,&quot;YY&quot;)+&quot; &quot;+u]
;d.sideBySide=!0}if(i.style)d.inline=i.style;else{
l.append($(&quot;&lt;input type=&apos;text&apos; class=&apos;site_textbox&apos; style=&apos;padding-left:35px;width:90%&apos;/&gt;&quot;))
;l.append($(&quot;&lt;span class=&apos;input-group-addon&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon&apos;&gt;&quot;).html($.fn.fonticon(&quot;calendar&quot;))))
;l.addClass(&quot;input-group date&quot;)}
p=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;).attr({type:&quot;hidden&quot;,
name:&quot;input&quot;+a.length,value:l.data(&quot;date&quot;)}).appendTo(l)
;l.datetimepicker(d).on(&quot;dp.change&quot;,function(e){
p.val(e.date.format())});break;case&quot;file&quot;:
var h=$(&quot;&lt;span&gt;&quot;).addClass(&quot;fonticon&quot;),m=$(&quot;&lt;div class=&apos;upload_link&apos;&gt;&quot;).append(h)
;m.append($(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).text(&quot;Add a file&quot;))
;var f=$(&quot;&lt;div&gt;&quot;).addClass(&quot;file_container&quot;);m.attr({
name:&quot;input&quot;+a.length,href:&quot;&quot;}).appendTo(f)
;h.html($.fn.fonticon(&quot;add&quot;));f.data(&quot;attachments&quot;,[])
;m.click(function(){start_upload=function(){
$.each(this.files,function(t,i){
var a=$(&quot;&lt;div class=&apos;show_file open&apos;&gt;&quot;).appendTo($(f))
;$(&quot;&lt;span class=&apos;fonticon delete_file&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=f.data(&quot;attachments&quot;);e.slice().each(function(t){
if(t[1]==i){e.remove(t);t[0].abort();a.remove()}})}).appendTo(a)
;$(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).addClass(i.name).text(i.name+&quot; (&quot;+Math.round(i.size/1024/1024*10)/10+&quot;M)&quot;).appendTo(a)
;var o=$(&quot;&lt;span class=percent&gt; 0%&lt;/span&gt;&quot;).appendTo(a),n=new FormData
;n.append(&quot;attachment&quot;,i);f.data(&quot;attachments&quot;).push([$.ajax({
url:&quot;/cpt_contact/upload&quot;,type:&quot;POST&quot;,dataType:&quot;json&quot;,cache:!1,
data:n,timeout:0,processData:!1,contentType:!1,autoretry:!1,
noretry:!0,filename:i.name,progressUpload:function(e){
o.text(&quot; &quot;+Math.max(Math.round(e.loaded/e.total*99)-1,0)+&quot;%&quot;)},
success:function(t){o.text(&quot;100%&quot;);setTimeout(function(){
o.html(&quot; &quot;)},1e3);e.updateCptSize();if(t.error){
alert(sprintf(&quot;Virus found in %1$s. This file won&apos;t be sent.&quot;,i.name))
;var n=f.data(&quot;attachments&quot;);n.slice().each(function(e){
if(e[1]==i){n.remove(e);e[0].abort();a.remove()}})}},
error:function(){}}),i])});$(&quot;.comma:last&quot;,f).remove()
;e.updateCptSize()}
;$(&quot;&lt;input type=file style=&apos;display:none&apos; name=&apos;attachments[]&apos; multiple=1 accept=&apos;&quot;+(e.convert_type[i.position.toLowerCase()||&quot;all&quot;]||&quot;*.*&quot;)+&quot;&apos; onchange=&apos;start_upload.call(this)&apos;&gt;&quot;).appendTo(e.updated_container)[0].click()
;return!1});e.updated_container.append(n(i,f));break
;case&quot;textarea&quot;:
var _=$(&quot;&lt;textarea autocomplete=&apos;&apos; class=&apos;site_textbox&apos;&gt;&quot;)
;_.attr({name:&quot;input&quot;+a.length,rows:i.rows,cols:i.cols})
;e.updated_container.append(n(i,_));break;case&quot;label&quot;:
e.updated_container.append($(&quot;&lt;div class=&apos;item_div label_div&apos;&gt;&quot;).append($(&quot;&lt;label class=&apos;label_div&apos;&gt;&quot;).text(i.label)))
;break;case&quot;choice&quot;:i.display=i.display||&quot;select&quot;
;switch(i.display){case&quot;select&quot;:var y=$(&quot;&lt;select&gt;&quot;);y.attr({
name:&quot;input&quot;+a.length})
;e.updated_container.append(n(i,$(&apos;&lt;div class=&quot;select_style&quot;&gt;&apos;).append(y)))
;$.each(i.options,function(e,t){var i=$(&quot;&lt;option&gt;&quot;);i.attr({
value:t}).text(t);y.append(i)});break;case&quot;checkbox&quot;:
case&quot;radio&quot;:var b=$(&quot;&lt;div&gt;&quot;),k=$.fn.genId(&quot;__&quot;+i.display)
;e.updated_container.append(n(i,b))
;$.each(i.options,function(e,t){
var o=$(&quot;&lt;div&gt;&quot;),n=$(&quot;&lt;input&gt;&quot;),r=$(&quot;&lt;label&gt;&quot;);n.attr({id:k,
name:&quot;input&quot;+a.length,type:i.display,value:t})
;r.text(t).prepend(n);o.append(r);b.append(o)})}break
;case&quot;slider&quot;:
var g=$(&quot;&lt;input&gt;&quot;),x=$(&quot;&lt;input type=&apos;number&apos; class=&apos;lab_slider site_textbox&apos;/&gt;&quot;)
;g.attr({name:&quot;input&quot;+a.length,type:&quot;range&quot;})
;i.slider_opt&amp;&amp;[g,x].each(function(e){e.attr({
max:i.slider_opt[1],min:i.slider_opt[0],step:i.slider_opt[2],
value:(i.slider_opt[0]+i.slider_opt[1])/2})})
;g.change(function(){x.val($(this).val())}).change()
;x.change(function(){g.val($(this).val());$(this).val(g.val())})
;e.updated_container.append(n(i,g));x.insertAfter(g);break
;case&quot;separator&quot;:var v=$(&quot;&lt;hr&gt;&quot;);v.attr({size:i.height,
align:i.align,width:&quot;100%&quot;});i.require&amp;&amp;v.attr(&quot;noshade&quot;,&quot;&quot;)
;e.updated_container.append(o(v))}
&quot;address&quot;!=i.type&amp;&amp;a.push(i.label==undefined?null:i.label)})
;this.setResponsive()
;this.changeAlignement(this.cpt.data.label_alignement)
;this.setStyle(this.cpt.data.label_position)
;this.title.text(this.cpt.data.main_title)
;this.one_required&amp;&amp;this.updated_container.append($(&quot;&lt;span class=&apos;span_form_important&apos;&gt;*: Fields required.&lt;/span&gt;&quot;))
;this.labels=a;this.updateCptSize()},setResponsive:function(){
if(this.captcha_div.width()&lt;300){
this.formbox.addClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,138)}else{
this.formbox.removeClass(&quot;uicf_resp&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78)}this.updateCptSize()},
show_errors:function(e){var t=this
;t.node.find(&quot;.captcha_error, .other_error&quot;).remove()
;$.each(e,function(e,i){if(&quot;g-recaptcha-response&quot;==e){
$(&quot;&lt;p class=&apos;captcha_error&apos;&gt;&quot;).text(i.value).prependTo(t.footer).css(&quot;color&quot;,&quot;red&quot;)
;t._setRecaptcha();t.updateCptSize()}else if(&quot;other&quot;==e){
$(&quot;&lt;p class=&apos;other_error&apos;&gt;&quot;).insertBefore(t.submit_button).css(&quot;color&quot;,&quot;red&quot;).text(i.value)
;t.updateCptSize()}else{
var a=t.formbox.find(&quot;[name=&apos;&quot;+e+&quot;&apos;]&quot;),o=a.prev()
;switch(i.type){case&quot;date&quot;:
a.prev().prev().addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;click&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});o.css(&quot;color&quot;,&quot;red&quot;);break;case&quot;input&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;keydown&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});case&quot;checkbox&quot;:
a.closest(&quot;label&quot;).parent().closest(&quot;label&quot;).css(&quot;color&quot;,&quot;red&quot;).addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;mousedown&quot;,function(){
$(this).css(&quot;color&quot;,&quot;grey&quot;).removeClass(&quot;has_error&quot;).tooltip()})
;case&quot;required&quot;:
a.addClass(&quot;has_error&quot;).tooltip(i.value,500).one(&quot;focus&quot;,function(){
$(this).removeClass(&quot;has_error&quot;).tooltip();o.css(&quot;color&quot;,&quot;grey&quot;)
});break;default:statusController.message(i,&quot;warning&quot;)}}})},
onDisplay:function(e){var t=this;this.n={
gdpr:e.find(&quot;.component_gdpr_container&quot;)}
;this.title=e.find(&quot;h3&quot;)
;this.formbox=$(&quot;.uicf_form&quot;,this.cpt.node)
;this.form=this.formbox.find(&quot;form&quot;).attr(&quot;name&quot;,$.fn.genId(&quot;__form&quot;))
;this.updated_container=$(&quot;.items_container&quot;,this.form)
;this.footer=$(&quot;.submit_form&quot;,this.form)
;this.captcha_div=this.footer.find(&quot;.uicf_recaptcha_div&quot;)
;this.captcha_div.css(&quot;min-height&quot;,78);this._setRecaptcha()
;this.submit_button=$(&quot;.submit-btn&quot;,this.footer).text(this.cpt.data.submit_text)
;this.reset_button=$(&quot;.reset-btn&quot;,this.footer).text(this.cpt.data.reset_text)
;this.alertbox=$(&quot;.uicf_alert&quot;,this.cpt.node)
;this.alertbox.on(&quot;click&quot;,&quot;.uicf_close_alert&quot;,function(){
editorController.deselect();t.toggleView();t.updateCptSize()})
;this.uicf_ptxt=$(&quot;.uicf_ptxt&quot;,this.node)
;this.fonticon=$(&quot;.uicf_img_ctn .fonticon&quot;,this.node).html($.fn.fonticon(&quot;apply&quot;))
;this.cpt.data.options_order||this.setFormSamples(this.examples[1])
;this.createForm(this.cpt.data.form)
;this.cpt.data.alert_html=this.cpt.data.alert_html||&quot;Your message was sent successfully. Thanks.&quot;
;this.uicf_ptxt.append(this.cpt.data.alert_html)
;this.cpt.use_graphical_preset(&quot;button&quot;,[&quot;send_button_preset&quot;,&quot;cancel_button_preset&quot;,&quot;close_button_preset&quot;])
;this.cpt.use_graphical_preset(&quot;textbox&quot;,[&quot;textboxes_preset&quot;])
;this.cpt.use_graphical_preset(&quot;backdrop&quot;,[&quot;backdrop_preset&quot;])
;this.applyPreset();$.extend(this,componentGdpr);this.initGdpr()
;if(&quot;editor&quot;==v.mode){
this.cpt.setData(&quot;label_position&quot;,this.cpt.data.label_position?this.cpt.data.label_position:&quot;block&quot;)
;this.alertbox.on(&quot;click&quot;,function(e){
editorController.resumed&amp;&amp;e.target!=editorController.current_node&amp;&amp;editorController.deselect()
})}setTimeout(function(){
t.form=$(&quot;.uicf_form&quot;,t.cpt.node).find(&quot;form&quot;)
;t.form.on(&quot;submit&quot;,function(e){if(t.testFormGdpr(t.form)){
e.preventDefault();if(t.processing_submit)return!1
;t.processing_submit=!0
;var i=$.Deferred().resolve(),a=$($(this)[0].elements).not(&quot;[name=gdpr_checkbox]&quot;).serializeArray(),o=[]
;$(&quot;.file_container&quot;,t.cpt.node).each(function(e){var t=[]
;(e=$(this)).data(&quot;attachments&quot;).each(function(e){
i=i.then(function(){return e[0]},function(){return e[0]
}).then(function(i){i.error||t.push([e[1].name,e[1].size,i.url])
},function(e,t){
o.push(&quot;Error sending attached file&quot;+this.filename+&quot; (&quot;+t+&quot;)&quot;)
;return o})});a.push({name:e.find(&quot;.upload_link&quot;).attr(&quot;name&quot;),
value:t})});i.then(function(){t.cpt.ask(a.reduce(function(e,t){
if(e[t.name]){$.isArray(e[t.name])||(e[t.name]=[e[t.name]])
;e[t.name].push(t.value)}else e[t.name]=t.value;return e},{
request:&quot;send_mail&quot;,url:location.href,
timezone:window.Intl?Intl.DateTimeFormat().resolvedOptions().timeZone:null,
gdpr:t.getGdpr(t.n.gdpr),labels:t.labels,
options:t.cpt.data.options,
options_order:t.cpt.data.options_order}),function(){
t.createForm();t.toggleView();t.alertbox.scrollIntoView()
;t.processing_submit=!1
;sigCtl.emit(&quot;UI_Form.sent&quot;,t.cpt.data.main_title)},function(e){
t.show_errors(e)
;sigCtl.emit(&quot;UI_Form.failed&quot;,t.cpt.data.main_title)
;t.processing_submit=!1})});return!1}return!1})},500)},
onPropertyChanged:function(e){
e.include(&quot;submit_text&quot;)&amp;&amp;$(&quot;.submit-btn&quot;,this.cpt.node).text(this.cpt.data.submit_text)
;e.include(&quot;reset_text&quot;)&amp;&amp;$(&quot;.reset-btn&quot;,this.cpt.node).text(this.cpt.data.reset_text)
;if(e.include(&quot;modify&quot;)){editorController.deselect()
;this.toggleView();if(this.alertbox.is(&quot;:visible&quot;)){
editorController.select(this.cpt,$(&quot;[uitype=editor]&quot;,this.alertbox))
;statusController.message(&quot;Modify the message which is displayed when the form is sent&quot;)
}}
e.include(&quot;label_position&quot;)&amp;&amp;this.setStyle(this.cpt.data.label_position)
;e.include(&quot;display_examples&quot;)&amp;&amp;this.init_examples()
;(e.include(&quot;form&quot;)||e.include(&quot;options_order&quot;))&amp;&amp;this.createForm()
;var t=e.find_all(function(e){return e&amp;&amp;e.match(/#mask$/)})
;if(t.length){var i=this;$.each(t,function(e,t){
var a=t.replace(/^[^#]+#(.+?)#mask$/,&quot;$1&quot;),o=$(&quot;#&quot;+a)
;i._loadProperties(o,a)})}
e.include(&quot;label_alignement&quot;)&amp;&amp;this.changeAlignement(this.cpt.data.label_alignement)
;e.include(&quot;main_title&quot;)&amp;&amp;this.title.text(this.cpt.data.main_title)
;(e.include(&quot;send_button_preset&quot;)||e.include(&quot;cancel_button_preset&quot;)||e.include(&quot;close_button_preset&quot;)||e.include(&quot;textboxes_preset&quot;)||e.include(&quot;backdrop_preset&quot;))&amp;&amp;this.applyPreset()
;this.updateCptSize();this._showProp()},_showProp:function(){
var e=$(this.component.propertyNode).add(this.component.propertyDesignNode)
;$(&quot;.gtbutton_prop_custom, .gttextbox_prop_custom, .gtbackdrop_prop_custom&quot;,e).toggle(GraphicalType.available)
},changeAlignement:function(e){
this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)||this.formbox.css(&quot;text-align&quot;,e)
;this.formbox.find(&quot;input, textarea&quot;).css(&quot;text-align&quot;,e)},
_loadProperties:function(e,t){
var i=$(&quot;span.uicf_prop_autocomplete&quot;,e);i=i.add(i.prev())
;&quot;text&quot;==this.cpt.data.options[t].mask?i.show():i.hide()},
setStyle:function(e){
this.formbox.removeClassMatch(/uicf_style_/).addClass(&quot;uicf_style_&quot;+e)
;var t=$(&quot;.label_form, .label_form_nr&quot;,this.cpt.node),i=t.find(&quot;&gt;input[type!=&apos;range&apos;], &gt;textarea&quot;,this.cpt.node)
;t.find(&quot;&gt;span&quot;).removeAttr(&quot;style&quot;)
;&quot;inner&quot;==e&amp;&amp;i.each(function(){
var e=$(this),t=e.parent().find(&quot;&gt;span:first&quot;)
;e.attr(&quot;placeholder&quot;,t.hide().text())})
;&quot;inline&quot;!=e&amp;&amp;&quot;block&quot;!=e||i.each(function(){
$(this).attr(&quot;placeholder&quot;,&quot;&quot;)})
;&quot;inline&quot;==e&amp;&amp;this.updated_container&amp;&amp;this.updated_container.find(&quot;.label_form &gt; span, .label_form_nr &gt; span&quot;).each(function(){
$(this).width($(this).textWidth())})},updateCptSize:function(){
var e=this;e.cpt.setSize({h:1e4});var t=[]
;$(&quot;*&quot;,$(&quot;.UI_Form&quot;)).each(function(){
t.push([this.offsetTop,this.offsetHeight,this.tagName,this.id,this.className])
});e.cpt.setSize({
h:(e.formbox.is(&quot;:visible&quot;)?e.formbox:e.alertbox).outerHeight(!0)
})},onShow:function(){this.updateCptSize()},onSelect:function(){
this.updateGdpr();this._showProp()},onResize:function(){
this.setStyle(this.cpt.node.width()&lt;300&amp;&amp;&quot;inline&quot;==this.cpt.data.label_position?&quot;block&quot;:this.cpt.data.label_position)
},onResizeStop:function(){
this.captcha_div.trigger(&quot;recaptacha:resize&quot;)
;this.updateCptSize();this.setResponsive()},
onFontFamilyUpdate:function(){this.updateCptSize()},
toggleView:function(){this.formbox.toggle()
;this.alertbox.toggle()},updateArray:function(){
array=$.map($(&quot;#list_examples li:not(.removing) input&quot;),function(e){
return $(e).val()})
;this.cpt.setData(&quot;options#&quot;+this.choice_managing+&quot;#options&quot;,array)
;return array},display_panel_option:function(e){
var t,i=e.closest(&quot;.items_container&quot;).attr(&quot;id&quot;)
;$(document).off(&quot;click.uicf_panel_option&quot;).on(&quot;click.uicf_panel_option&quot;,function(e){
if(!($(e.target).hasClass(&quot;sort_btn_choices&quot;)||$(e.target).hasClass(&quot;add_choice_option&quot;)||$(e.target).hasClass(&quot;#design_blocks_wrapper&quot;)||0!=$(e.target).closest(&quot;#design_blocks_wrapper&quot;).length)){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_panel_option&quot;)}})
;t=this.cpt.data.options[i].options||[&quot;First option&quot;,&quot;Second Option&quot;,&quot;Third Option&quot;]
;this.init_choice_manager(t,i)},
init_choice_manager:function(e,t){this.choice_managing=t
;var i=$(&quot;#list_examples&quot;).addClass(&quot;list_form_choices&quot;)
;0!=i.children.length&amp;&amp;i.empty()
;var a=this,o=$(&quot;&lt;ul id=&apos;sortable_choices&apos;&gt;&lt;/ul&gt;&quot;).sortable({
axis:&quot;y&quot;,handle:&quot;.icon_drag&quot;,containment:&quot;parent&quot;,
placeholder:&quot;list_uiform_placeholder&quot;,stop:function(){
e=a.updateArray()}
}),n=$(&quot;&lt;button class=&apos;add_choice_option&apos;&gt;&quot;).append($(&quot;&lt;span class=&apos;fonticon add_choice_btn_icon&apos;&gt;&quot;).html($.fn.fonticon(&quot;add&quot;))).click(function(){
a.addOption(o,&quot;New choice&quot;,!0);e=a.updateArray()
}),r=$(&quot;&lt;a href=&apos;#&apos; class=&apos;sort_btn_choices&apos;&gt;&quot;).text(&quot;A-Z&quot;).click(function(){
var i=e.sort(function(e,t){
var i=String(e).toUpperCase(),a=String(t).toUpperCase()
;return i&gt;a?1:i&lt;a?-1:0});a.init_choice_manager(i,t)
;a.updateArray()});$.each(e,function(e,t){a.addOption(o,t)})
;0==$(&quot;#sortable_choices&quot;).length&amp;&amp;i.append(o);i.append(n)
;i.append(r)},addOption:function(e,t,i){
var a=this,o=$(&quot;&lt;li class=&apos;option_state_default&apos;&gt;&quot;),n=$(&quot;&lt;span class=&apos;icon_drag&apos;&gt;&quot;),r=$(&quot;&lt;input class=&apos;option_state_default_input&apos;&gt;&quot;).val(t).change(function(){
a.updateArray()});r.on(&quot;blur&quot;,function(){
if(0==$(this).val().length){$(this).val(&quot;New choice&quot;)
;$(this).trigger(&quot;change&quot;)}});r.focus(function(){
o.addClass(&quot;option_input_focused&quot;);$(this).select()
}).focusout(function(){o.removeClass(&quot;option_input_focused&quot;)})
;var s=$(&quot;&lt;button class=&apos;fonticon delete&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){
var e=$(this).parent();e.addClass(&quot;removing&quot;)
;setTimeout(function(){e.remove()},500);a.updateArray()})
;o.append(n);o.append(r);o.append(s);e.append(o);i&amp;&amp;r.focus()},
init_examples:function(e){
var t=this.examples,i=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;),a=this
;0==i.find(&quot;li&quot;).length&amp;&amp;$.each(t,function(e,t){
var o=$(&quot;&lt;li class=&apos;container_form_example&apos;&gt;&quot;)
;&quot;icon&quot;==t[t.length-1].type&amp;&amp;o.append(&quot;&lt;div class=&apos;example_form_icon&apos;&gt;&quot;+t[t.length-1].val+&quot;&lt;/div&gt;&quot;)
;var n=$(&quot;&lt;div class=&apos;form_example&apos;&gt;&quot;).append($(&quot;&lt;h3&gt;&quot;).html(t[0].text))
;n.append($(&quot;&lt;label&gt;&quot;).html(t[0].description));o.append(n)
;i.append(o);o.on(&quot;click&quot;,function(){
$(&quot;#design_blocks_wrapper&quot;).desactivate();a.setFormSamples(t)
;a.cpt.recreatePropertyNode()})})
;$(document).off(&quot;click.uicf_init_examples&quot;).on(&quot;click.uicf_init_examples&quot;,function(t){
if(!$(t.target).is(e)&amp;&amp;0==$(t.target).closest(&quot;#design_blocks_wrapper&quot;).length){
$(&quot;#design_blocks_wrapper&quot;).desactivate()
;$(document).off(&quot;click.uicf_init_examples&quot;)}})
;0==$(&quot;#ulexamples&quot;).length&amp;&amp;$(&quot;#list_examples&quot;).addClass(&quot;list_examples_form&quot;).prepend(i)
},setFormSamples:function(e){var t=this,i={},a=[]
;$.each(e,function(e,t){if(&quot;type&quot;!=t.type&amp;&amp;&quot;icon&quot;!=t.type){
opt_uid=&quot;opt_&quot;+e;i[opt_uid]=t;a.push(opt_uid)}})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options&quot;,i)})
;historyController.offRecords(function(){
t.cpt.setData(&quot;options_order&quot;,a)})},_setRecaptcha:function(){
this.cpt.component_type.content._convert_recaptcha(this.cpt,this.captcha_div)
},customSetDataCb:function(e,t){(null==e||t)&amp;&amp;this.createForm()
},applyPreset:function(){if(GraphicalType.available){
for(var e=GraphicalType.graphical_types.button.preset_data.prefix,t=[[&quot;send_button_preset&quot;,this.submit_button.parent()],[&quot;cancel_button_preset&quot;,this.reset_button.parent()],[&quot;close_button_preset&quot;,this.uicf_ptxt.parents(&quot;.uicf_alert&quot;).find(&quot;.uicf_close_alert&quot;).parent()]],i=0;i&lt;t.length;i++){
t[i][1].removeClassMatch(new RegExp(e))
;(o=this.cpt.getGTPreset(&quot;button&quot;,t[i][0]))&amp;&amp;t[i][1].addClass(&quot;gtbutton_preset &quot;+e+&quot;_&quot;+o)
}e=GraphicalType.graphical_types.textbox.preset_data.prefix
;var a=this.node.find(&quot;.uicf_form&quot;),o=this.cpt.getGTPreset(&quot;textbox&quot;,&quot;textboxes_preset&quot;)
;a.removeClassMatch(new RegExp(e));o&amp;&amp;a.addClass(e+&quot; &quot;+e+&quot;_&quot;+o)
;e=GraphicalType.graphical_types.backdrop.preset_data.prefix,
o=this.cpt.getGTPreset(&quot;backdrop&quot;,&quot;backdrop_preset&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).removeClassMatch(new RegExp(e))
;if(o){this.title.addClass(&quot;gt_backdrop_title&quot;)
;this.node.find(&quot;.form_content, .uicf_alert &gt; div&quot;).addClass(&quot;gt_backdrop_content&quot;)
;this.form.add(this.cpt.componentBody.find(&quot;.uicf_alert&quot;)).addClass(e+&quot; &quot;+e+&quot;_&quot;+o)
;this.formbox.css(&quot;padding&quot;,&quot;0&quot;)}else{
this.title.removeClass(&quot;gt_backdrop_title&quot;)
;this.cpt.componentBody.find(&quot;.form_content, .uicf_alert &gt; div&quot;).removeClass(&quot;gt_backdrop_content&quot;)
;this.formbox.css(&quot;padding&quot;,&quot;&quot;)}}}};</script><style>#body .component .uicf_form:not(.gttextbox_preset) .site_textbox.has_error,#body .component .uicf_form:not(.gttextbox_preset) textarea.has_error{background-color:#ffe8e6;color:#db2828;box-shadow:0 0 0 1px #f7a0a0 inset,0 0 0 0 transparent;border:none}
#body .component .uicf_form.gttextbox_preset .site_textbox.has_error,#body .component .uicf_form.gttextbox_preset textarea.has_error{border-color:#db2828;box-shadow:0 0 0 1px #db2828 inset,0 0 0 0 transparent}
.file_container{padding:5px}
.file_container&gt;div{margin:5px 0}
.UI_Form form:not(.gtbackdrop_preset) h3{text-align:center}
.upload_link{background-color:#fff;border-radius:50px;color:#2572eb;cursor:pointer;display:inline-block;padding:5px;position:relative;transition:background-color .25s ease,color .25s ease}
.upload_link .fonticon{cursor:pointer;display:inline-block;padding:5px}
.upload_link .fonticon .delete_file{color:red}
.upload_link .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;transition:max-width .25s linear 0s,padding .2s linear 0s;white-space:nowrap}
.upload_link:hover .ul_tb,.upload_link.open .ul_tb{max-width:200px;padding:0 5px}
.show_file{border-radius:50px;cursor:pointer;display:block;max-width:200px;padding:5px;position:relative;transition:background-color .25s ease 0s,color .25s ease 0s}
.show_file .fonticon{cursor:pointer;display:inline-block;padding:5px}
.show_file .fonticon .delete_file{color:red}
.show_file .ul_tb{display:inline-block;max-width:0;overflow:hidden;padding:0;position:relative;top:3px;transition:max-width .25s linear 0s,padding .2s linear 0s;white-space:nowrap;text-overflow:ellipsis}
.show_file:hover .ul_tb,.show_file.open .ul_tb{max-width:135px;padding:0 5px}
.percent{display:inline-block;top:-1px;position:relative}
.uicf_alert{transition:all .3s cubic-bezier(0.25,.8,.25,1);display:none}
.uicf_ptxt{padding:5px}
.uicf_ptxt.ct_invisible{opacity:0}
.uicf_img_ctn .fonticon{font-size:100px;color:green}
.item_div{padding:5px;overflow-y:visible;overflow-x:visible}
.item_div&gt;div{position:relative}
.item_div&gt;div&gt;div{padding:5px 0}
.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#565656;font-size:14px;padding:4px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.item_div hr{display:inline-block}
.item_div [type=checkbox],.item_div [type=radio]{margin:2px}
.uicf_form{padding:6px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.label_form_important{color:red;display:inline}
.span_form_important,.uicf_form .require_info{color:red}
.item_div&gt;select{background-color:#fff;background-image:none;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;color:#565656;font-size:14px;padding:4px;transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s}
.uicf_form input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.lab_slider),.uicf_form textarea,.uicf_form .fonticon&gt;span{width:100%;box-sizing:border-box}
.uicf_form select{width:100%}
.uicf_style_inline .item_div:not([uitype=recaptcha]):not(hr){width:calc(100% - 10px)}
.uicf_style_inline label:not(.label_div),.uicf_style_inline div.adress_fields{display:table;width:100%}
.uicf_style_inline label:not(.label_div) span,.uicf_style_inline label:not(.label_div) input,.uicf_style_inline div.adress_fields span,.uicf_style_inline div.adress_fields input{display:table-cell;word-wrap:break-word;vertical-align:top}
.uicf_style_inline .file_container{float:right;margin-top:-18px}
.uicf_style_inline label:not(.label_div) span{padding:0 5px;vertical-align:middle}
.uicf_img_ctn{text-align:center}
.uicf_textcontainer{text-align:center}
.uicf_ttltxt{text-align:center}
.uicf_ptxt{text-align:center}
.uicf_img_alt{width:128px;height:128px}
.component .UI_Form .uicf_form .item_div div&gt;.form-control{padding-left:30px}
.item_div [type=checkbox],[type=radio]{margin:2px;vertical-align:middle}
.uicf_form .item_div div.adr_zip{float:left;width:32%}
.uicf_form .item_div div.adr_city{float:right;width:65%}
.uicf_form .item_div div.adr_state{clear:both;float:left;width:47%}
.uicf_form .item_div div.adr_country{float:right;width:50%}
.uicf_form .item_div .date .input-group-addon{height:24px;padding:3px 7px}
.sitew_editor .uicf_ptxt{cursor:pointer}
.sitew_editor .uicf_ptxt:hover{background-color:rgba(0,0,0,.1)}
.uicf_form .item_div input[type=range]{display:inline-block;width:calc(100% - 70px)}
.uicf_form .item_div .lab_slider{display:inline-block;width:65px;height:25px;vertical-align:top;background-color:#fff;text-align:center;padding-top:3px;box-sizing:border-box;border:1px solid #a7a7a7;margin-left:5px}
.item_div.uicf_recaptcha_div{text-align:center}
.item_div.uicf_recaptcha_div div{margin:auto}
.UI_Form .submit_form .site_button:empty{display:none}
.UI_Form .bootstrap-datetimepicker-widget{max-width:250px}
.uicf_form .item_div .site_textbox{outline:0}</style></uidget>