T('pay_error',`
<div class="modal_close" onclick="hideModal()"><img src="[@ resPath #]x.svg"></div>
<div class="payerror">
	<div class="modal_title">Ops!</div>
	<div class="modal_error">
		Qualcosa è andato storto
	</div>
	<button onclick="hideModal()">chiudi</button>
</div>
`)

T('header',`
<div class="header_container">
	<div class="header" id="header">
		<div class="header_top [@ (navAction)?'insideFun':'' #]">
			<div class="nav" [# if(navAction){ #] onclick="[@ navAction #]" [# } #] >
				[# if(navAction) { #]
					<img src="[@ resPath #]icon-arrow-forward.svg" />
					<label class="indietro_nav_label">[@ nav #]</label>
				[# } #]
			</div>
			[# appCtx.ng = sessionStorage.getItem('nimble.group'); #]
			<div class="user [@ appCtx.user?'logged':'' #]">
				<div class="nav_container">
					<div style="align-items: center;" class="flex menu_desktop">
						<div class="home_nav" onclick="[@ appCtx.ng?'goPrd(appCtx.ng)':'goHome()' #]">
							<div class="menu_label">
								<span id="home_menu_label" class="position-relative [@ (appCtx?.step=='landing')?'blueLineAfter':'' #]">
									[# if (appCtx.ng == 'pet') { #]
										OK4Pet
									[# } else if (appCtx.ng == 'sport') { #]
										Smart Sport
									[# } else if (appCtx.ng == 'bike') { #]
										Instant Bike
									[# } else if (appCtx.ng == 'ok4trv') { #]
										OK4Travel
									[# } else if (appCtx.ng == 'ok4mountain') { #]
										OK4Mountain
									[# } else { #]
										Home
									[# } #]
								</span>
							</div>
						</div>
						[# if(userLogged()) { #]
								<div class="menu_label" onclick="goTo('history/');">
									<span id="policy_menu_label" class="position-relative [@ (window.location.href.indexOf('history') > -1)?'blueLineAfter color-instant':'' #]">
									Le tue polizze
									</span>
								</div>
						[# } #]
						</div>
					[# if(userLogged()) {#]
						<div class="menu_desktop" onclick="logout()">
							<label>Esci</label>
							<div id="logout_icon"></div>
						</div>
					[# }else{ #]
						<div class="login" [@ userLogged()?'':'onclick="showLogin()"' #] ><b>Accedi</b></div>
						<div class="profile"><img src="[@ resPath #]user_nav.svg" /></div>
					[# } #]
					[# if(userLogged()) { #]
						<div id="ham_menu" onclick="toggleMenu()">
							<label>Menu</label>
							<div class="circle"></div>
						</div>
						<div id="user_menu" class="user_menu hidden">
							<div id="close_menu" onclick="toggleMenu()"></div>
							<div id="item_home" class="item" onclick="[@ appCtx.ng?'goPrd(appCtx.ng)':'goHome()' #]" >
								<div id="home_menu_img" class="menu_item_img"></div>
								<label>
									[# if (appCtx.ng == 'pet') { #]
										OK4Pet
									[# } else if (appCtx.ng == 'sport') { #]
										Smart Sport
									[# } else if (appCtx.ng == 'bike') { #]
										Instant Bike
									[# } else if (appCtx.ng == 'ok4trv') { #]
										OK4Travel
									[# } else if (appCtx.ng == 'ok4mountain') { #]
										OK4Mountain
									[# } else { #]
										Home
									[# } #]
								</label>
							</div>
							<div id="item_umbrella" class="item" onclick="goTo('history/')" >
								<div id="umbrella_img" class="menu_item_img"></div>
								<label>Le tue polizze</label>
							</div>
							<div id="item_logout" class="item" onclick="logout()">
								<div id="esci_img" class="menu_item_img"></div>
								<label>Esci</label>
							</div>
						</div>
						[# } #]
					</div>
			</div>
		</div>
		<img class="logo cursor-pointer [@ (navAction)?'insideFun':'' #]" onclick="goHome()" src="[@ resPath #]logoB.svg"/>
	</div>
</div>
`)

