<!-- Error rendering component -->
<!-- Could not render component '@cart--parkings' - component not found. -->
<!-- Error: Could not render component '@cart--parkings' - component not found.
at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at eval (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:102)
at Object.prog (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:268:12)
at Object.prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:92:17)
at Object.fn (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at fn (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:41:17)
at Object.applyAction (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:54:11)
at Array.reduce (<anonymous>)
at Object.block (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:171:43)
at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:15:104) -->
{{#extend "@template-master--checkout"}}
{{!-- HEADER --}}
{{#content "header"}}
{{ render "@header--progress" header merge=true }}
{{/content}}
{{!-- FOOTER --}}
{{#content "footer"}}
{{/content}}
{{!-- MAIN --}}
{{#content "main"}}
<div grid="grid" class="u-pt-space-64 o-sticky-container">
<div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
<div class="c-form">
{{ render "@cart--parkings" cart merge=true }}
</div>
</div>
<div grid="6@lg">
<h1 class="u-typo-level-6 u-color-night-100">Intestazione prenotazione</h1>
<div>
<div class="u-d--f u-fw--w u-my-space-24">
<div>
{{> @pictogram pictogram-email }}
</div>
<div>
{{> @button--icon-text btn-change-email }}
</div>
</div>
<form class="c-form">
<div grid="grid">
<div grid="12 6@md">{{> @input input-name }}</div>
<div grid="12 6@md">{{> @input input-surname }}</div>
<div grid="12 6@md">{{> @input input-phone }}</div>
</div>
</form>
</div>
{{!-- Vehicle --}}
<div class="u-mt-space-64 c-form">
<h2 class="u-typo-level-6 u-color-night-100">Il tuo autoveicolo</h2>
<p class="u-typo-level-2 u-color-night-100">Inserisci La targa del tuo autoveicolo. Non è un passaggio obbligatorio, ma <strong>ti consente di accedere più velocemente al parcheggio</strong> e senza necessità di presentare alcun documento</p>
<div grid="grid" class="u-mt-space-24">
<div grid="8@sm 6@md">
{{render "@input--license-plate" input-license-plate merge=true }}
</div>
</div>
</div>
{{!-- End vehicle --}}
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Metodi di pagamento</h2>
</div>
<form class="c-form u-mt-space-32 u-mt-space-64@md">
<div>
{{> @payment online-payment }}
</div>
{{!-- <div class="u-mt-space-40">
{{> @payment offline-payment }}
</div> --}}
<div class="u-mt-space-40">
{{> @checkbox checkbox-invoice }}
<div class="u-chkbx-toggleReceiver">
{{ render "@form--invoice" form-invoice merge=true }}
</div>
<div class="u-mt-space-24">
{{> @checkbox checkbox-conditions }}
</div>
</div>
</form>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Informazioni importanti</h2>
<div class="u-mt-space-24">
{{#each faqs-toll-collapsibles }}
{{> @collapsible }}
{{/each}}
</div>
</div>
</div>
</div>
{{ render "@dialog--online-payment-methods" dialog-online-payment-methods merge=true }}
{{ render "@dialog--offline-payment-methods" dialog-offline-payment-methods merge=true }}
{{!-- CHANGE EMAIL DIALOG --}}
{{#> @dialog change-email-dialog }}
<p class="c-dialog__title" id="{{ id }}-{{ dialog-labelledby }}" aria-hidden="true">{{ title }}</p>
<div class="c-dialog__text c-dialog__text--centered">
<p>Verificheremo se la nuova mail è associata ad un account già esistente.</p>
</div>
<div grid="grid" class="c-form u-mt-space-32">
<div grid="10@md offset-2@md">{{> @input dialog-email-input }}</div>
<div grid="10@md offset-2@md">{{> @input dialog-pwd-input }}</div>
</div>
<div class="u-centered u-mt-space-16">
{{> @button btn-confirm }}
</div>
{{/@dialog}}
{{!-- CHANGE EMAIL DIALOG --}}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "",
"header": {
"toolbarProgress": {
"moleculeProgress": {
"current-step": 4,
"steps": [
{
"text": "Scegli parcheggio",
"status": "data-step-complete"
},
{
"text": "Inserisci i dati",
"status": "data-step-complete"
},
{
"text": "Intestazione",
"status": "data-step-complete"
},
{
"text": "Checkout",
"status": "data-step-current"
}
]
}
}
},
"cart": {
"showProduct": true,
"showTelepassIcon": false,
"noDiscount": false,
"showModifyDates": true,
"showProductRecap": true,
"showAdditionals": false,
"showAddons": false,
"showCartTotal": true,
"showCartCta": true,
"hasLoading": false,
"cartTotal": {
"show": true,
"label": "Totale ordine",
"price": "100,99 €",
"netprice": "128,90 €"
},
"showVoucher": false,
"voucher-info": false
},
"user-recap": {
"items": [
{
"icon": {
"symbol": "ic-person-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "<strong>Mario Rossi</strong>"
},
{
"icon": {
"symbol": "ic-email-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "mario.rossi@gmail.com"
},
{
"icon": {
"symbol": "ic-call-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "+39 333 12 34 567"
},
{
"text": "via Garibaldi, 25"
},
{
"text": "40123, Bologna"
},
{
"text": "Italia"
}
],
"edit-link": {
"text": "Modifica dati",
"url": "#",
"svg": {
"symbol": "ic_mode_edit_black_24px",
"class": "svg-12"
}
}
},
"online-payment": {
"header": {
"title": "<strong>Paga online</strong> - Risparmia 27€",
"img": {
"src": "/images/svgs/stk-coupon.svg"
}
},
"payment-items": [
{
"radio": {
"id": "credit-cart",
"name": "payment-methods",
"text": "Carta di credito"
},
"pics": [
{
"src": "/images/svgs/visa2.svg",
"alt": "Visa"
},
{
"src": "/images/svgs/mastercard2.svg",
"alt": "Mastercard"
},
{
"src": "/images/svgs/amex.svg",
"alt": "American Express"
},
{
"src": "/images/svgs/jcb.svg",
"alt": "JCB"
}
]
},
{
"radio": {
"id": "satispay",
"name": "payment-methods",
"text": "Satispay"
},
"pics": [
{
"src": "/images/svgs/satispay.svg",
"alt": "Satispay"
}
]
}
],
"btn-info": {
"type": "button",
"text": "Informazioni sui pagamenti",
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"opens-dialog": "dialog-online-payment-methods"
}
},
"offline-payment": {
"header": {
"title": "<strong>Paga in aerostazione</strong> - Tariffa piena",
"img": {
"src": "/images/svgs/stk_prenotazioni.svg"
}
},
"payment-items": [
{
"radio": {
"id": "offline-method-1",
"name": "payment-methods",
"text": "<strong>Paga sul posto</strong> in contanti, bancomat, carte di credito o Easypark"
}
}
],
"btn-info": {
"type": "button",
"text": "Più informazioni",
"modifier": "c-button--as-link js-fr-dialogmodal-open",
"opens-dialog": "dialog-offline-payment-methods"
}
},
"checkbox-invoice": {
"id": "invoice",
"name": "invoice",
"text": "Desidero ricevere fattura per questa prenotazione",
"checkbox-class": "u-chkbx-toggle"
},
"checkbox-conditions": {
"id": "conditions",
"name": "conditions",
"text": "Ho letto e accetto le <a href='#'><strong>Condizioni generali di vendita dei servizi</strong></a>",
"required": "true"
},
"faqs-toll-collapsibles": [
{
"title": "Hai un Telepass, UnipolMove o altro telepedaggio?",
"text": "<p>Se acquisti il parcheggio online per garantirti un posto riservato, <strong>disattiva</strong> temporaneamente <strong>il dispositivo</strong> tramite l’app del servizio prima di accedere al parcheggio, in modo da <strong>evitare un doppio pagamento</strong>.</p><p>Preferisci pagare con il dispositivo di telepedaggio?</p><p>In questo caso non è possibile riservare il posto auto perché il pagamento con telepedaggio può avvenire solo al varco di uscita.</p>",
"id": "has-toll-device"
},
{
"title": "Cosa succede se la mia sosta è più lunga di quella acquistata?",
"text": "<p>Il costo della sosta è calcolato in base ai dati dichiarati in fase di ricerca. In caso di sosta più lunga di quella acquistata, al rientro dal viaggio, il sistema ti chiederà di corrispondere la sola differenza relativa alla sosta eccedente.</p>",
"id": "overstay-consequences"
}
],
"input-name": {
"label_id": "name-field",
"label_message": "Nome",
"label_class": "",
"atom-input": {
"id": "name-field",
"type": "text",
"value": "",
"required": true,
"hasNote": true,
"describedby": "name-note"
},
"note_id": "name-note",
"note_message": "Inserisci il nome dell’intestatario della prenotazione"
},
"input-surname": {
"label_id": "surname-field",
"label_message": "Cognome",
"label_class": "",
"atom-input": {
"id": "surname-field",
"type": "text",
"value": "",
"required": true,
"hasNote": true,
"describedby": "surname-note"
},
"note_id": "surname-note",
"note_message": "Inserisci il cognome dell’intestatario della prenotazione"
},
"input-phone": {
"label_id": "phone-field",
"label_message": "Telefono",
"label_class": "",
"atom-input": {
"id": "phone-field",
"type": "tel",
"value": "",
"required": false,
"hasNote": true,
"describedby": "phone-note"
},
"note_id": "phone-note",
"note_message": "Inserisci il numero di telefono sul quale sarà possibile contattarti"
},
"pictogram-email": {
"icon": {
"symbol": "ic-email-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "giulia.verdi@gmail.com"
},
"btn-change-email": {
"name": "default",
"type": "button",
"text": "Modifica email",
"modifier": "c-button--icon-text u-bg-color-sky-120 js-fr-dialogmodal-open",
"opens-dialog": "change-email-dialog",
"aria-label": "Apri la modale per modificare l'indirizzo e-mail",
"svg": {
"symbol": "ic_mode_edit_black_24px",
"class": "svg-16"
}
},
"change-email-dialog": {
"modifier": "c-dialog--medium",
"id": "change-email-dialog",
"dialog-labelledby": "dialog-title",
"title": "Modifica la mail",
"btn-confirm": {
"name": "default",
"type": "button",
"text": "Accedi",
"modifier": "c-button--submit"
},
"dialog-email-input": {
"name": "default",
"label_id": "dialog-email-input",
"label_message": "La tua email",
"label_class": "",
"atom-input": {
"id": "dialog-email-input",
"type": "email",
"class": "",
"placeholder": "",
"required": true,
"hasNote": true,
"describedby": "dialog-email-input-note"
},
"note_id": "dialog-email-input-note",
"note_message": "Sarà la mail che verrà associata al tuo ordine",
"note_class": ""
},
"dialog-pwd-input": {
"name": "default",
"label_id": "dialog-pwd-input",
"label_message": "Password",
"label_class": "",
"atom-input": {
"id": "dialog-pwd-input",
"type": "password",
"class": "",
"placeholder": "",
"required": true,
"hasNote": true,
"describedby": "dialog-pwd-input-note"
},
"note_id": "dialog-pwd-input-note",
"note_message": "Inserisci la password associata alla tua mail",
"note_class": ""
}
}
}
No notes defined.