T('home_contact',`
<div class="home contact">
	<div class="subHead W">
		<div class="subHead-cnt">
			<div class="desktop-flex">
				<img width="16px" src="../res/icon-arrow-forward-white.svg" alt="<" onclick="window.history.back();document.body.scrollTop = 0">
				<span onclick="window.history.back();document.body.scrollTop = 0">Indietro</span>
			</div>
			<h1>Contattaci</h1>		
		</div>
	</div>
	<div class="container">
		<div class="will">
			<h1>Aiutarti per noi è importante</h1>
			<h2>
				Per tutte le richieste di informazioni riguardo <br class="desktop">
				i prodotti assicurativi o Neosurance puoi compilare il form sottostante.
			</h2>
		</div>
		<div style="max-width: 500px;" class="grey inline-block">
			[# var usr = appCtx.user?appCtx.user:{};
				 const prds = [
				 	'OK4Pet', 'OK4Travel','pec4trv', 'Smart Sport', 'Instant Bike Premium'
				 ];		
			 #]
			<div class="field">
				<select id="argument" class="empty" onchange="adjSelect(this); this.removeClass('error')">
					<option value="">Seleziona un argomento</option>
					[# for (const prd in prds) { #]
						<option value="[@ prds[prd] #]">[@ prds[prd] #]</option>
					[# }#]
					<option value="altro">Altro</option>
				</select>
				<label for="argument">
					<span class="err">* Seleziona un argomento</span>
				</label>
			</div>
			<div class="field">
				<input onfocus="this.removeClass('error')" type="text" id="cnt_email" placeholder="Email" value="[@ encodeAttribute(usr.email) #]">
				<label for="cnt_email">
					<span class="err">* L'email non è valida</span>
				</label>
			</div>
			<div style="gap: 20px;" class="flex double">
				<div class="field">
					<input onfocus="this.removeClass('error')" type="text" id="cnt_firstname" placeholder="Nome" value="[@ encodeAttribute(usr.firstname) #]">
					<label for="cnt_firstname">
						<span class="err">* Il nome è obbligatorio</span>
					</label>
				</div>
				<div class="field">
					<input onfocus="this.removeClass('error')" type="text" id="cnt_lastname" placeholder="Cognome" value="[@ encodeAttribute(usr.lastname) #]">
					<label for="cnt_lastname">
						<span class="err">* Il cognome è obbligatorio</span>
					</label>
				</div>
			</div>
			<div class="field ta">
				<textarea onfocus="this.removeClass('error')" type="text" id="message" placeholder="Messaggio"></textarea>
				<label for="message">
					<span class="err">* Inserisci un messaggio</span>
				</label>
			</div>
			<div class="consent">
			Premendo il pulsante Invia, dichiaro di aver letto e compreso le informazioni disponibili
				<a title="Informativa Form Contatto" class="text-underline" href="[@ basePath #]privacy/Neosurance_Informativa_Form_Contatto.pdf" target="_blank">qui</a> e,<br>
				pertanto, acconsento a ricevere materiale informativo su servizi e prodotti.	
			</div>
			<div><button onclick="sendMsg()">invia</button></div>
		</div>
	</div>
</div>
[@ T.header({nav:groupName(),navAction:'goGroup()',navClass:null,navLogo:null}) #]
[@ T.footer() #]
`)

