T('cookie',` 
[# if(!localStorage.getItem('nimble.cooked')) { #]
<div id="cookie">
	<div>
		Utilizziamo i cookie per fornire i nostri servizi. Con l'utilizzo del nostro
		sito accetti i cookie.
		<br />
		Per saperne di più
		<a href="[@ basePath #]privacy/index.html">privacy policy</a>
		<br />
		<button class="light" onclick="cooked()">ho capito</button>
	</div>
</div>
[# } #] 
`) 

T('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 [@ ctx.ap?'ap':'' #]">
	<div class="header" id="header">
		<div class="header_top">
			<div class="nav" [# if(navAction){ #] onclick="[@ navAction #]" [# } #] >
				[# if(navAction) { #]
					<img src="[@ resPath #]icon-arrow-forward.svg" />
					<label class="indietro_nav_label">[@ nav #]</label>
				[# } #]
			</div>
			<div class="user [@ appCtx.user?'logged':'' #]">
				<div class="nav_container">
					<div style="align-items: center;" class="flex menu_desktop">
						<div class="home_nav" onclick="goHome();">
							<div class="menu_label">
								<span id="home_menu_label" class="position-relative [@ (buyCtx.step == 'landing'?'blueLineAfter':'') #]">Home</span>
							</div>
							<!-- <img style="height:18px" src="[@ resPath #]home-grey.svg"> -->
						</div>
						[# if(userLogged()) { #]
							[# if(appCtx.currentPolicy) { #]
								<div class="menu_label" onclick="goToPersonalArea()">
									<span id="policy_menu_label" class="position-relative [@ (buyCtx.step == 'ap'?'blueLineAfter':'') #]">La tua polizza</span>
								</div>
							[# } #]
						[# } #]
							<div class="menu_label" onclick="goToFaq()">
								<span id="faq_menu_label" class="[@ (buyCtx.step == 'faq'?'blueLineAfter':'') #] position-relative">Domande Frequenti</span>
							</div>
						</div>
					<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.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="goHome()" >
								<div id="home_menu_img" class="menu_item_img"></div>
								<label>AXA BeLive</label>
							</div>
							[# if(appCtx.currentPolicy) { #]
								<div id="item_umbrella" class="item" onclick="goToPersonalArea()" >
									<div id="umbrella_img" class="menu_item_img"></div>
									<label>La tua polizza</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" onclick="draw()" src="[@ resPath #]logo-neosurance.svg"/>
	</div>
</div>
`) 

T('footer',`
<div class="footer">
	<div class="footer_top">
		<div class="links">
			<a href="javascript:goTo('contact/index.html')">Contattaci</a> |
			<a href="[@ basePath #]privacy/Neosurance_Privacy_Policy.pdf" target="_blank">Privacy Policy</a> | <br class="mobile">
			<a href="javascript:goTo('terms/index.html')">Condizioni d'utilizzo</a> |
			<a href="javascript:goTo('complaint/index.html')">Reclami</a> |
			<a class="cursor-pointer nowrap" onclick="goToFaq()">Domande Frequenti</a>
		</div>
		<div class="payment">
			Metodo di pagamento
			<br />
			<img src="[@ resPath #]loghi_cc.svg" />
		</div>
	</div>
	<div>
		<div class="copy">
			<span>
				©2021
				<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
			(MI) | Numero iscrizione R.E.A. MI 000002089873 | Intermediario
			assicurativo soggetto al controllo dell'IVASS – Iscrizione RUI B000605123
			| Tel. +39 02 28095594 | PEC neosurance@legalmail.it
		</div>
	</div>
	<img src="[@ resPath #]pon.svg" />
</div>
`) 

T('login',`
<div class="modal_close" onclick="hideModal()">
	<img src="[@ resPath #]x.svg" />
</div>
<div id="login" class="login">
	<div class="product_name">AXA BeLive Polizza Cancro</div>
	<div class="modal_title">Accedi</div>
	<div class="modal_hint">
		Inserisci la tua mail, ti invieremo il magic link per accedere alla tua area personale
	</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 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(10px, 1.4vw, 54px);">
	<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">
		Entra per consultare e gestire la tua polizza.</div>
	<div id="rememberAndLogin" class="flex-center">
		<div class="center-center">
			<input style="margin-right: 12px;" type="checkbox" id="remember" checkbox />
			<label for="remember">Ricordami</label>
		</div>
		<button id="magicLogin_btn" class="center-center" onclick="magicLogin()">
			<img style="margin-right: 10px;width: 18px;" src="res/ico_user_white.svg">
			ENTRA
		</button>
	</div>
</div>
`)