<?xml version='1.0' encoding='UTF-8'?><uidget><metadata><name>Formulaire</name><api_version>1.0</api_version><size height='400' width='400' /><server>local://FormCptServer</server><blog en='554' /><gdpr enabled='true' /></metadata><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;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;button class=&quot;submit-btn site_button cta&quot; type=&quot;submit&quot; /&gt;
			&lt;button class=&quot;reset-btn site_button&quot; type=&quot;reset&quot; /&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/form&gt;&lt;/div&gt;
&lt;div class=&quot;uicf_alert&quot;&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;&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;Fermer&quot;/&gt;
		&lt;/div&gt;
&lt;/div&gt;
</content><properties><inputText default='"Titre principal du formulaire"' name='main_title' title='Titre' /><trigger_view class='example_button_trigger' help='Ouvre un panneau qui vous permet de voir et utiliser différents exemples (en chargeant leur configuration).' icon='ui_menu' method='init_examples' text='Charger un modèle' url='/cpt/box_examples' /><!-- Options--><options name='options' sortable='true' title='Gestion des champs'><!-- Input  --><option icon='rename' name='input' title='Champ texte'><inputText default='"Ceci est le texte par défaut de l&apos;étiquette."' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un texte sera requis' name='required' value='Requis' /><select class='uicf_prop_mask' default='"text"' display='Texte simple|Email|URL|Numéro de téléphone|Nombre' help='Choix de l&apos;orientation du menu' name='mask' title='Type' values='text|email|url|tel|number' /><select class='uicf_prop_autocomplete' default='"text"' display='Juste du texte|Nom|Prénom|Rue|Adresse 1|Adresse 2|Adresse 3|Localité|Ville|Etat|Province|Région|Code postal|Nom du pays|Email|Tél|Adresse|Langue|Date d&apos;anniversaire' help='Sélectionnez le &lt;b&gt;type d&apos;autocomplétion&lt;/b&gt; sur ce champ : si le visiteur a certaines &lt;b&gt;informations enregistrées dans son navigateur&lt;/b&gt;, elles seront pré-remplies automatiquement, ce qui permet d&apos;améliorer l&apos;expérience utilisateur et de répondre plus rapidement à votre formulaire.' name='autocomplete' title='Auto-complétion' 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='Étiquette'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /></option><!-- Separator  --><option icon='separator' name='separator' title='Séparateur' /><!-- Textarea  --><option icon='textarea' name='textarea' title='Zone de texte'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un texte sera requis' name='required' value='Requis' /></option><!-- Upload  --><option icon='upload' name='file' title='Envoi de fichiers'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un fichier sera requis' name='required' value='Requis' /><select default='"All"' display='Tous les types|Texte|Image|Vidéo|Audio|Pdf' help='Choisissez le type de champ de date ' name='position' values='All|Text|Image|Video|Audio|Pdf' /></option><!-- Multichoice  --><option icon='radio_button_checked' name='choice' title='Choix multiples'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, un choix sera requis' name='required' value='Requis' /><select default='"select"' display='&#9660; Menu déroulant|  &#9675; Choix unique|&#9633; Choix multiples' help='Sélectionnez comment seront affichées les différentes possibilités :&lt;br&gt; &lt;b&gt;Liste déroulante :&lt;/b&gt; Affiche un choix multiple de façon condensée&lt;br&gt; &lt;b&gt;Choix unique :&lt;/b&gt; Permet de choisir 1 seul choix dans une liste&lt;br&gt; &lt;b&gt;Choix multiple :&lt;/b&gt; Le visiteur peut choisir plusieurs options' name='display' title='Style d&apos;affichage' values='select|radio|checkbox' /><trigger_view help='Ouvre un panneau qui vous permet de voir et utiliser différents exemples (en chargeant leur configuration).' icon='arrow-right' method='display_panel_option' text='Gérer les options' url='/cpt/box_examples' /></option><!-- Address  --><option icon='home' name='address' title='Adresse'><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /></option><!-- Sliders --><option icon='sliders' name='slider' title='Nombre'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /><numbers default='[0,100,10]' name='slider_opt' titles='minimum|maximum|pas' /></option><!-- Datepickes  --><option icon='calendar2' name='date' title='Date, Heure'><inputText default='"Ceci est le texte de l&apos;étiquette"' name='label' title='Étiquette' /><checkbox default='true' help='Si coché, une date sera requise' name='required' value='Requis' /><checkbox default='false' help='Choisissez si un champ simple est affiché ou un calendrier' name='style' value='Affichage d&apos;un calendrier' /><select default='"date"' display='Date|Heure|Date et heure' help='Choisissez le type de champ de date&lt;br&gt; &lt;b&gt;Date&lt;/b&gt; Affiche un champ date (au format DD/MM/YYYY)&lt;br&gt; &lt;b&gt;Heure&lt;/b&gt; Affiche un champ heure (au format HH:MM)&lt;br&gt; &lt;b&gt;Date et heure&lt;/b&gt; Permet de sélectionner la date et l&apos;heure (au format DD/MM/YYYY, HH:MM)' name='mask' title='Date et/ou Heure' values='date|time|both' /></option></options><inputText default='"Envoyer l&apos;email"' name='submit_text' title='Boutons du formulaire' /><inputText default='"Réinitialiser le formulaire"' name='reset_text' /><trigger help='Modifier le message affiché lorsque le formulaire a été envoyé' icon='apply' method='toggle_view' text='Message de validation' trigger='modify' /><server_manage help='Ouvre une page vous permettant d&apos;ajouter des adresses emails à votre compte SiteW et de les configurer en tant que destination de ce module une fois que votre site est publié.' icon='art_track' text='Adresses de destination' url='/account/manage_emails' /></properties><design_properties><listType background='transparent' class='list_types' default='"block"' name='label_position' title='Position de l&apos;étiquette' type='form' /><align default='"left"' name='label_alignement' title='Alignement de l&apos;étiquette' with_justify='false' /></design_properties></view><script>UI_List.UI_Form={initialize:function(a){this.cpt=a;
a.setOptions([&quot;locked&quot;,&quot;footer&quot;]);
this.node=a.node;
this.examples=[[{type:&quot;type&quot;,text:&quot;Formulaire de démonstration&quot;,description:&quot;Formulaire avec tous les champs disponibles&quot;},{type:&quot;label&quot;,required:false,text:&quot;Ceci est un exemple de description&quot;},{type:&quot;label&quot;,required:false,text:&quot;Vous pouvez mettre tout ce que vous souhaitez...&quot;},{type:&quot;input&quot;,required:true,label:&quot;Nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Email&quot;,mask:&quot;email&quot;},{type:&quot;input&quot;,required:true,label:&quot;Numéro de téléphone&quot;,mask:&quot;tel&quot;},{type:&quot;input&quot;,required:true,label:&quot;L&apos;URL de votre site&quot;,mask:&quot;url&quot;},{type:&quot;address&quot;,required:true},{type:&quot;date&quot;,required:true,label:&quot;Date de naissance&quot;,mask:&quot;date&quot;,style:true},{type:&quot;input&quot;,required:true,label:&quot;Exemple de nombres&quot;,mask:&quot;number&quot;},{type:&quot;file&quot;,required:true,label:&quot;Envoyer un fichier&quot;,mask:&quot;all&quot;},{type:&quot;slider&quot;,required:true,label:&quot;Exemple de nombres&quot;,slider_opt:[0,10,1]},{type:&quot;choice&quot;,required:true,display:&quot;select&quot;,label:&quot;Type de problème&quot;,options:[&quot;Crash&quot;,&quot;Erreur&quot;,&quot;Perte&quot;]},{type:&quot;choice&quot;,required:false,display:&quot;checkbox&quot;,label:&quot;Suggestion à soumettre&quot;,options:[&quot;Conseil&quot;,&quot;Nouveautés&quot;,&quot;Amélioration&quot;]},{type:&quot;choice&quot;,required:false,display:&quot;radio&quot;,label:&quot;Type de problème&quot;,options:[&quot;Crash&quot;,&quot;Erreur&quot;,&quot;Perte&quot;]},{type:&quot;textarea&quot;,required:false,label:&quot;Votre 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;Formulaire de contact simple&quot;,description:&quot;Formulaire sommaire demandant au visiteur son nom, prénom, email et un message&quot;},{type:&quot;input&quot;,required:true,label:&quot;Nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:false,label:&quot;Prénom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Mail&quot;,mask:&quot;email&quot;},{type:&quot;textarea&quot;,required:false,label:&quot;Votre 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;Formulaire de contact avancé&quot;,description:&quot;Formulaire de contact complet permettant de recueillir plus d&apos;informations sur un client (numéro de téléphone, date de naissance, type de message)&quot;},{type:&quot;input&quot;,required:true,label:&quot;Nom&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:true,label:&quot;Prénom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Numéro de téléphone&quot;,mask:&quot;tel&quot;},{type:&quot;date&quot;,required:true,label:&quot;Date de naissance&quot;,mask:&quot;date&quot;,style:true},{type:&quot;choice&quot;,required:true,display:&quot;select&quot;,label:&quot;Type de message&quot;,options:[&quot;Amélioration&quot;,&quot;Bug&quot;,&quot;Félicitations&quot;]},{type:&quot;textarea&quot;,required:true,label:&quot;Votre 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;Questionnaire de satisfaction&quot;,description:&quot;Ce formulaire collecte des avis sur un produit.&quot;},{type:&quot;label&quot;,required:false,text:&quot;Voici un exemple d&apos;enquête de satisfaction&quot;},{type:&quot;textarea&quot;,required:true,label:&quot;Qu&apos;aimez-vous le plus à propos de notre produit?&quot;,rows:4,cols:35},{type:&quot;textarea&quot;,required:true,label:&quot;Quel changement, d&apos;après vous, serait le plus intéressant afin d&apos;améliorer notre produit ?&quot;,rows:4,cols:35},{type:&quot;textarea&quot;,required:true,label:&quot;Que préférez-vous par rapport aux produits concurrents ?&quot;,rows:4,cols:35},{type:&quot;textarea&quot;,required:true,label:&quot;Qu&apos;est-ce qui vous rendrait plus susceptible d&apos;utiliser notre nouveau produit?&quot;,rows:4,cols:35},{type:&quot;choice&quot;,required:true,display:&quot;radio&quot;,label:&quot;Si notre nouveau produit était disponible aujourd&apos;hui, avec quelle probabilité le recommanderiez-vous à d&apos;autres personnes ?&quot;,options:[&quot;Très probablement&quot;,&quot;Probablement&quot;,&quot;Peut-être&quot;,&quot;Peu probablement&quot;,&quot;Pas du tout&quot;]},{type:&quot;choice&quot;,required:true,display:&quot;checkbox&quot;,label:&quot;Pensez-vous que ce produit soit une bonne idée ?&quot;,options:[&quot;Oui vraiment !&quot;,&quot;Oui&quot;,&quot;Modérément&quot;,&quot;Non&quot;,&quot;Absolument pas&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;Estimation immobilière&quot;,description:&quot;Ce formulaire permet à vos visiteurs de vous envoyer des détails sur leur bien immobilier&quot;},{type:&quot;label&quot;,required:false,text:&quot;Comment est votre logement ?&quot;},{type:&quot;choice&quot;,display:&quot;radio&quot;,required:true,label:&quot;Choisissez un type de logement&quot;,options:[&quot;Maison&quot;,&quot;Plain-pied&quot;,&quot;Appartement&quot;,&quot;Villa&quot;]},{type:&quot;slider&quot;,required:true,label:&quot;Choisissez un prix&quot;,slider_opt:[0,100,10]},{type:&quot;label&quot;,required:false,text:&quot;(Prix entre 10 000 et 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:true,label:&quot;Envoyez des photos de votre bien (images seulement)&quot;,mask:&quot;image&quot;},{type:&quot;file&quot;,required:false,label:&quot;Envoyez vos dernières factures&quot;,mask:&quot;audio&quot;},{type:&quot;file&quot;,required:true,label:&quot;Envoyer d&apos;autres fichiers&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;Formulaire de réservation&quot;,description:&quot;Ce formulaire vous permet d&apos;obtenir des informations sur vos clients et aussi des détails sur les vacances qu&apos;ils souhaitent (dates, logement, nombre de personnes...)&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:false,text:&quot;Vos coordonnées de contact&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:true,label:&quot;Nom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Prénom&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Adresse&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Code postal&quot;,mask:&quot;text&quot;},{type:&quot;input&quot;,required:true,label:&quot;Ville&quot;,mask:&quot;text&quot;},{type:&quot;choice&quot;,display:&quot;select&quot;,required:true,label:&quot;Pays&quot;,options:[&quot;France&quot;,&quot;Belgique&quot;,&quot;États-Unis&quot;]},{type:&quot;input&quot;,required:true,label:&quot;Email&quot;,mask:&quot;email&quot;},{type:&quot;input&quot;,required:true,label:&quot;Numéro de téléphone&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:false,text:&quot;Demande de réservation&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:true,label:&quot;Date de début de séjour&quot;,mask:&quot;date&quot;,style:false},{type:&quot;date&quot;,required:true,label:&quot;Heure d&apos;arrivée&quot;,mask:&quot;time&quot;,style:true},{type:&quot;date&quot;,required:true,label:&quot;Date de fin de séjour&quot;,mask:&quot;date&quot;,style:false},{type:&quot;date&quot;,required:true,label:&quot;Heure de départ&quot;,mask:&quot;time&quot;,style:true},{type:&quot;choice&quot;,display:&quot;select&quot;,required:true,label:&quot;Type de logement&quot;,options:[&quot;Gîte&quot;,&quot;Appartement&quot;,&quot;Maison de ville&quot;]},{type:&quot;input&quot;,required:true,label:&quot;Nombre de personnes&quot;,mask:&quot;number&quot;},{type:&quot;textarea&quot;,required:true,label:&quot;Notes&quot;,rows:4,cols:45},{type:&quot;choice&quot;,display:&quot;checkbox&quot;,required:true,label:&quot;&quot;,options:[&quot;J&apos;accepte les conditions générales de vente&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(a,f,d,e,b){var c=$(&apos;&lt;label class=&quot;&apos;+(b?&quot;label_form_nr&quot;:&quot;label_form&quot;)+&apos;&quot;&gt;&apos;).append($(&quot;&lt;span&gt;&quot;).text(f)).appendTo(a);
$(&quot;&lt;input&gt;&quot;).attr({name:&quot;input&quot;+d,&quot;class&quot;:&quot; uicf_col_md_4&quot;,type:&quot;text&quot;,autocomplete:e}).appendTo(c);
return a
},createForm:function(){var b=this;
this.one_required=false;
var c=this.cpt.data.options;
var g=$.map(this.cpt.data.options_order,function(h){return c[h]
});
if(this.updated_container){this.updated_container.empty()
}else{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 f=[];
var a=function(h){return $(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;).append(h)
};
var d=function(h){return $(&quot;&lt;div class=&apos;label_div&apos;&gt;&quot;).html(h)
};
var e=function(i,j){var h=$(&quot;&lt;div class=&apos;item_div&apos;&gt;&quot;);
var k=h;
if(i.label){k=$(&quot;&lt;label class=&apos;label_form&apos;&gt;&quot;).append($(&quot;&lt;span&gt;&quot;).text(i.label)).appendTo(h)
}k.append(j);
if(i.required){h.find(&quot;.label_form &gt; span&quot;).append(&quot;&lt;p class=&apos;label_form_important&apos;&gt;*&lt;/p&gt;&quot;)
}return h
};
$.each(g,function(A,x){if(x.required){b.one_required=true
}switch(x.type){case&quot;input&quot;:var m=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;);
m.attr({name:&quot;input&quot;+f.length,type:x.mask});
switch(x.mask){case&quot;tel&quot;:m.attr(&quot;autocomplete&quot;,&quot;tel&quot;);
break;
case&quot;email&quot;:m.attr(&quot;autocomplete&quot;,&quot;email&quot;);
break;
case&quot;url&quot;:m.attr(&quot;autocomplete&quot;,&quot;url&quot;);
break;
default:}if(x.require){m.attr(&quot;required&quot;,&quot;&quot;)
}b.updated_container.append(e(x,m));
break;
case&quot;address&quot;:var u=$(&quot;&lt;div class=&apos;adress_container&apos;&gt;&quot;);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_street&apos;&gt;&quot;),&quot;Rue&quot;,f.length+&quot;.0&quot;,&quot;address-line1&quot;).appendTo(u);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_second_line&apos;&gt;&quot;),&quot;Complément&quot;,f.length+&quot;.1&quot;,&quot;address-line2&quot;,true).appendTo(u);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_zip&apos;&gt;&quot;),&quot;Code postal&quot;,f.length+&quot;.4&quot;,&quot;postal-code&quot;).appendTo(u);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_city&apos;&gt;&quot;),&quot;Ville&quot;,f.length+&quot;.2&quot;,&quot;locality&quot;).appendTo(u);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_state&apos;&gt;&quot;),&quot;Etat / Province / Région&quot;,f.length+&quot;.3&quot;,&quot;administrative-area&quot;,true).appendTo(u);
b.add_helper($(&quot;&lt;div class=&apos;adress_fields adr_country&apos;&gt;&quot;),&quot;Pays&quot;,f.length+&quot;.5&quot;,&quot;country-name&quot;).appendTo(u);
f.push([&quot;Rue&quot;,&quot;Adresse 2&quot;,&quot;Ville&quot;,&quot;Etat / Province / Région&quot;,&quot;Code postal&quot;,&quot;Pays&quot;]);
b.updated_container.append(e(x,u));
b.updated_container.find(&quot;.adress_fields input&quot;).addClass(&quot;site_textbox&quot;);
break;
case&quot;date&quot;:var p=$(&quot;&lt;div&gt;&quot;);
b.updated_container.append(e(x,p));
var i={};
var y=&quot;DD/MM/YYYY&quot;;
var w=&quot;HH:mm&quot;;
switch(x.mask){case&quot;date&quot;:i.format=y;
i.extraFormats=[y,y.replace(&quot;YYYY&quot;,&quot;YY&quot;)];
break;
case&quot;time&quot;:i.format=w;
break;
case&quot;both&quot;:i.format=y+&quot; &quot;+w;
i.extraFormats=[y+&quot; &quot;+w,y.replace(&quot;YYYY&quot;,&quot;YY&quot;)+&quot; &quot;+w];
i.sideBySide=true;
break
}var j;
if(x.style){i.inline=x.style
}else{p.append($(&quot;&lt;input type=&apos;text&apos; class=&apos;site_textbox&apos; style=&apos;padding-left:35px;width:90%&apos;/&gt;&quot;));
p.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;))));
p.addClass(&quot;input-group date&quot;)
}j=$(&quot;&lt;input class=&apos;site_textbox&apos;&gt;&quot;).attr({type:&quot;hidden&quot;,name:&quot;input&quot;+f.length,value:p.data(&quot;date&quot;)}).appendTo(p);
p.datetimepicker(i).on(&quot;dp.change&quot;,function(B){j.val(B.date.format())
});
break;
case&quot;file&quot;:var z=$(&quot;&lt;span&gt;&quot;).addClass(&quot;fonticon&quot;);
var l=$(&quot;&lt;div class=&apos;upload_link&apos;&gt;&quot;).append(z);
l.append($(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).text(&quot;Ajouter un fichier&quot;));
var n=$(&quot;&lt;div&gt;&quot;).addClass(&quot;file_container&quot;);
l.attr({name:&quot;input&quot;+f.length,href:&quot;&quot;}).appendTo(n);
z.html($.fn.fonticon(&quot;add&quot;));
n.data(&quot;attachments&quot;,[]);
l.click(function(){start_upload=function(){$.each(this.files,function(C,F){var G=$(&quot;&lt;div class=&apos;show_file open&apos;&gt;&quot;).appendTo($(n));
$(&quot;&lt;span class=&apos;fonticon delete_file&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(){var H=n.data(&quot;attachments&quot;);
H.slice().each(function(I){if(I[1]==F){H.remove(I);
I[0].abort();
G.remove()
}})
}).appendTo(G);
$(&quot;&lt;span class=&apos;ul_tb&apos;&gt;&quot;).addClass(F.name).text(F.name+&quot; (&quot;+Math.round(F.size/1024/1024*10)/10+&quot;M)&quot;).appendTo(G);
var D=$(&quot;&lt;span class=percent&gt; 0%&lt;/span&gt;&quot;).appendTo(G);
var E=new FormData();
E.append(&quot;attachment&quot;,F);
n.data(&quot;attachments&quot;).push([$.ajax({url:&quot;/cpt_contact/upload&quot;,type:&quot;POST&quot;,dataType:&quot;json&quot;,cache:false,data:E,timeout:0,processData:false,contentType:false,autoretry:false,noretry:true,filename:F.name,progressUpload:function(H){D.text(&quot; &quot;+Math.max(Math.round(H.loaded/H.total*99)-1,0)+&quot;%&quot;)
},success:function(I){D.text(&quot;100%&quot;);
setTimeout(function(){D.html(&quot; &quot;)
},1000);
b.updateCptSize();
if(I.error){alert(sprintf(&quot;Virus trouvé dans %1$s. Ce fichier ne sera pas envoyé.&quot;,F.name));
var H=n.data(&quot;attachments&quot;);
H.slice().each(function(J){if(J[1]==F){H.remove(J);
J[0].abort();
G.remove()
}})
}},error:function(){}}),F])
});
$(&quot;.comma:last&quot;,n).remove();
b.updateCptSize()
};
var B=$(&quot;&lt;input type=file style=&apos;display:none&apos; name=&apos;attachments[]&apos; multiple=1 accept=&apos;&quot;+(b.convert_type[x.position.toLowerCase()||&quot;all&quot;]||&quot;*.*&quot;)+&quot;&apos; onchange=&apos;start_upload.call(this)&apos;&gt;&quot;).appendTo(b.updated_container);
B[0].click();
return false
});
b.updated_container.append(e(x,n));
break;
case&quot;textarea&quot;:var r=$(&quot;&lt;textarea autocomplete=&apos;&apos; class=&apos;site_textbox&apos;&gt;&quot;);
r.attr({name:&quot;input&quot;+f.length,rows:x.rows,cols:x.cols});
b.updated_container.append(e(x,r));
break;
case&quot;label&quot;:b.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;).html(x.label)));
break;
case&quot;choice&quot;:x.display=x.display||&quot;select&quot;;
switch(x.display){case&quot;select&quot;:var q=$(&quot;&lt;select&gt;&quot;);
q.attr({name:&quot;input&quot;+f.length});
b.updated_container.append(e(x,$(&apos;&lt;div class=&quot;select_style&quot;&gt;&apos;).append(q)));
$.each(x.options,function(C,B){var D=$(&quot;&lt;option&gt;&quot;);
D.attr({value:B}).text(B);
q.append(D)
});
break;
case&quot;checkbox&quot;:case&quot;radio&quot;:var o=$(&quot;&lt;div&gt;&quot;);
var t=$.fn.genId(&quot;__&quot;+x.display);
b.updated_container.append(e(x,o));
$.each(x.options,function(D,C){var B=$(&quot;&lt;div&gt;&quot;);
var F=$(&quot;&lt;input&gt;&quot;);
var E=$(&quot;&lt;label&gt;&quot;);
F.attr({id:t,name:&quot;input&quot;+f.length,type:x.display,value:C});
E.text(C).prepend(F);
B.append(E);
o.append(B)
});
break;
default:}break;
case&quot;slider&quot;:var s=$(&quot;&lt;input&gt;&quot;);
var k=$(&quot;&lt;input type=&apos;number&apos; class=&apos;lab_slider site_textbox&apos;/&gt;&quot;);
s.attr({name:&quot;input&quot;+f.length,type:&quot;range&quot;});
if(x.slider_opt){[s,k].each(function(B){B.attr({max:x.slider_opt[1],min:x.slider_opt[0],step:x.slider_opt[2],value:(x.slider_opt[0]+x.slider_opt[1])/2})
})
}s.change(function(){k.val($(this).val())
}).change();
k.change(function(){s.val($(this).val());
$(this).val(s.val())
});
b.updated_container.append(e(x,s));
k.insertAfter(s);
break;
case&quot;separator&quot;:var h=$(&quot;&lt;hr&gt;&quot;);
h.attr({size:x.height,align:x.align,width:&quot;100%&quot;});
if(x.require){h.attr(&quot;noshade&quot;,&quot;&quot;)
}b.updated_container.append(a(h));
break;
default:}if(x.type!=&quot;address&quot;){f.push(x.label||&quot;&quot;)
}});
this.setResponsive();
this.changeAlignement(this.cpt.data.label_alignement);
this.setStyle(this.cpt.data.label_position);
this.title.text(this.cpt.data.main_title);
if(this.one_required){this.updated_container.append($(&quot;&lt;span class=&apos;span_form_important&apos;&gt;*: Champs obligatoires.&lt;/span&gt;&quot;))
}this.uicf_hidden_input_labels.val(JSON.stringify(f)).appendTo(this.form);
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(a){var b=this;
b.node.find(&quot;.captcha_error, .other_error&quot;).remove();
$.each(a,function(d,f){if(d==&quot;g-recaptcha-response&quot;){$(&quot;&lt;p class=&apos;captcha_error&apos;&gt;&quot;).text(f.value).prependTo(b.footer).css(&quot;color&quot;,&quot;red&quot;);
b._setRecaptcha();
b.updateCptSize()
}else{if(d==&quot;other&quot;){$(&quot;&lt;p class=&apos;other_error&apos;&gt;&quot;).insertBefore(b.submit_button).css(&quot;color&quot;,&quot;red&quot;).text(f.value);
b.updateCptSize()
}else{var c=b.formbox.find(&quot;[name=&apos;&quot;+d+&quot;&apos;]&quot;);
var e=c.prev();
switch(f.type){case&quot;date&quot;:c.prev().prev().addClass(&quot;has_error&quot;).tooltip(f.value,500).one(&quot;click&quot;,function(){$(this).removeClass(&quot;has_error&quot;).tooltip();
e.css(&quot;color&quot;,&quot;grey&quot;)
});
e.css(&quot;color&quot;,&quot;red&quot;);
break;
case&quot;input&quot;:c.addClass(&quot;has_error&quot;).tooltip(f.value,500).one(&quot;keydown&quot;,function(){$(this).removeClass(&quot;has_error&quot;).tooltip();
e.css(&quot;color&quot;,&quot;grey&quot;)
});
case&quot;checkbox&quot;:c.closest(&quot;label&quot;).parent().closest(&quot;label&quot;).css(&quot;color&quot;,&quot;red&quot;).addClass(&quot;has_error&quot;).tooltip(f.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;:c.addClass(&quot;has_error&quot;).tooltip(f.value,500).one(&quot;focus&quot;,function(){$(this).removeClass(&quot;has_error&quot;).tooltip();
e.css(&quot;color&quot;,&quot;grey&quot;)
});
break;
default:statusController.message(f,&quot;warning&quot;)
}}}})
},onDisplay:function(b){var a=this;
this.n={gdpr:b.find(&quot;.component_gdpr_container&quot;)};
this.title=b.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();
a.toggleView();
a.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.uicf_hidden_input_labels=$(&quot;&lt;input name=&apos;labels&apos; type=&apos;hidden&apos;&gt;&quot;);
if(!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;Votre message a été envoyé avec succès. Merci.&quot;;
this.uicf_ptxt.append(this.cpt.data.alert_html);
$.extend(this,componentGdpr);
this.initGdpr();
if(v.mode==&quot;editor&quot;){this.cpt.setData(&quot;label_position&quot;,this.cpt.data.label_position?this.cpt.data.label_position:&quot;block&quot;)
}setTimeout(function(){a.form=$(&quot;.uicf_form&quot;,a.cpt.node).find(&quot;form&quot;);
a.form.on(&quot;submit&quot;,function(e){if(!a.testFormGdpr(a.form)){return false
}else{e.preventDefault();
if(a.processing_submit){return false
}a.processing_submit=true;
var c=$.Deferred().resolve();
var f=$($(this)[0].elements).not(&quot;[name=gdpr_checkbox]&quot;).serializeArray();
var d=[];
$(&quot;.file_container&quot;,a.cpt.node).each(function(g){var h=[],g=$(this);
g.data(&quot;attachments&quot;).each(function(i){c=c.then(function(){return i[0]
},function(){return i[0]
}).then(function(j){if(!j.error){h.push([i[1].name,i[1].size,j.url])
}},function(j,k){d.push(&quot;Erreur lors de l&apos;envoi d&apos;une pièce jointe&quot;+this.filename+&quot; (&quot;+k+&quot;)&quot;);
return d
})
});
f.push({name:g.find(&quot;.upload_link&quot;).attr(&quot;name&quot;),value:h})
});
c.then(function(){a.cpt.ask(f.reduce(function(j,g,h){if(j[g.name]){if(!$.isArray(j[g.name])){j[g.name]=[j[g.name]]
}j[g.name].push(g.value)
}else{j[g.name]=g.value
}return j
},{request:&quot;send_mail&quot;,url:location.href,timezone:(window.Intl?Intl.DateTimeFormat().resolvedOptions().timeZone:null),gdpr:a.getGdpr(a.n.gdpr)}),function(g){a.createForm();
a.toggleView();
a.alertbox.scrollIntoView();
a.processing_submit=false
},function(g){a.show_errors(g);
a.processing_submit=false
})
});
return false
}})
},500)
},onPropertyChanged:function(a){if(a.include(&quot;submit_text&quot;)){$(&quot;.submit-btn&quot;,this.cpt.node).text(this.cpt.data.submit_text)
}if(a.include(&quot;reset_text&quot;)){$(&quot;.reset-btn&quot;,this.cpt.node).text(this.cpt.data.reset_text)
}if(a.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;Modifier le message affiché lorsque le formulaire a été envoyé&quot;)
}}if(a.include(&quot;label_position&quot;)){this.setStyle(this.cpt.data.label_position)
}if(a.include(&quot;display_examples&quot;)){this.init_examples()
}if(a.include(&quot;form&quot;)||a.include(&quot;options_order&quot;)){this.createForm()
}var c=a.find_all(function(d){return d&amp;&amp;d.match(/#mask$/)
});
if(c.length){var b=this;
$.each(c,function(d,f){var g=f.replace(/^[^#]+#(.+?)#mask$/,&quot;$1&quot;);
var e=$(&quot;#&quot;+g);
b._loadProperties(e,g)
})
}if(a.include(&quot;label_alignement&quot;)){this.changeAlignement(this.cpt.data.label_alignement)
}if(a.include(&quot;main_title&quot;)){this.title.text(this.cpt.data.main_title)
}this.updateCptSize()
},changeAlignement:function(a){this.formbox.css(&quot;text-align&quot;,a);
this.formbox.find(&quot;input&quot;).css(&quot;text-align&quot;,a)
},_loadProperties:function(a,c){var b=$(&quot;span.uicf_prop_autocomplete&quot;,a);
b=b.add(b.prev());
if(this.cpt.data.options[c].mask==&quot;text&quot;){b.show()
}else{b.hide()
}},setStyle:function(a){this.formbox.removeClassMatch(/uicf_style_/).addClass(&quot;uicf_style_&quot;+a);
var c=$(&quot;.label_form, .label_form_nr&quot;,this.cpt.node);
var b=c.find(&quot;&gt;input[type!=&apos;range&apos;], &gt;textarea&quot;,this.cpt.node);
c.find(&quot;&gt;span&quot;).removeAttr(&quot;style&quot;);
if(a==&quot;inner&quot;){b.each(function(){var e=$(this),d=e.parent().find(&quot;&gt;span:first&quot;);
e.attr(&quot;placeholder&quot;,d.hide().text())
})
}if(a==&quot;inline&quot;||a==&quot;block&quot;){b.each(function(){$(this).attr(&quot;placeholder&quot;,&quot;&quot;)
})
}if(a==&quot;inline&quot;&amp;&amp;this.updated_container){this.updated_container.find(&quot;.label_form &gt; span, .label_form_nr &gt; span&quot;).each(function(){$(this).width($(this).textWidth())
})
}},updateCptSize:function(){var c=this;
c.cpt.setSize({h:10000});
var b=[];
$(&quot;*&quot;,$(&quot;.UI_Form&quot;)).each(function(a){b.push([this.offsetTop,this.offsetHeight,this.tagName,this.id,this.className])
});
c.cpt.setSize({h:(c.formbox.is(&quot;:visible&quot;)?c.formbox:c.alertbox).outerHeight(true)})
},onShow:function(){this.updateCptSize()
},onSelect:function(){this.updateGdpr()
},onResize:function(){this.setStyle(this.cpt.node.width()&lt;300&amp;&amp;this.cpt.data.label_position==&quot;inline&quot;?&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(a){return $(a).val()
});
this.cpt.setData(&quot;options#&quot;+this.choice_managing+&quot;#options&quot;,array);
return array
},display_panel_option:function(c){var b=c.closest(&quot;.button_list_button&quot;);
var d=b.attr(&quot;id&quot;);
var a;
$(document).off(&quot;click.uicf_panel_option&quot;).on(&quot;click.uicf_panel_option&quot;,function(f){if(!($(f.target).hasClass(&quot;sort_btn_choices&quot;)||$(f.target).hasClass(&quot;add_choice_option&quot;)||$(f.target).hasClass(&quot;#design_blocks_wrapper&quot;)||$(f.target).closest(&quot;#design_blocks_wrapper&quot;).length!=0)){$(&quot;#design_blocks_wrapper&quot;).desactivate();
$(document).off(&quot;click.uicf_panel_option&quot;)
}});
a=this.cpt.data.options[d].options||[&quot;Première option&quot;,&quot;Deuxième option&quot;,&quot;Troisième option&quot;];
this.init_choice_manager(a,d)
},init_choice_manager:function(e,g){this.choice_managing=g;
var b=$(&quot;#list_examples&quot;).addClass(&quot;list_form_choices&quot;);
if(b.children.length!=0){b.empty()
}var c=this;
var d=$(&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(h,i){e=c.updateArray()
}});
var f=$(&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(h){c.addOption(d,&quot;Nouveau choix&quot;,true);
e=c.updateArray()
});
var a=$(&quot;&lt;a href=&apos;#&apos; class=&apos;sort_btn_choices&apos;&gt;&quot;).text(&quot;A-Z&quot;).click(function(i){var h=e.sort(function(k,m){var l=String(k).toUpperCase();
var j=String(m).toUpperCase();
if(l&gt;j){return 1
}if(l&lt;j){return -1
}return 0
});
c.init_choice_manager(h,g);
c.updateArray()
});
$.each(e,function(h,i){c.addOption(d,i)
});
if($(&quot;#sortable_choices&quot;).length==0){b.append(d)
}b.append(f);
b.append(a)
},addOption:function(g,h,b){var a=this;
var d=$(&quot;&lt;li class=&apos;option_state_default&apos;&gt;&quot;);
var c=$(&quot;&lt;span class=&apos;icon_drag&apos;&gt;&quot;);
var f=$(&quot;&lt;input class=&apos;option_state_default_input&apos;&gt;&quot;).val(h).change(function(i){a.updateArray()
});
f.focus(function(i){d.addClass(&quot;option_input_focused&quot;);
$(this).select()
}).focusout(function(i){d.removeClass(&quot;option_input_focused&quot;)
});
var e=$(&quot;&lt;button class=&apos;fonticon delete&apos;&gt;&quot;).html($.fn.fonticon(&quot;remove&quot;)).click(function(j){var i=$(this).parent();
i.addClass(&quot;removing&quot;);
setTimeout(function(){i.remove()
},500);
a.updateArray()
});
d.append(c);
d.append(f);
d.append(e);
g.append(d);
if(b){f.focus()
}},init_examples:function(c){var a=this.examples;
var d=$(&quot;&lt;ul id=&apos;ulexamples&apos;&gt;&lt;/ul&gt;&quot;);
var b=this;
if(d.find(&quot;li&quot;).length==0){$.each(a,function(g,f){var e=$(&quot;&lt;li class=&apos;container_form_example&apos;&gt;&quot;);
if(f[f.length-1].type==&quot;icon&quot;){e.append(&quot;&lt;div class=&apos;example_form_icon&apos;&gt;&quot;+f[f.length-1].val+&quot;&lt;/div&gt;&quot;)
}var h=$(&quot;&lt;div class=&apos;form_example&apos;&gt;&quot;).append($(&quot;&lt;h3&gt;&quot;).html(f[0].text));
h.append($(&quot;&lt;label&gt;&quot;).html(f[0].description));
e.append(h);
d.append(e);
e.on(&quot;click&quot;,function(){$(&quot;#design_blocks_wrapper&quot;).desactivate();
b.setFormSamples(f);
b.cpt.recreatePropertyNode()
})
})
}$(document).off(&quot;click.uicf_init_examples&quot;).on(&quot;click.uicf_init_examples&quot;,function(f){if(!$(f.target).is(c)&amp;&amp;$(f.target).closest(&quot;#design_blocks_wrapper&quot;).length==0){$(&quot;#design_blocks_wrapper&quot;).desactivate();
$(document).off(&quot;click.uicf_init_examples&quot;)
}});
if($(&quot;#ulexamples&quot;).length==0){$(&quot;#list_examples&quot;).addClass(&quot;list_examples_form&quot;).prepend(d)
}},setFormSamples:function(a){var b=this;
var d={};
var c=[];
$.each(a,function(f,e){if(e.type!=&quot;type&quot;&amp;&amp;e.type!=&quot;icon&quot;){opt_uid=&quot;opt_&quot;+f;
d[opt_uid]=e;
c.push(opt_uid)
}});
historyController.offRecords(function(){b.cpt.setData(&quot;options&quot;,d)
});
historyController.offRecords(function(){b.cpt.setData(&quot;options_order&quot;,c)
})
},_setRecaptcha:function(){this.cpt.component_type.content._convert_recaptcha(this.cpt,this.captcha_div)
},customSetDataCb:function(a,b){if(a==null||b){this.createForm()
}}};</script><style>#body .component .site_textbox.has_error,#body .component textarea.has_error{background-color:#ffe8e6;color:#db2828;box-shadow:0 0 0 1px #f7a0a0 inset,0 0 0 0 transparent;border:none}
.file_container{padding:5px}
.file_container&gt;div{margin:5px 0}
.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{background:#fff;border-radius:2px;display:none;margin:1rem;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(0.25,.8,.25,1)}
.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:calc(100% - 9px)}
.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 input.uicf_col_md_4:not([type=checkbox]):not([type=radio]){width:calc(100% - 13px)}
.uicf_form .item_div div.adr_zip{float:left;width:35%}
.uicf_form .item_div div.adr_city{float:right;width:65%}
.uicf_form .item_div div.adr_state{clear:both;float:left;width:50%}
.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}</style></uidget>