T('footer',`
<div class="footer">
	<div class="strip">
		<div class="links">
			<div class="linksgroupone">
				<a href="javascript:goToContact('contact/index.html')">Contattaci</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('complaint/index.html')">Reclami</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('terms/index.html')">Condizioni d'utilizzo</a>
				<span class="linksgroupone">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
			</div>
			<div clss="linkgrouptwo">
				<a href="[@ basePath #]privacy/Neosurance_Privacy_Cookie_Policy.pdf" target="_blank">Privacy e Cookie policy</a>
			</div>
		</div>
		<div class="payment">
				Metodi di pagamento<br>
				<img src="[@ resPath #]loghi_cc.svg">
		</div>
	</div>
	<div>
		<div class="copy">
			<span>©[@ moment().year() #] <b>Neosurance Srl</b></span><br>
			Sede Legale: Galleria Pattari, 2 – 20122 – Milano (MI) |
			Sede Operativa: Via Privata Decemviri, 20 – 20137 – Milano (MI) |
			C.F. e P.IVA : 09430860966 Iscritta al Registro delle Imprese della C.C.I.A.A. di Milano Monza Brianza Lodi |
			Numero iscrizione R.E.A. MI 000002089873 |
			Intermediario assicurativo soggetto al controllo dell'IVASS – Iscrizione RUI B000605123 |
			Tel. 02 28095594 |
			PEC neosurance@legalmail.it
		</div>
	</div>
	<img src="[@ resPath #]pon.svg">
</div>
`)

T('footer_en',`
<div class="footer">
	<div class="strip">
		<div class="links">
			<div class="linksgroupone">
				<a href="javascript:goToContact('contact/index_en.html')">Contact us</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('complaint/index_en.html')">Complaints</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('terms/index.html')">Terms of Use</a>
				<span class="linksgroupone">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
			</div>
			<div clss="linkgrouptwo">
				<a href="[@ basePath #]privacy/Neosurance_Privacy_Cookie_Policy.pdf" target="_blank">Privacy and Cookie policy</a>
			</div>
		</div>
		<div class="payment">
			Payment methods<br>
			<img src="[@ resPath #]loghi_cc.svg">
		</div>
	</div>
	<div>
		<div class="copy">
			<span>©[@ moment().year() #] <b>Neosurance Srl</b></span><br>
			©2023 Neosurance Srl Headquarter: Galleria Pattari, 2 – 20122 Milano ITALY |
			Headquarter : Via Privata Decemviri, 20 – 20137 Milano ITALY |
			C.F. and P.IVA 09430860966│Registered at the Chamber of Commerce C.C.I.A.A. of Milano Monza Brianza Lodi – ITALY |
			Number of registration R.E.A. MI 000002089873 |
			Insurance Broker regulated under the supervision of IVASS (Italian Insurance Regulator), Number of registration RUI B000605123 |
			Phone +39 02 28095594 | PEC neosurance@legalmail.it
		</div>
	</div>
	<img src="[@ resPath #]pon.svg">
</div>
`)

T('mob_footer',`
<div style="padding-bottom:30px" class="footer">
	<div class="strip">
		<div class="links">
			<div class="linksgroupone">
				<a href="javascript:goToContact('contact/index.html')">Contattaci</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('complaint/index.html')">Reclami</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('terms/index.html')">Condizioni d'utilizzo</a>
				<span class="linksgroupone">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
			</div>
			<div clss="linkgrouptwo">
				<a href="[@ basePath #]privacy/Neosurance_Privacy_Cookie_Policy.pdf" target="_blank">Privacy e Cookie policy</a>
			</div>
		</div>
		<div style="margin-top: 20px;" class="payment">
				Metodi di pagamento<br>
				<img src="[@ resPath #]loghi_cc.svg">
		</div>
	</div>
	<div style="color:#979797;font-size: 12px;margin-top: 12px;line-height: 30px;">©[@ moment().year() #] <b>Neosurance Srl</b></div>
</div>
`)

T('mob_footer_en',`
<div style="padding-bottom:30px" class="footer">
	<div class="strip">
		<div class="links">
			<div class="linksgroupone">
				<a href="javascript:goToContact('contact/index.html')">Contact us</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('complaint/index.html')">Complaints</a> &nbsp;&nbsp;|&nbsp;&nbsp;
				<a href="javascript:goTo('terms/index.html')">Terms of Use</a>
				<span class="linksgroupone">&nbsp;&nbsp;|&nbsp;&nbsp;</span>
			</div>
			<div clss="linkgrouptwo">
				<a href="[@ basePath #]privacy/Neosurance_Privacy_Cookie_Policy.pdf" target="_blank">Privacy and Cookie policy</a>
			</div>
		</div>
		<div style="margin-top: 20px;" class="payment">
			Payment methods<br>
			<img src="[@ resPath #]loghi_cc.svg">
		</div>
	</div>
	<div style="color:#979797;font-size: 12px;margin-top: 12px;line-height: 30px;">©[@ moment().year() #] <b>Neosurance Srl</b></div>
</div>
`)