T('home_contact_en',`
<div class="home contact">
	<div class="subHead W">
		<div class="subHead-cnt">
			<div class="desktop-flex">
				<img width="16px" src="../res/icon-arrow-forward-white.svg" alt="<" onclick="window.history.back();document.body.scrollTop = 0">
				<span onclick="window.history.back();document.body.scrollTop = 0">Back</span>
			</div>
			<h1>Contact us</h1>		
		</div>
	</div>
	<div class="container">
		<div class="will">
			<h1>Helping you is important to us</h1>
			<h2>
				For all inquiries regarding insurance products or Neosurance, <br class="desktop">
				you can fill out the form below.
			</h2>
		</div>
		<div style="max-width: 500px;" class="grey inline-block">
			[# var usr = appCtx.user?appCtx.user:{};
				 const prds = [
				 	'OK4Pet', 'OK4Travel', 'pec4trv', 'Smart Sport', 'Instant Bike Premium'
				 ];		
			 #]
			<div class="field">
				<select id="argument" class="empty" onchange="adjSelect(this); this.removeClass('error')">
					<option value="">Select a topic</option>
					[# for (const prd in prds) { #]
						<option value="[@ prds[prd] #]">[@ prds[prd] #]</option>
					[# }#]
					<option value="altro">Other</option>
				</select>
				<label for="argument">
					<span class="err">* Select a topic</span>
				</label>
			</div>
			<div class="field">
				<input onfocus="this.removeClass('error')" type="text" id="cnt_email" placeholder="Email" value="[@ encodeAttribute(usr.email) #]">
				<label for="cnt_email">
					<span class="err">* The email is not valid</span>
				</label>
			</div>
			<div style="gap: 20px;" class="flex double">
				<div class="field">
					<input onfocus="this.removeClass('error')" type="text" id="cnt_firstname" placeholder="Name" value="[@ encodeAttribute(usr.firstname) #]">
					<label for="cnt_firstname">
						<span class="err">* The name is mandatory</span>
					</label>
				</div>
				<div class="field">
					<input onfocus="this.removeClass('error')" type="text" id="cnt_lastname" placeholder="Lastname" value="[@ encodeAttribute(usr.lastname) #]">
					<label for="cnt_lastname">
						<span class="err">* The lastname is mandatory</span>
					</label>
				</div>
			</div>
			<div class="field ta">
				<textarea onfocus="this.removeClass('error')" type="text" id="message" placeholder="Message"></textarea>
				<label for="message">
					<span class="err">* Please enter a message</span>
				</label>
			</div>
			<div class="consent">
			By clicking the Send button, I declare that I have read and understood the available information
				<a title="Informativa Form Contatto" class="text-underline" href="[@ basePath #]privacy/Neosurance_Informativa_Form_Contatto.pdf" target="_blank">here</a> and,
				therefore, I consent to receive informational material about services and products.
			</div>
			<div><button onclick="sendMsg()">Send</button></div>
		</div>
	</div>
</div>
[@ T.header({nav:groupName(),navAction:'goGroup()',navClass:null,navLogo:null}) #]
[@ T.footer() #]
`)

T('home_contact_confirm',`
<div class="home contact">
	<div class="subHead W mb-0">
		<div class="subHead-cnt">
			<div class="desktop-flex">
				<img width="16px" src="../res/icon-arrow-forward-white.svg" alt="<" onclick="window.history.back();">
				<span onclick="window.history.back();">Indietro</span>
			</div>
			<h1>Contattaci</h1>		
		</div>
	</div>
	<div id="home_contact_confirm" class="will contact">
		<div style="width: 100%;display: flex;flex-direction: column;">
			<div style="flex-grow: 1;">
				<img style="width: 50px;height: 50px;" src="../res/check_lightBlue.svg" alt=""> <br>
				<h1>Richiesta inviata</h1>
				<p class="line-height125">
					Ti contatteremo presto <br>
					con le informazioni richieste
				</p>
			</div>
		</div>
	</div>
</div>
[@ T.header({nav:groupName(),navAction:'goGroup()',navClass:null,navLogo:null}) #]
[@ T.footer() #]
`)

T('home_contact_confirm_en',`
<div class="home contact">
	<div class="subHead W mb-0">
		<div class="subHead-cnt">
			<div class="desktop-flex">
				<img width="16px" src="../res/icon-arrow-forward-white.svg" alt="<" onclick="window.history.back();">
				<span onclick="window.history.back();">Back</span>
			</div>
			<h1>Contact us</h1>		
		</div>
	</div>
	<div id="home_contact_confirm" class="will contact">
		<div style="width: 100%;display: flex;flex-direction: column;">
			<div style="flex-grow: 1;">
				<img style="width: 50px;height: 50px;" src="../res/check_lightBlue.svg" alt=""> <br>
				<h1>Request sent</h1>
				<p class="line-height125">
					We will contact you soon <br>
					with the requested information.
				</p>
			</div>
		</div>
	</div>
</div>
[@ T.header({nav:groupName(),navAction:'goGroup()',navClass:null,navLogo:null}) #]
[@ T.footer() #]
`)