<!-- Error rendering component -->
<!-- (unknown path)
  Error: Could not render component '@input--adress' - component not found. -->
<!-- Template render error: (unknown path)
  Error: Could not render component '@input--adress' - component not found.
    at Object._prettifyError (/opt/build/repo/node_modules/@frctl/nunjucks/node_modules/nunjucks/src/lib.js:36:11)
    at /opt/build/repo/node_modules/@frctl/nunjucks/node_modules/nunjucks/src/environment.js:563:19
    at eval (eval at _compile (/opt/build/repo/node_modules/@frctl/nunjucks/node_modules/nunjucks/src/environment.js:633:18), <anonymous>:333:12)
    at eval (eval at _compile (/opt/build/repo/node_modules/@frctl/nunjucks/node_modules/nunjucks/src/environment.js:633:18), <anonymous>:330:12)
    at eval (eval at _compile (/opt/build/repo/node_modules/@frctl/nunjucks/node_modules/nunjucks/src/environment.js:633:18), <anonymous>:275:12)
    at entity.render.then.catch (/opt/build/repo/node_modules/@frctl/nunjucks/src/extensions/render.js:47:25)
    at process._tickCallback (internal/process/next_tick.js:68:7) -->
{% set prevStepForLabel = 'intro-form-radio' %}

<div class="u-mb-base">
{% render "@stepper",{steps:steps},true %}
</div>