T('login',`
<div class="modal_close" onclick="hideModal()">
	<img src="[@ resPath #]x.svg" />
</div>
<div id="login" class="login">
	<div class="product_name">Neosurance</div>
	<div class="modal_title">Accedi</div>
	<div class="modal_hint">
		Inserisci la tua email, ti invieremo il magic link per accedere alla tua polizza
	</div>
	<div class="field">
		<input
			onfocus="this.removeClass('error')"
			type="text"
			id="login_email"
			placeholder="La tua email"
			onkeyup="enter(event,checkEmail)"
			value="[@ encodeAttribute(appCtx.email) #]"
		/>
		<label id="login_email_label" for="login_email">
			<img src="[@ resPath #]ico_email.svg" />
			
			<span id="login_email_err" class="err"></span>
		</label>
	</div>
	<div style="text-align: right;">
		<button id="loginEmailBtn" onclick="checkEmail()">INVIA</button>
	</div>
</div>
`)

T('magicLinked',`
<div class="modal_close" onclick="hideModal()">
	<img src="[@ resPath #]x.svg" />
</div>
<div style="padding-block: clamp(40px, 1.4vw, 78px);">
	<img style="height:100px" src="[@ resPath #]magic_email.svg" />
	<div id="magicLink_title" class="modal_title">
		Ti abbiamo inviato <br class="mobile">
		il magic link
	</div>
	<div class="modal_hint">all’indirizzo: <b>[@ appCtx.email #]</b></div>
	
	<div class="action" onclick="askForMagic()">
		Invia di nuovo il magic link
	</div>
</div>
`)

T('magicLogin',`
<div class="modal_close" onclick="hideModal()">
	<img src="[@ resPath #]x.svg" />
</div>
<div class="login pb-40">
	<div id="welcome_title" class="modal_title">
		Benvenut[@ getParameter('magicGender')=='F'?'a':'o' #] [@ encodeHTML(getParameter('magicName')) #]
	</div>
	<div class="modal_hint">
		Hai effettuato l’accesso, <br class="mobile">
		ora puoi gestire la tua polizza
	</div>
	<div id="rememberAndLogin" class="flex-center">
		<div class="center-center">
			<input type="checkbox" id="remember" />
			<label for="remember">Ricordami</label>
		</div>
		<button id="magicLogin_btn" class="center-center" onclick="magicLogin()">
			VAI ALLA POLIZZA
		</button>
	</div>
</div>
`)

T('confirm_email', `
<div id="verifyEmail" class="text-center modal_content">
	<div class="modal_close" onclick="hideModal()"><img src="[@ resPath #]x.svg"></div>
	<img style="width: 80px;margin-top: clamp(20px, 3.4vw, 40px);" id="mail-ico" src="[@ resPath #]mail.svg"> <br>
	<h1 class="pt-20">Conferma la tua email</h1>
	<h2 style="padding: 6px 0px;" class="confEm-h2">
		Abbiamo inviato al tuo <br>
		indirizzo email il codice di verifica
	</h2>
	<div class="center-center mt-20">
		<span class="toLowercase">[@ buyCtx.profile.email #]</span>
		<img src="[@ resPath #]icon-edit-circle.svg" class="ml-16 cursor-pointer" onclick="openEditEmail();">
	</div>
	<div class="grey-container">
		<div>
			<b>Inserisci il codice</b>
		</div>
		<span id="memoCodeField">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[0]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[1]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[2]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[3]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[4]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<label for="memocode">il codice inserito non è corretto</label>
		</span>
		<div id="resendMemoCodeBtn" class="a font_l" onclick="sendMemoCode()">Invia di nuovo il codice</div>
		<div id="edit_done">
			<div style="height: 100%;gap: 15px;">
				<div class="flex justify-content-center align-items-center">
					<img class="pr-10" src="[@ resPath #]done.svg"> <br>
					<b class="font-14 pt-4">Codice inviato</b>
				</div>
				<p class="font-12 line-height150 hidden pl-28 font_l color-eve">verifica la tua email o controlla nella posta indesiderata</p>
			</div>
		</div>
	</div>
	<div class="btn_cnt">
		<button style="width:160px;padding-inline:0;"
		id="verifyCodeBtn" 
		class="[@ (buyCtx.codeInserted && buyCtx.codeInserted.length == 5)?'':'disabled' #] hollow" 
		onclick="checkMemoCode()">
		CONFERMA
		</button>
	</div>
</div>
`)