<form 
	id="{{mode}}-{{type}}-form" 
	class="fw__wrapper u-mb-large" 
	onsubmit="window.ga && ga( 'send', 'event', 'Community');"
	method="POST" 
	action="myPage.php"
	novalidate
	>
	<fieldset data-toggle="{{mode}}-{{type}}-fw__step" class="fw__inputs o-divider {{mode}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">

		<!-- hgroup -->
		<div class="u-text-center u-mb-large">
			<h1 class="u-heading-03">{{ page_title }}</h1>
			<p class="u-mb-large u-color-secondary">{{ page_subtitle }}</p>
		</div>
		<!-- end hgroup -->	
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Abbonamento [ NOME TESTATA ]</h4>
			<span class="u-label-07 u-block">Prezzo Promo $</span>
			<span class="u-label-07 u-block">Prezzo a seguire $</span>
			<span class="u-label-07 u-block"> Tot. $</span>
			<span class="u-label-07 u-block u-mb-small">Data prossimo rinnovo.</span>
			<span class="u-label-07 u-block u-color-info">Puoi disdire il tuo abbonamento quando vuoi.</span>
		</div>
		<!-- end product shoose-->	

		<!-- email field -->
		<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
			{% render "@input--default", {label:'Email*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
		</div>
		<!-- end email field -->

		<!-- payment method -->
		<h3 class="u-mb-large u-capitalize">Scegli metodo di pagamento</h3>
		<div class="c-accordion u-block u-mb-large">
		{% for method in methods %}
			<label>
					<input type="radio" class="u-none" name="c-accordion__choice">
					<div class="u-size-full u-cursor-pointer  c-accordion__label u-label-04 u-p-base u-flex  u-justify-between">
							<img src="{{method.icon}}" alt="{{method.name}}">
							<span class="u-label-04 u-color-base">{{ method.name }}</span>
							<svg class="o-icon o-icon--md" data-dd-icon>
									<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chevron-down"></use>
							</svg>
					</div>
					<div class="c-accordion__body">
							{% if method.slug == "creditcard" %}
							<!-- -->
							<fieldset data-toggle="{{method}}-{{type}}-fw__step" class="fw__inputs o-divider {{method}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
								<div class="u-mb-base {% if error %}c-form-error{% endif %} gggg">
									{% render "@input--default", {label:'Numero carta di credito', placeholder:'Placeholder tex', fieldLabel:'placeholderfieldLabel'}, true %}
								</div>
								<div class="u-flex u-column u-row@md">
									<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
										{% render "@select", {label:'Mese', fieldLabel:'placeholderfieldLabel'}, true %}
									</div>
									<div class="u-mb-base u-size-full u-size-1-2 {% if error %}c-form-error{% endif %}">
										{% render "@select", {label:'Anno', fieldLabel:'placeholderfieldLabel'}, true %}
									</div>
								</div>
								<div class="u-mb-base {% if error %}c-form-error{% endif %} gggg">
									{% render "@input--default", {label:'Intestatario', placeholder:'Placeholder tex', fieldLabel:'placeholderfieldLabel'}, true %}
								</div>
								<div class="u-mb-base {% if error %}c-form-error{% endif %} gggg">
									{% render "@input--default", {label:'CVV', placeholder:'Placeholder tex', fieldLabel:'placeholderfieldLabel'}, true %}
								</div>
							</fieldset>
							<!-- -->
							{% elif method.slug == "paypal" %}
							<!-- -->
							<fieldset data-toggle="{{method}}-{{type}}-fw__step" class="fw__inputs o-divider {{method}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
							dggdfgd
							</fieldset>
							<!-- -->
							{% endif %}
					</div>
			</label>

			{# <label class="u-block u-cursor-pointer">
				<input type="radio" value="payment-type" class="u-none" name="c-accordion__choice-{{method.slug}}" {% if method.checked %}checked{% endif %}>
				<div class="u-size-full u-cursor-pointer  c-accordion__label u-label-04 u-p-base u-flex  u-justify-between">
					<img src="{{method.icon}}" alt="{{method.name}}">
					<span class="u-label-04 u-color-base">{{ method.name }}</span>
				</div>
				<div class="c-accordion__body">
					afdsfsd
				</div>
			</label> #}
		{% endfor %}
		</div>
		<!-- end payment method -->

		<!-- require recipe -->
		<div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@checkbox", {label:'Richiesta fattura', placeholder:'Placeholder tex', fieldLabel:'placeholderfieldLabel'}, true %}
		</div>
		<!-- end require recipe -->

		<!-- legals -->
		<p class="u-label-07 u-color-secondary u-block u-mb-large">
			Proseguendo dichiari di accettare le <a href="">Condizioni di contratto</a> per l'erogazione del servizio richiesto
		</p>
		<!-- end legals -->

		<div class="fw__inputs o-divider__error">
			<p class="fw__inputs o-divider__error--message"></p>
		</div>

		<div class="u-mt-large">
			{% render "@stepcontrols", {
				submitForm: 'FALSE',
				actionLabel: actionLabel,
				prevStep: 'FALSE',
				prevStepForLabel: prevStepForLabel,
				nextStep: 'TRUE',
				prevStepIndex: 'FALSE',
				skipStep: 'FALSE',
				backLabel:'← Indietro',
				nextLabel:'Avanti →',
				mode: mode,
				type: type
			}, true %}
		</div>
	</fieldset>
	<fieldset data-toggle="{{mode}}-{{type}}-fw__step" class="fw__inputs o-divider {{mode}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
		<!-- login -->
		<div class="u-text-center u-mb-large">
			<h1 class="u-heading-03">{{ page_title }}</h1>
			<p class="u-mb-large u-color-secondary">{{ page_subtitle }}</p>
		</div>
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Abbonamento [ NOME TESTATA ]</h4>
			<span class="u-label-07 u-block">Prezzo Promo $</span>
			<span class="u-label-07 u-block">Prezzo a seguire $</span>
			<span class="u-label-07 u-block"> Tot. $</span>
			<span class="u-label-07 u-block u-mb-small">Data prossimo rinnovo.</span>
			<span class="u-label-07 u-block">Puoi disdire il tuo abbonamento quando vuoi.</span>
		</div>
		<!-- end product shoose-->
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Email acquisto: </h4>
			<span class="u-label-07 u-block">nomemail@email.it</span>
		</div>
		<!-- end product shoose-->
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Payment info:</h4>
			<span class="u-label-07 u-block">carta di credito VISA che finisce con ...987</span>
		</div>
		<!-- end product shoose-->
		<!-- social logins -->
		<div class="u-flex u-row">
			<div class="u-mb-base u-wrap-row">
				<a href="user--edit2021" class="c-btn c-btn--google u-justify-center u-flex u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">
					<svg class="o-icon o-icon--fill o-icon--sm u-mr-small@lg u-self-center">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-google"></use>
					</svg>
					<span class="u-none u-inline-block@sm">Google</span>
				</a>
			</div>
			<div class="u-mb-base u-mr-small u-ml-small u-wrap-row">
				<a href="user--edit2021" class="c-btn c-btn--facebook u-justify-center u-flex u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">
					<svg class="o-icon o-icon--fill o-icon--sm u-mr-small@lg u-self-center">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-facebook"></use>
					</svg>
					<span class="u-none u-inline-block@sm">Facebook</span>
				</a>
			</div>
			<div class="u-mb-base u-wrap-row">
				<a href="user--edit2021" class="c-btn c-btn--apple u-justify-center u-flex u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">
					<svg class="o-icon o-icon--fill o-icon--sm u-mr-small@lg u-self-center">
						<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-apple"></use>
					</svg>
					<span class="u-none u-inline-block@sm">Apple</span>
				</a>
			</div>
		</div>
		<!-- end social logins -->
		<p class="o-text-overline u-text-center u-my-large">
			<span class="o-text u-color-secondary">oppure procedi con email </span> {# uno dei seguenti servizi #}
		</p>
		<!-- tabs -->
		<ul class="u-flex u-justify-between u-wrap u-list-none u-m-none u-p-none">
				{% for tab in access %}
					{# {% if item.slug == "editSubscriptions" %} #}
					<li class="c-tab__item u-cursor-pointer u-p-base u-relative">
						<label for="form-radio-{{tab.slug}}" class="u-flex u-column u-items-center o-link-text u-cursor-pointer">
								<span class="u-label-04 u-block u-mt-xxsmall">{{tab.title}}</span>
						</label>
					</li>
					{# {% endif %} #}
				{% endfor %}
		</ul>
		<div class="c-tab">
			{% for tabcontent in access %}
				{% if tabcontent.slug == "login" %}
				<!-- native login -->
				<input type="radio" id="form-radio-{{tabcontent.slug}}" class="u-none u-absoute u-left u-top usize-full" name="c-tabs__choice">
				<div class="c-tab__content u-size-full u-p-none u-mt-base">
					{# <span class="u-label-04 u-block u-mt-xxsmall">{{tabcontent.title}}</span> #}
					<div class="u-mb-base {% if error %}c-form-error{% endif %}">
						{% render "@input--default", {label:'Email', placeholder:'nomemail@email.it', fieldLabel:'placeholderfieldLabel'}, true %}
					</div>
					<div class="u-mb-base {% if error %}c-form-error{% endif %}">
						{% render "@input--password", {label:'Password', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
					</div>
				</div>
				<!-- native login -->
				{% elif tabcontent.slug == "register" %}
				<!-- native signup -->
				<input type="radio" id="form-radio-{{tabcontent.slug}}" class="u-none u-absoute u-left u-top usize-full" name="c-tabs__choice">
				<div class="c-tab__content u-size-full u-p-none u-mt-base">
					{# <span class="u-label-04 u-block u-mt-xxsmall">{{tabcontent.title}}</span> #}
					<div class="u-flex u-column u-row@md">
						<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
							{% render "@input--default", {label:'Email*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
						</div>
						<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
							{% render "@input--password", {label:'Password*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
						</div>
					</div>
					<div class="u-flex u-column u-row@md">
						<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
							{% render "@input--default", {label:'Nome*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
						</div>
						<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
							{% render "@input--default", {label:'Cognome*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
						</div>
					</div>
					<div class="u-mb-base {% if error %}c-form-error{% endif %}">
						{% render "@input--adress", {label:'Indirizzo*', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
					</div>
					<!-- legals -->
					<div class="u-my-large">
						<strong class="u-mb-base">Autorizzo al trattamento dei miei dati per:</strong>
						{% for item in legals %}
						<div class="c-accordion c-accordion--borderless u-label-07">
							<p class="u-mb-base">
								{{item.description}}
							</p>
						</div>
						<div class="u-flex u-column u-row@md u-mb-base">
							<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
								{% render "@radio--default", {label:item.confirm, name:item.name, fieldLabel:'placeholderfieldLabel'}, true %}
							</div>
							<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
								{% render "@radio--default", {label:item.decline, name:item.name, fieldLabel:'placeholderfieldLabel'}, true %}
							</div>
						</div>
						{% endfor %}
					</div>
					<p class="u-label-07 u-color-secondary u-block u-mb-large">
						Completando la registrazione dichiaro di essere maggiorenne e di aver preso visione dell’ <a class="o-link-primary" href="https://citynews.it/privacy#gdpr&_ga=2.195002985.558624410.1646066405-2053839960.1623412359">Informativa Privacy</a> redatta ai sensi del Regolamento UE 679/2016 e di accettare i termini e le <a class="o-link-primary" href="https://citynews.it/termini-servizio#_ga=2.195002985.558624410.1646066405-2053839960.1623412359">condizioni del servizio</a>.
					</p>
					<!-- end legals -->
				</div>
				<!-- native signup -->
				{% endif %}
				
			{% endfor %}
		</div>
		<!-- end tabs -->
		<div class="u-mt-large">
			{% render "@stepcontrols", {
				submitForm: 'FALSE',
				actionLabel: actionLabel,
				prevStep: 'FALSE',
				prevStepForLabel: prevStepForLabel,
				nextStep: 'TRUE',
				prevStepIndex: 'FALSE',
				skipStep: 'FALSE',
				backLabel:'← Indietro',
				nextLabel:'Avanti →',
				mode: mode,
				type: type
			}, true %}
		</div>
		<!-- end login -->
	</fieldset>
	<fieldset data-toggle="{{mode}}-{{type}}-fw__step" class="fw__inputs o-divider {{mode}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
		{# <div class="u-m-large u-text-center">
			<img class="end-widzard-illustration" src="{{succededImg}}" alt="{{actionLabel }} illustration">
		</div> #}
		<div class="u-mb-large">
			<h2 class="u-heading-03 u-text-center">Ti ringraziamo per il tuo acquisto</h2>
			<p class="u-mb-large u-text-center">Il tuo abbonamento è stato attivato correttamente</p>
		</div>
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Abbonamento [ NOME TESTATA ]</h4>
			<span class="u-label-07 u-block">Prezzo Promo $</span>
			<span class="u-label-07 u-block">Prezzo a seguire $</span>
			<span class="u-label-07 u-block"> Tot. $</span>
			<span class="u-label-07 u-block u-mb-small">Data prossimo rinnovo.</span>
			<span class="u-label-07 u-block">Puoi disdire il tuo abbonamento quando vuoi.</span>
		</div>
		<!-- end product shoose-->
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Email acquisto: </h4>
			<span class="u-label-07 u-block">nomemail@email.it</span>
		</div>
		<!-- end product shoose-->
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Payment info:</h4>
			<span class="u-label-07 u-block">carta di credito VISA che finisce con ...987</span>
		</div>
		<!-- end product shoose-->
		<!-- product shoose-->
		<div class="u-mb-large">
			<h4 class="u-mb-none u-color-theme">Pair account: </h4>
			<span class="u-label-07 u-block">nomemail@email.it</span>
			<span class="u-label-07 u-block">Roberto</span>
			<span class="u-label-07 u-block">Leonarduzzi</span>
		</div>
		<!-- end product shoose-->
	</fieldset>	
	<fieldset data-toggle="{{mode}}-{{type}}-fw__step" class="fw__inputs o-divider {{mode}}-{{type}}-fw__step u-pl-none u-pr-none u-mb-medium">
		<!-- page hgroup -->
		<div class="u-mb-large">
			<h2 class="u-heading-03 u-text-center">Completa il tuo profilo personale</h2>
			<p class="u-mb-large u-text-center">Modifica le informazioni del profilo personale</p>
		</div>
		<!-- end page hgroup -->
		<!-- complete profile form -->
		<div class="u-mb-xlarge u-flex u-items-center u-column ">
			<div class="{% if error %}c-form-error{% endif %}">
				{% render "@input--avatar" %}
			</div>
			<div class="u-mt-base u-mt-none@sm u-ml-base@sm">
				<h3 class="u-title-05 u-mb-xsmall">Nome Cognome</h3>
				<span class="u-label-07 u-color-secondary u-block">email@mailservice.com</span>
			</div>
		</div>
		<div class="u-flex u-column u-row@md">
      <div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall {% if error %}c-form-error{% endif %}">
        {% render "@input--default", {label:'Nome*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
      </div>
      <div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md {% if error %}c-form-error{% endif %}">
        {% render "@input--default", {label:'Cognome*', placeholder:'', fieldLabel:'placeholderfieldLabel'}, true %}
      </div>
    </div>
		<div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@input--adress", {label:'Indirizzo*', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
		</div>
		<div class="u-mb-base u-size-full u-size-1-2 {% if error %}c-form-error{% endif %}">
			{% render "@select", {label:'Sesso', helper:false}, true %}
		</div>
		<div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@input--default", {label:'Anno di nascita', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
		</div>		
		<div class="u-flex u-column u-row@md ">
			<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall@md  {% if error %}c-form-error{% endif %}">
				{% render "@input--default", {label:'Impiego', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
			</div>
			<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall@md  {% if error %}c-form-error{% endif %}">
				{% render "@input--default", {label:'Settore', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
			</div>
		</div>
		{# <div class="u-mb-base {% if error %}c-form-error{% endif %}">
			{% render "@textarea--default", {label:'Biografia', placeholder:'', fieldLabel:'placeholderfieldLabel', helper:false}, true %}
		</div> #}
		<div class="u-mt-large">
			{% render "@stepcontrols", {
				submitForm: 'FALSE',
				actionLabel: actionLabel,
				prevStep: 'FALSE',
				prevStepForLabel: prevStepForLabel,
				nextStep: 'TRUE',
				prevStepIndex: 'FALSE',
				skipStep: 'TRUE',
				backLabel:'← Indietro',
				nextLabel:'Completa profilo',
				mode: mode,
				type: type
			}, true %}
		</div>
		<!-- end complete profile form -->
	</fieldset>
	<section data-toggle="{{mode}}-{{type}}-fw__step" class="fw__result {{mode}}-{{type}}-fw__step">
		
		{# <div class="u-m-large u-text-center">
			<img class="end-widzard-illustration" src="{{succededImg}}" alt=" {{actionLabel }} illustration">
		</div> #}

		<div class="u-mb-large">
			<h2 class="u-heading-03 u-text-center">Grazie e Benvenuto</h2>
			<p class="u-mb-large u-text-center">A breve riceverai una mail con il riepilogo dell’abbonamento attivato</p>
		</div>

		<div class="u-mb-large">
			<div class="u-mb-base">
				<a href="user--edit2021"
					class="c-btn c-btn--primary u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Torna all'articolo</a>
			</div>
			<div class="u-mb-base">
				<a href="homepage--cover"
					class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Vai al canale spotlight</a>
			</div>
			<div class="u-mb-base">
				<a href="#"
					class="c-btn c-btn--default u-label-04 u-cursor-pointer c-btn--large u-text-center u-block u-no-underline">Invia una segnalazione</a>
			</div>
		</div>

		<!-- app CTA -->
		<p class="o-text-overline u-text-center">
			<span class="o-text">Scarica l'app</span>
		</p>
		<a href="https://www.romatoday.it/~shared/do/api/mobile-app/get/?campaign=user_signup">
			<div class="u-flex u-row@md">
				<div class="u-mb-base u-size-full u-size-1-2 u-mr-xsmall">
					<img class="u-size-full" src="{{googlePlayStoreImg}}" alt="googlePlayStoreImg">
				</div>
				<div class="u-mb-base u-size-full u-size-1-2 u-ml-xsmall">
					<img class="u-size-full" src="{{iosAppStoreImg}}" alt="iosAppStoreImg">
				</div>
			</div>
		</a>
		<!-- end app CTA -->

			{# {% render "@form--buy", {
				methods: methods,
				type: type,
				actionLabel: actionLabel,
				billing: billing
			}, true %} #}

		<div id="results" class="u-mb-large u-mt-large"></div>
	</section>
</form>

{% render "@js--form", {
    type:type, 
    mode:mode
}, true %}
{
  "limit": 9,
  "stories": [
    {
      "index": 1,
      "title": "Coronavirus, la fase 2 tra sicurezza e libertà: tutte le idee per ripartire",
      "label": "Emergenza Coronavirus",
      "date": "ieri pomeriggio, 15:51",
      "author": "Violetto Gorrasi",
      "number": 1,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/51380415156697/coronavirus-ansa-4-2-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 2,
      "title": "Casa di riposo degli orrori: anziani legati e bastonati. Le immagini shock",
      "label": "Sei arresti",
      "date": "ieri pomeriggio, 15:51",
      "author": "Matteo Scarlino",
      "number": 2,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/19878683460037/casa-di-riposo-palermo-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 3,
      "title": "Coronavirus, negli Usa 2.500 morti in un giorno ma Trump \"ha fretta\" di riaprire",
      "label": "Esteri",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 3,
      "summary": "\"Ieri ci sono stati più di 500 morti e i casi totali sono ancora tanti\", dice Giovanni Rezza, direttore del Dipartimento malattie infettive. La richiesta della regione Lombardia di riaprire le attività produttive il 4 maggio ha preso in contropiede il governo",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/31908412136750/donald-trump-coronavirus-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 4,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 4,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 5,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Veronica Altimari",
      "number": 5,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 6,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Alberto Berlini",
      "number": 6,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 7,
      "title": "Turismo e coronavirus, quali località più colpite nell'estate 2020",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Ginevra Nozzoli",
      "number": 7,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-low/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/2304174717311/turismo-crisi-ansa-milano-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 8,
      "title": "Muore annegato nella piscina comunale il giorno prima di compiere 7 anni",
      "label": "Lo studio del Touring Club italiano",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 8,
      "summary": "Dramma nella piscina comunale a Brescia, in Via Rodi. Un bambino di 7 anni, Ansh S., è annegato. Le urla della mamma hanno allertato il bagnino, ma non c'è stato nulla da fare",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/65846868204321/pisicina-comunale-ansa-archivio-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    },
    {
      "index": 9,
      "title": "Riceve il reddito di cittadinanza, ma ha 40 case e percepisce 120mila euro d'affitto",
      "label": "Economia",
      "date": "ieri pomeriggio, 15:51",
      "author": "Fabio Grilli",
      "number": 9,
      "summary": "L'uomo è stato denunciato dalla Guardia di finanza a Lanciano, in provincia di Chieti. Gli immobili affittati, oltre quindici, secondo le Fiamme Gialle rendevano alla famiglia del beneficiario del sussidio oltre 120mila euro all'anno",
      "media": {
        "horizontal": "https://citynews-today.stgy.ovh/~media/horizontal-mid/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "vertical": "https://citynews-today.stgy.ovh/~media/vertical-hi/56625536121153/evasione-fiscale-controlli-finanza-ansa-2.jpg",
        "square": "https://citynews-romatoday.stgy.ovh/~media/square-hi/55989804286522/una-signora-con-il-carrello-della-spesa-al-mercato-plateatico-coperto-laurentino.jpg"
      }
    }
  ],
  "opinions": [
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "17 luglio, 2020",
      "author": "Carlo Sala"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "12 luglio, 2020",
      "author": "Massimiliano Dona"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "30 giugno, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 giugno, 2020",
      "author": "Marilia Parente"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "27 maggio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "13 aprile, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "11 aprile, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "04 marzo, 2020",
      "author": "Luciano Lanna"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "18 febbraio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "01 febbraio, 2020",
      "author": "Rossella Lamina"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "25 gennaio, 2020",
      "author": "Dario Balotta"
    },
    {
      "title": "Caso Dentix: quali tutele per i pazienti delle cliniche dentali",
      "date": "05 gennaio, 2020",
      "author": "Luciano Lanna"
    }
  ],
  "googlePlayStoreImg": "/assets/images/site/app/google_play_store.svg",
  "iosAppStoreImg": "/assets/images/site/app/ios_app_store.svg",
  "type": "buysignup",
  "steps": 4,
  "zoneRequired": true,
  "switchPrivacy": "Ho letto <a>fgddg</a>",
  "switchPersonalData": "Acconsento <a>fgddg</a>",
  "succededImg": "/assets/images/site/illustrations/end_wizard_succeded-min.svg",
  "billing": [
    {
      "item": null,
      "name": "billing",
      "label": "Mensile - dal 00/00/00 al 00/00/00"
    },
    {
      "item": null,
      "name": "billing",
      "label": "Annuale - dal 00/00/00 al 00/00/00"
    }
  ],
  "access": [
    {
      "item": null,
      "slug": "login",
      "title": "Accedi",
      "subtitle": "Scegli modalità di accesso"
    },
    {
      "item": null,
      "slug": "register",
      "title": "Registrati",
      "subtitle": "Scegli modalità di registrazione"
    }
  ],
  "legals": [
    {
      "item": null,
      "name": "legal2",
      "description": "Acconsento al trattamento dei miei dati personali per finalità di marketing \"diretto\" consistenti nell'invio, anche tramite modalità automatiche, di newsletters, comunicazioni commerciali e/o promozionali e materiale pubblicitario.",
      "confirm": "Do il consenso",
      "decline": "Non do il consenso"
    },
    {
      "item": null,
      "name": "legal3",
      "description": "Acconsento al trattamento dei miei dati personali per finalità di profilazione e ricerche di mercato, tramite strumenti di rilevazione dei gusti, delle preferenze, delle abitudini e/o del grado di soddisfazione della clientela.",
      "confirm": "Do il consenso",
      "decline": "Non do il consenso"
    },
    {
      "item": null,
      "name": "legal1",
      "description": "Dichiaro di aver letto e compreso l'informativa sul trattamento dei dati personali, accettando integralmente i termini e condizioni per l'utilizzo del servizio.",
      "confirm": "Accetto",
      "decline": "Non accetto"
    }
  ]
}

Forms templates

Items templates are used to display forms.

Parameters

  • type - toggle input email/phone, accepted values: login, logout, recovery, delete, activate, signup, edit, lead
  • mode - toggle input email/phone, accepted values: email, phone, social, user,
  • zoneRequired - toggle required zone fieldset, accepted values: bolean

Variants

  1. Default - Unused
  2. Login - Used for login form
  3. Logout - Used for logout form
  4. Delete - Used for delete account
  5. Recovery - Used for recovery credentials
  6. Activate - Used for activate account
  7. Signup - Used for new account registration
  8. Edit - Used for edit user profile
  9. Lead - Used for marketing lead generation