T('confirm_email_en', `
<div id="verifyEmail" class="text-center modal_content">
	<div class="modal_close" onclick="hideModal()"><img src="[@ resPath #]x.svg"></div>
	<img style="width: 80px;margin-top: clamp(20px, 3.4vw, 40px);" id="mail-ico" src="[@ resPath #]mail.svg"> <br>
	<h1 class="pt-20">Please confirm your email</h1>
	<h2 style="padding: 6px 0px;" class="confEm-h2">
		We have sent to your <br>
		email address the verification code
	</h2>
	<div class="center-center mt-20">
		<span class="toLowercase">[@ buyCtx.profile.email #]</span>
		<img src="[@ resPath #]icon-edit-circle.svg" class="ml-16 cursor-pointer" onclick="openEditEmail();">
	</div>
	<div class="grey-container">
		<div>
			<b>Please enter the code</b>
		</div>
		<span id="memoCodeField">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[0]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[1]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[2]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[3]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<input value="[@ (buyCtx.codeInserted)?buyCtx.codeInserted[4]:'' #]" type="text" maxlength="1" onclick="this.select()" onkeydown="goToPrevInput(this);checkCodeLength()" onkeyup="goToNextInput(this);checkCodeLength()" onfocus="getById('memoCodeField').removeClass('error')">
			<label for="memocode">The entered code is incorrect</label>
		</span>
		<div id="resendMemoCodeBtn" class="a font_l" onclick="sendMemoCode()">Resend code</div>
		<div id="edit_done">
			<div style="height: 100%;gap: 15px;">
				<div class="flex justify-content-center align-items-center">
					<img class="pr-10" src="[@ resPath #]done.svg"> <br>
					<b class="font-14 pt-4">Code sent</b>
				</div>
				<p class="font-12 line-height150 hidden pl-28 font_l color-eve">Verify your email or check your spam folder</p>
			</div>
		</div>
	</div>
	<div class="btn_cnt">
		<button style="width:160px;padding-inline:0;"
		id="verifyCodeBtn" 
		class="[@ (buyCtx.codeInserted && buyCtx.codeInserted.length == 5)?'':'disabled' #] hollow" 
		onclick="checkMemoCode()">
		CONFIRM
		</button>
	</div>
</div>
`)


T('editEmail', `
<div id="editEmailModal" class="modal p-0 text-center">
	<div class="back" onclick="showModal(T.confirm_email())">
		<img style="width: 16px;" class="cursor-pointer" src="[@ resPath #]back.svg">
		<span class="cursor-pointer">Indietro</span>
	</div>
	<div>
		<div style="padding-block: 10vh;" id="verifyEmail">
			<img style="width: 80px;" src="[@ resPath #]mail-close.svg"> <br>
			<h1>Modifica email</h1>
			<p class="font-300">Invieremo il codice di verifica a questo indirizzo</p>
			<input id="newEmail" type="text" onfocus="this.removeClass('error')" value="[@ buyCtx.profile.email #]">
			<label id="newEmailLbl" for="newEmail"></label>
		</div>
		<div class="btn_cnt">
			<button class="hollow" onclick="editEmail()">INVIA</button>
		</div>
	</div>
</div>
`)

T('editEmail_en', `
<div id="editEmailModal" class="modal p-0 text-center">
	<div class="back" onclick="ns_lang == 'it' ? showModal(T.confirm_email()) : showModal(T.confirm_email_en())">
		<img style="width: 16px;" class="cursor-pointer" src="[@ resPath #]back.svg">
		<span class="cursor-pointer">Back</span>
	</div>
	<div>
		<div style="padding-block: 10vh;" id="verifyEmail">
			<img style="width: 80px;" src="[@ resPath #]mail-close.svg"> <br>
			<h1>Edit email</h1>
			<p class="font-300">We will send the verification code to this address</p>
			<input id="newEmail" type="text" onfocus="this.removeClass('error')" value="[@ buyCtx.profile.email #]">
			<label id="newEmailLbl" for="newEmail"></label>
		</div>
		<div class="btn_cnt">
			<button class="hollow" onclick="editEmail()">SEND</button>
		</div>
	</div>
</div>
`)

T('confirmed_email', `
<div id="verifyEmail">
	<div style="padding-block: 10vh;" class="modal_content flex-column align-items-center">
		<img style="width: 64px;margin: 18px 22px;" src="[@ resPath #]check2.svg" >
		<h1>Email confermata</h1>
		<p class="font-300">
			Il tuo indirizzo email: <b>[@ buyCtx.profile.email #]</b>
		</p>
	</div>
	<div class="btn_cnt">
		<button class="hollow" onclick="endMemoCode();">AVANTI</button>
	</div>
</div>
`)

T('confirmed_email_en', `
<div id="verifyEmail">
	<div style="padding-block: 10vh;" class="modal_content flex-column align-items-center">
		<img style="width: 64px;margin: 18px 22px;" src="[@ resPath #]check2.svg" >
		<h1>Email confirmed</h1>
		<p class="font-300">
			Your email address: <b>[@ buyCtx.profile.email #]</b>
		</p>
	</div>
	<div class="btn_cnt">
		<button class="hollow" onclick="endMemoCode();">NEXT</button>
	</div>
</div>
`)