<a href='#maincontent' class='c-skip-navigation'>
Passa al contenuto principale
</a>
<header class="c-header c-header--progress">
<div class="c-header__inner">
<div class="c-header_orientation">
<div class="c-orientation ">
<div class="c-orientation__inner">
<div class="c-orientation__utilities">
<div class="c-menu">
<input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
<label for="toggle" data-opens-menu>
<span>Ciao</span><strong>Mario Rossi</strong>
<div class="c-menu__icon">
<img src="../../images/svgs/stk_profile_man.svg" alt="" aria-hidden="true" width="24">
<p class="c-menu__notify" aria-hidden="true">2</p>
</div>
<svg class="expanded-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_up_black_24px"></use>
</svg> <svg class="collapsed-text c-icon c-icon--24">
<use xlink:href="#ic_arrow_drop_down_black_24px"></use>
</svg> <span class="u-visuallyhidden expanded-text">Menù aperto</span>
<span class="u-visuallyhidden collapsed-text">Menù chiuso</span>
</label>
<div role="menu" data-menu-origin="right">
<div class="c-menu__booked-item c-menu__booked-item--multiple ">
<a href="../preview/page-reservation-detail.html" class="clickable-item">
<div class="c-media o-media c-media--booked-item">
<img class="c-media__figure o-media__figure" src="../../images/svgs/p1-2.svg" alt="Parcheggio P1 P2" height="" width="40">
<div class="c-media__body o-media__body">
Oggi hai un parcheggio prenotato al P1-2 <strong>alle ore 13:45</strong>
</div>
</div>
</a>
<a href="../preview/page-reservations-list.html">Vedi le altre prenotazioni di oggi</a>
</div>
<div class="c-menu__section">
<div class="image">
<img src="../../images/svgs/stk_prenotazioni.svg" alt="Prenotazioni" aria-hidden="true" width="60">
</div>
<ul aria-label="Prenotazioni">
<strong aria-hidden="true" class="title">Prenotazioni</strong>
<li><a href="../preview/page-dashboard.html">Dashboard</a></li>
<li><a href="../preview/page-reservations-list.html">Le tue prenotazioni</a></li>
<li><a href="../preview/page-orders-list.html">I tuoi ordini</a></li>
<li><a href="#">I tuoi voucher digitali (130€)</a></li>
<li><a href="#">I tuoi crediti agenzia (110€)</a></li>
</ul>
</div>
<div class="c-menu__section">
<div class="image">
<img src="../../images/svgs/stk_avatar.svg" alt="Profilo" aria-hidden="true" width="60">
</div>
<ul aria-label="Profilo">
<strong aria-hidden="true" class="title">Profilo</strong>
<li><a href="../preview/page-profile--default.html">Il tuo account</a></li>
<li><a href="../preview/page-billing-info.html">I tuoi dati di fatturazione</a></li>
<li><a href="#">Le mie auto</a></li>
<li><a href="../preview/page-privacy-settings.html">Le tue impostazioni privacy</a></li>
<li><a href="../preview/page-newsletter-sub.html">Le tue impostazioni newsletter</a></li>
</ul>
</div>
<div class="c-menu__section">
<div class="image">
<img src="../../images/svgs/stk_assistenza.svg" alt="Supporto" aria-hidden="true" width="60">
</div>
<ul aria-label="Supporto">
<strong aria-hidden="true" class="title">Supporto</strong>
<li><a href="#">Richiedi assistenza</a></li>
<li><a href="../preview/page-reclaims-list.html">I tuoi suggerimenti e reclami</a></li>
<li><a href="#">Richiedi assistenza</a></li>
</ul>
</div>
<a href="#" class="c-menu__invite">Esci</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-header__toolbar">
<div class='c-toolbar c-toolbar--minimal c-toolbar--progress'>
<div class='c-toolbar__inner'>
<div class='c-toolbar__left'>
<a href="" class='c-toolbar__logo'>
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
</div>
<div class='c-toolbar__center'>
<ol class="c-progress" tabindex="0" role="progressbar" aria-valuemin="1" aria-valuemax="4" aria-valuenow="4" aria-valuetext="Step 4 di 4: ">
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Scegli parcheggio</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Inserisci i dati</a>
</li>
<li class="c-progress__step " data-step-complete>
<a href="" data-extra-text="">Intestazione</a>
</li>
<li class="c-progress__step " data-step-current>
<a href="" data-extra-text="">Checkout</a>
</li>
</ol>
</div>
<div class='c-toolbar__right'>
<div class="c-toolbar__user">
</div>
<a href="#" class="c-link c-link--cart c-link--cart-large">
<p class="u-visuallyhidden">Carrello</p>
<span class="c-link__cart-icon">
<svg class="c-icon c-icon--cart">
<use xlink:href="#ic-shopping-cart-24px"></use>
</svg> <span class="c-link__cart-badge">5</span>
</span>
<span class="c-link__cart-content">
<span class="c-link__cart-label">Tempo residuo</span>
<span class="c-link__cart-timer">19:59</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</header>
<div class='c-overlay'></div>
<main class="" id='maincontent'>
<div grid="grid" class="u-pt-space-64">
<div grid="4@lg offset-8@lg last@lg">
<div class="block-desktop-cart">
<div class="c-cart">
<div class="c-cart__header">
<p class="c-cart__title">Il tuo carrello</p>
</div>
<div class="c-cart__body">
<div class="c-cart__items">
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P1 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">10/03/2025</p>
<p class="end-date">15/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p2.svg" alt="Parcheggio P2" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P2 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">16/03/2025</p>
<p class="end-date">20/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p3.svg" alt="Parcheggio P3" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P3 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">21/03/2025</p>
<p class="end-date">25/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p4.svg" alt="Parcheggio P4" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P4 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">26/03/2025</p>
<p class="end-date">30/03/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p5.svg" alt="Parcheggio P5" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P5 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">31/03/2025</p>
<p class="end-date">05/04/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-cart__item">
<div class="c-cart-item">
<div class="c-cart-item__block">
<div class="c-cart-item__img-container">
<img src="/images/svgs/p6.svg" alt="Parcheggio P6" class="c-cart-item__img">
</div>
<div class="c-cart-item__body">
<p class="c-cart-item__name">P6 Terminal</p>
<div class="c-cart-item__info">
<p class="start-date">04/05/2025</p>
<p class="end-date">07/05/2025</p>
<p class="qty">x2</p>
</div>
</div>
</div>
<div class="c-cart-item__block">
<p class="c-cart-item__price">15 €</p>
<div class="c-cart-item__cta">
<button type="button" class="c-cart-item__btn-delete js-fr-dialogmodal-open" aria-label="Elimina parcheggio" aria-controls="dialog-parking-item-deletion">
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<div class="c-cart__vouchers">
<div class="c-cart__vouchers-disclosure">
<div class="c-collapsible o-collapsible o-collapsible--raw o-collapsible--raw">
<p class="c-collapsible__title o-collapsible__title js-collapsible-title" id="">Voucher x3</p>
<div class="c-cart__voucher-items">
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE8567MH</span>
</div>
<div>
<span class="final">- 20,99 €</span>
</div>
</div>
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE1234KL</span>
</div>
<div>
<span class="final">- 40,00 €</span>
</div>
</div>
<div class="c-cart__voucher-item">
<div>
<span class="recap-label">Voucher TYPE9964IT</span>
</div>
<div>
<span class="final">- 20,40 €</span>
</div>
</div>
</div>
</div>
</div>
<div><span class="c-cart__vouchers-total">- 80,99 €</span></div>
</div>
</div>
<div class="c-cart__footer">
<div class="c-cart__total">
<p class="c-cart__total-label">Totale ordine</p>
<div class="c-cart__total-price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
<div class="c-cart__cta">
<button type="submit" class="c-button c-button--submit">
Procedi
</button>
</div>
<p class="cta-secondary-text">Oppure fai una <button type="button" class="c-button c-button--as-link">
nuova ricerca
</button></p>
</div>
</div>
</div>
<div class="block-mobile-cart">
<div class="c-cart c-cart--mobile">
<div class="c-cart__mob-wrapper">
<div class="c-cart__cta"><button type="submit" class="c-button c-button--submit">
Procedi
</button></div>
<div class="right-block">
<a href="#" class="cart-link">Carrello</a>
<div class="c-cart__total-price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div grid="6@lg">
<h1 class="u-typo-level-6 u-color-night-100">Intestazione prenotazione</h1>
<form class="c-form">
<fieldset class="u-mt-space-32 u-mt-space-64@md">
<legend>Dati dell’Agenzia</legend>
</fieldset>
<div>
<div class="c-user-data c-user-data--recap">
<div class="c-user-data__body">
<div class="c-user-data__list">
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-person-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text"><strong>Agenzia Viaggi Nome Placeholder</strong></p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-email-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">mario.rossi@gmail.com</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-call-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">+39 333 12 34 567</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">via Garibaldi, 25</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">40123, Bologna</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">Italia</p>
</div>
</div>
</div>
</div>
</div>
</div>
<fieldset class="u-mt-space-32 u-mt-space-64@md">
<legend>Dati del Cliente Prenotante</legend>
</fieldset>
<div>
<div class="c-user-data c-user-data--recap">
<div class="c-user-data__body">
<div class="c-user-data__list">
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-person-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text"><strong>Mario Rossi</strong></p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-email-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">mario.rossi@gmail.com</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic-call-black-24px"></use>
</svg> </span>
<p class="c-pictogram__text">+39 333 12 34 567</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">via Garibaldi, 25</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">40123, Bologna</p>
</div>
</div>
<div class="c-user-data__list-item">
<div class="c-pictogram">
<p class="c-pictogram__text">Italia</p>
</div>
</div>
</div>
</div>
<div class="c-user-data__actions">
<div class="c-user-data__action">
<a href="#" class="c-link c-link--text-icon ">
<span>Modifica dati</span>
<svg class="svg-12">
<use xlink:href="#ic_mode_edit_black_24px"></use>
</svg></a>
</div>
</div>
</div>
</div>
</form>
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Targa 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 class="u-mt-space-16">
<div class="c-form c-form--license-plate">
<div grid="grid">
<div grid="6@md"><label for="license-plate-field" class="" aria-label="">
Targa
<div class="input-license-plate">
<input id="license-plate-field" type="text" class="input-license-plate" placeholder="" value="" aria-describedby="license-plate-note">
</div>
<div class="c-field__note " id="license-plate-note">
La targa deve rispettare lo <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-license-plate-info"><strong>standard europeo</strong></button> (es. AA000AA)
</div>
</label>
<div class="c-dialog js-fr-dialogmodal " id="dialog-license-plate-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-license-plate-info-title">
<div role="document">
<p class="c-dialog__title" id="dialog-license-plate-info-title" aria-hidden="true">
La targa deve rispettare lo standard europeo
</p>
<p><strong>La targa deve rispettare lo standard europeo</strong></p>
<p>Il formato standard per le targhe automobilistiche europee include una striscia blu sul lato sinistro che mostra il simbolo dell'UE (un cerchio di 12 stelle) e il codice del paese dello stato membro. Il resto della targa presenta una serie di caratteri unici per ogni autoveicolo, con questi standard:</p>
<ul class='c-list--bulleted u-mt-space-8'>
<li>lunghezza minima 5</li>
<li>lunghezza massima 10</li>
<li>numeri 0-9</li>
<li>lettere A-Z</li>
</ul>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<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>
<div class="c-payment c-payment--disabled">
<div class="c-payment__header">
<img src="../../images/svgs/stk-coupon.svg" alt="" class="c-payment__header-img">
<p class="c-payment__title"><strong>Paga online</strong> - Risparmia 27€</p>
</div>
<ul class="c-payment__list c-form">
<li class="c-payment__list-item">
<div class="radio"><input type="radio" id="credit-cart" name="payment-methods" value="" class=" u-visuallyhidden">
<label class="" for="credit-cart">Carta di credito</label>
</div>
<div class="c-payment__pics" aria-label="Carte di credito accettate">
<img src="/images/svgs/visa2.svg" alt="Visa" class="c-payment__pic">
<img src="/images/svgs/mastercard2.svg" alt="Mastercard" class="c-payment__pic">
<img src="/images/svgs/amex.svg" alt="American Express" class="c-payment__pic">
<img src="/images/svgs/jcb.svg" alt="JCB" class="c-payment__pic">
</div>
</li>
<li class="c-payment__list-item">
<div class="radio"><input type="radio" id="satispay" name="payment-methods" value="" class=" u-visuallyhidden">
<label class="" for="satispay">Satispay</label>
</div>
<div class="c-payment__pics" aria-label="Carte di credito accettate">
<img src="/images/svgs/satispay.svg" alt="Satispay" class="c-payment__pic">
</div>
</li>
</ul>
<div class="c-payment__info"><button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-online-payment-methods">
Informazioni sui pagamenti
</button></div>
</div>
</div>
<div class="u-mt-space-24">
<div class="c-promo-codes o-collapsible o-collapsible--raw ">
<div class="c-promo-codes__header o-collapsible__title js-collapsible-title" id="promo-codes-accordion">
<img src="../../images/svgs/stk-voucher.svg" alt="" class="c-promo-codes__img">
<p>Utilizza i [110 €] di credito che hai a disposizione</p>
</div>
<div class="c-promo-codes__content">
<div class="c-promo-codes__items">
<div class="c-promo-codes__item">
<div class="c-selection c-selection--promo-code">
<input class="c-selection__checkbox u-visuallyhidden" type="checkbox" name="" id="-36">
<label class="c-selection__label" for="-36">
<span class="u-visuallyhidden">scadenza: 07/12/2025</span>
</label>
<div class="c-selection__input c-selection__input--checkbox"></div>
<p class="promo-code__value mobile">50€</p>
<div class="promo-code__contents">
<p class="promo-code__value desk">50€</p>
<p class="promo-code__due-date">scadenza: 07/12/2025</p>
<p class="promo-code__id">#ADV-1234</p>
</div>
</div>
</div>
<div class="c-promo-codes__item">
<div class="c-selection c-selection--promo-code">
<input class="c-selection__checkbox u-visuallyhidden" type="checkbox" name="" id="-13">
<label class="c-selection__label" for="-13">
<span class="u-visuallyhidden">scadenza: 07/12/2025</span>
</label>
<div class="c-selection__input c-selection__input--checkbox"></div>
<p class="promo-code__value mobile">30€</p>
<div class="promo-code__contents">
<p class="promo-code__value desk">30€</p>
<p class="promo-code__due-date">scadenza: 07/12/2025</p>
<p class="promo-code__id">#ADV-1235</p>
</div>
</div>
</div>
<div class="c-promo-codes__item">
<div class="c-selection c-selection--promo-code">
<input class="c-selection__checkbox u-visuallyhidden" type="checkbox" name="" id="-43">
<label class="c-selection__label" for="-43">
<span class="u-visuallyhidden">scadenza: 07/12/2025</span>
</label>
<div class="c-selection__input c-selection__input--checkbox"></div>
<p class="promo-code__value mobile">30€</p>
<div class="promo-code__contents">
<p class="promo-code__value desk">30€</p>
<p class="promo-code__due-date">scadenza: 07/12/2025</p>
<p class="promo-code__id">#ADV-1236</p>
</div>
</div>
</div>
</div>
<div class="c-promo-codes__info">
<p>Il sistema seleziona automaticamente i crediti con scadenza più vicina, e con l’importo necessario a coprire il costo del tuo acquisto corrente.</p>
<button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-credits-info">
Informazioni sui crediti
</button>
</div>
</div>
</div>
</div>
<div class="u-mt-space-40">
<input type="checkbox" id="invoice" name="invoice" class="u-visuallyhidden u-chkbx-toggle" role="group" aria-label="invoice">
<label for="invoice" class="">
<strong>Desidero ricevere fattura per questa prenotazione</strong>
</label>
<p class="u-typo-level-1 u-pl-space-24">(dopo l’acquisto non è più possibile richiedere l’emissione della fattura)</p>
<div class="u-chkbx-toggleReceiver">
<div class="u-mt-space-24">
<div class="c-highlight c-highlight--warning">
<p><strong>Come utente privato non hai l’obbligo di fatturazione</strong></p>
<p>La fattura è obbligatoria solo se stai acquistando per un'azienda o un professionista con partita IVA. Se non hai bisogno di una fattura fiscale, il riepilogo d'ordine che riceverai via email sarà sufficiente come prova d'acquisto.</p>
</div>
</div>
<div class="u-mt-space-24">
<h2 class="u-typo-level-6 u-color-night-100">Fatturazione</h2>
<p class="u-color-text-100">Dopo l’acquisto non è più possibile richiedere l’emissione della fattura.</p>
</div>
<div class="u-bg-color-night-10 u-radius-12 u-py-space-24 u-px-space-16 u-mt-space-32">
<div grid="grid" class="">
<div grid="6@sm"><label for="name-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-field" type="text" class="" placeholder="" value="" aria-describedby="name-note">
<p class="c-field__note " id="name-note">
Inserisci il nome
</p>
</label>
</div>
<div grid="6@sm"><label for="surname-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-field" type="text" class="" placeholder="" value="" aria-describedby="surname-note">
<p class="c-field__note " id="surname-note">
Inserisci il cognome
</p>
</label>
</div>
<div grid="12"><label for="fiscal-code-field" class="" aria-label="">
Codice fiscale <span class="required-marker" aria-hidden="true">*</span>
<input id="fiscal-code-field" type="text" class="" placeholder="" value="" aria-describedby="fiscal-code-note">
<p class="c-field__note " id="fiscal-code-note">
Inserisci il codice fiscale
</p>
</label>
</div>
</div>
<fieldset class="u-mt-space-32">
<legend>Indirizzo</legend>
<div grid="grid">
<div grid="8@sm"><label for="select-nation" class="" aria-label="">
Nazione <span class="required-marker" aria-hidden="true">*</span>
<select id="select-nation" class="" aria-describedby="select-nation-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-nation-note">
Seleziona la nazione
</em>
</label></div>
<div grid="4@sm"><label for="select-province" class="" aria-label="">
Provincia <span class="required-marker" aria-hidden="true">*</span>
<select id="select-province" class="" aria-describedby="select-province-note">
<option value="" disabled selected></option>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select>
<em class="c-field__note " id="select-province-note">
Seleziona la provincia
</em>
</label></div>
<div grid="8@sm"><label for="input-address-field" class="" aria-label="">
Indirizzo <span class="required-marker" aria-hidden="true">*</span>
<input id="input-address-field" type="text" class="" placeholder="" value="" aria-describedby="input-address-note">
<p class="c-field__note " id="input-address-note">
Inserisci il tuo indirizzo
</p>
</label>
</div>
<div grid="4@sm"><label for="input-address-number-field" class="" aria-label="">
N° civico <span class="required-marker" aria-hidden="true">*</span>
<input id="input-address-number-field" type="text" class="" placeholder="" value="" aria-describedby="input-address-number-note">
<p class="c-field__note " id="input-address-number-note">
Inserisci il tuo n° civico
</p>
</label>
</div>
<div grid="8@sm"><label for="input-city-field" class="" aria-label="">
Località <span class="required-marker" aria-hidden="true">*</span>
<input id="input-city-field" type="text" class="" placeholder="" value="" aria-describedby="input-city-note">
<p class="c-field__note " id="input-city-note">
Inserisci la tua località
</p>
</label>
</div>
<div grid="4@sm"><label for="input-cap" class="" aria-label="">
CAP <span class="required-marker" aria-hidden="true">*</span>
<input id="input-cap-field" type="text" class="" placeholder="" value="" aria-describedby="input-cap-note">
<p class="c-field__note " id="input-cap-note">
Inserisci il tuo CAP
</p>
</label>
</div>
<div grid="8@sm"><label for="input-born-place" class="" aria-label="">
Luogo di nascita
<input id="input-born-place-field" type="text" class="" placeholder="" value="" aria-describedby="input-born-place-note">
<p class="c-field__note " id="input-born-place-note">
Inserisci il luogo di nascita
</p>
</label>
</div>
<div grid="4@sm"><label for="born-date-field" class="is-datepicker" aria-label="">
Data di nascita
<input id="born-date-field" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="born-date-note">
<p class="c-field__note " id="born-date-note">
Inserisci la tua data di nascita
</p>
</label>
</div>
</div>
</fieldset>
<fieldset class="u-mt-space-32">
<legend>Contatti</legend>
<div grid="grid">
<div grid="6@sm"><label for="input-phone-field" class="" aria-label="">
Telefono
<input id="input-phone-field" type="tel" class="" placeholder="" value="" aria-describedby="input-phone-note">
<p class="c-field__note " id="input-phone-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@sm"><label for="input-mobile-phone-field" class="" aria-label="">
Cellulare
<input id="input-mobile-phone-field" type="tel" class="" placeholder="" value="" aria-describedby="input-mobile-phone-note">
<p class="c-field__note " id="input-mobile-phone-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
</div>
</fieldset>
<div class="u-mt-space-32">
<button type="button" class="c-button c-button--adding">
Aggiungi ai miei dati
</button>
</div>
</div>
</div>
<div class="u-mt-space-24">
<input type="checkbox" id="conditions" name="conditions" class="u-visuallyhidden " role="group" aria-label="conditions">
<label for="conditions" class="">
Ho letto e accetto le <a href='#'><strong>Condizioni generali di vendita dei servizi</strong></a><span class="required-marker" aria-hidden="true"> *</span>
</label>
</div>
</div>
</form>
</div>
</div>
<div class="c-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-online-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-online-payment-methods-title">
<div role="document">
<p class="c-dialog__title" id="dialog-online-payment-methods-title" aria-hidden="true" tabindex="0">Metodi di pagamento online</p>
<div class="u-mt-space-32">
<div class="c-table_cnt">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dettagli</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
<div class="u-d--f u-ai--c">
<img src="../../images/svgs/visa2.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/mastercard2.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/amex.svg" aria-hidden="true" alt="" width="36">
<img src="../../images/svgs/jcb.svg" aria-hidden="true" alt="" width="36">
</div>
</td>
<td data-label="Dettagli">Paga con i circuiti Visa, Mastercard, American Express e JCB.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
<div><img src="../../images/svgs/satispay.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli"><strong>Non sei ancora registrato a Satispay?</strong> Scarica l'app, crea un account e inserisci il nostro codice <strong>BLQAIRPORT</strong>. Riceverai 5€ di bonus.</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bonifici online</strong>
<div><img src="../../images/svgs/myb.svg" aria-hidden="true" alt=""></div>
</td>
<td data-label="Dettagli">Per ragioni tecniche, il servizio è temporaneamente sospeso. Ci scusiamo per il disagio.</td>
</tr>
</tbody>
</table>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog c-dialog--payment-methods js-fr-dialogmodal " id="dialog-offline-payment-methods">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-offline-payment-methods-title">
<div role="document">
<p class="c-dialog__title" tabindex="0" id="dialog-offline-payment-methods-title" aria-hidden="true">Metodi di pagamento in aeroporto per i Parcheggi</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">Alle colonnine di uscita del parcheggio</td>
<td data-label="Quando">Dopo il ritiro della vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al presidio parcheggi</p>
<p class="u-mt-space-24">Alle colonnine di uscita del parcheggio</p>
</td>
<td data-label="Quando">
<p>Prima di ritirare la vettura</p>
<p>Prima di ritirare la vettura</p>
<p class="u-mt-space-24">Dopo il ritiro della vettura</p>
</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Satispay</strong>
</td>
<td data-label="Dove">Al presidio parcheggi</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Contanti</strong>
</td>
<td data-label="Dove">
<p>Alle casse automatiche</p>
<p>Al Presidio parcheggi</p>
</td>
<td data-label="Quando">Prima di ritirare la vettura</td>
</tr>
</tbody>
</table>
</div>
</div>
<p class="c-dialog__title u-mt-space-112" tabindex="0">Metodi di pagamento in aeroporto per Vip Lounge</p>
<div class="u-mt-space-32">
<div class="c-table_cnt c-table_cnt--3-cols">
<table class="o-table c-table">
<thead>
<tr>
<th scope="col">Metodo</th>
<th scope="col">Dove</th>
<th scope="col">Quando</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" data-label="Metodo">
<strong>Carte di credito</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
<tr>
<td scope="row" data-label="Metodo">
<strong>Bancomat e Contanti</strong>
</td>
<td data-label="Dove">
<p>All’ingresso della Marconi Business Lounge</p>
<!-- To Endurance: replace with production URL instead staging -->
<a href="https://blq2022.staging.endurance.it/in-aeroporto/servizi/mappa-aerostazione/?idC=62211&loc=1963521"><strong>Guarda dove si trova ›</strong></a>
</td>
<td data-label="Quando">Al tuo arrivo in Aeroporto</td>
</tr>
</tbody>
</table>
</div>
</div>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="dialog-credits-info">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-credits-info-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-credits-info-dialog-title" aria-hidden="true">
Informazioni sui crediti
</p>
<p>
Le regole di applicazione dei crediti sono le seguenti:
<ul class="c-list--bulleted">
<li>Il sistema seleziona automaticamente i crediti con scadenza più vicina, e con l’importo necessario a coprire il costo del tuo acquisto corrente.</li>
<li>Puoi decidere se utilizzare tutti i crediti proposti o solo una parte. Eventuali importi residuipossono essere saldati con uno dei metodi di pagamento disponibili.</li>
<li>Non è possibile utilizzare i crediti in modo parziale: l'eventuale eccedenza rispetto all'importo dell'acquisto andrà perso.</li>
</ul>
</p>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
</main>
<div class="c-prefooter " role="banner">
<div class="c-prefooter__inner">
<div class="c-prefooter__col">
<div class="c-prefooter__item">
<h2>Hai bisogno di aiuto?</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Il presidio parcheggi è sempre aperto? <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
<div class="c-prefooter__col">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/prefooter.png" alt="" height="" width="170">
<div class="c-media__body o-media__body">
</div>
</div>
<div class="c-prefooter__item">
<h2>Ti potrebbero servire</h2>
<ul class="c-prefooter__list">
<li class="c-prefooter__faq">
<a href="#">Assistenza Clienti <span aria-hidden="true">→</span></a>
</li>
<li class="c-prefooter__faq">
<a href="#">Info e reclami <span aria-hidden="true">→</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer class="c-footer c-footer--minimal">
<div class='c-footer__inner'>
<div class="c-cityguide">
<div class="c-cityguide__brand">
<a href="" class="c-cityguide__logo">
<img src="../../images/svgs/logo-adb.svg" class="c-logo" alt="Homepage aeroporto di Bologna">
</a>
<div>
<div class="c-cityguide__socials">
<div class="c-socials">
<ul>
<li><a href="#" aria-label="instagram"><svg class="">
<use xlink:href="#ic-social-instagram"></use>
</svg></a></li>
<li><a href="#" aria-label="facebook"><svg class="">
<use xlink:href="#ic-social-facebook"></use>
</svg></a></li>
<li><a href="#" aria-label="twitter"><svg class="">
<use xlink:href="#ic-social-twitter"></use>
</svg></a></li>
<li><a href="#" aria-label="linkedin"><svg class="">
<use xlink:href="#ic-social-linkedin"></use>
</svg></a></li>
<li><a href="#" aria-label="youtube"><svg class="">
<use xlink:href="#ic-social-youtube"></use>
</svg></a></li>
</ul>
</div>
</div>
<div class="c-cityguide__lang">
<ul class="c-languages" aria-label="Seleziona la lingua del sito">
</ul>
</div>
<div class="c-cityguide__cta">
<p class="c-cityguide__text">Entra nel nostro team</p>
<a href="#" class="c-link c-link--sky ">
<span>Lavora con noi</span>
<svg class="svg-24">
<use xlink:href="#ic_chevron_right_black_24px"></use>
</svg></a>
</div>
</div>
</div>
</div>
<div class="c-copyright">
<div class="c-copyright__credits">
<p>
<strong><span aria-hidden="true">©</span>
Copyright 2018 Aeroporto Guglielmo Marconi di Bologna S.p.A.</strong>
- Tutti i diritti riservati<br />
Via Triumvirato, 84 - 40132 Bologna (BO) - Italy - Partita IVA:
03145140376 - Capitale sociale 90.314.162,00 Euro i.v. - R.E.A. Bo N.
268716
</p>
<ul>
<li><a href="#">Credits</a></li>
<li><a href="#">Informativa cookie</a></li>
<li><a href="#">Informativa Privacy – Reg. UE n.679/2016 (“GDPR”) e Codice Privacy s.m.i.</a></li>
<li><a href="https://www.bologna-airport.it/System/files/2018/Parcheggi/InformativaVideosorveglianza.pdf">Informativa
privacy videosorveglianza</a></li>
<li><a href="#">Dichiarazione di accessibilità</a></li>
<li><a href="#">Lavora con noi</a></li>
</ul>
</div>
<div class="c-copyright__partners">
<a href="https://defence-industry-space.ec.europa.eu/eu-aeronautics-industry/alliance-zero-emission-aviation_en">
<img class="c-copyright__partner" src="../../images/AZEA_logo_colour.jpg" alt="Azea logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/comunicati-stampa/netzero2050-l-aeroporto-di-bologna-si-impegna-a-raggiungere-%E2%80%9Cemissioni-zero%E2%80%9D-entro-il-2050/?idC=62420&idO=1699377&urlBack=back"><img class="c-copyright__partner" src="../../images/net_zero_logo.jpg" alt="Alt zero logo" />
</a>
<a href="https://www.bologna-airport.it/la-societa/sala-stampa/news/aeroporto-di-bologna-primo-in-italia-e-tra-i-primi-al-mondo-a-ricevere-l-aci-airport-health-accreditation-/?idC=62350&idO=1962968">
<img class="c-copyright__partner" src="../../images/aci_aha_2022.png" alt="ACI AHA logo" />
</a>
</div>
</div>
</div>
</footer>
<div class="c-dialog js-fr-dialogmodal " id="dialog-newsletter">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-newsletter-title">
<div role="document">
<p class="c-dialog__title" id="dialog-newsletter-title" aria-hidden="true">Iscriviti alla newsletter di Aeroporto di Bologna e riceverai periodicamente:</p>
<div class="c-advantages">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Promozioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Promozioni su Parcheggi, VIP Lounge e Voli</strong><br>Resta aggiornato su promozioni riguardanti i parcheggi ufficiali dell’Aeroporto, la VIP Lounge e sui voli in partenza da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Informazioni" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Informazioni su nuove tratte in partenza da Bologna</strong><br>Scopri in anteprima le tratte che potrai raggiungere con volo diretto da Bologna.
</div>
</div>
</div>
<hr aria-hidden="true">
<div class="c-advantages__item">
<div class="c-media o-media ">
<img class="c-media__figure o-media__figure" src="../../images/svgs/stk_faq.svg" alt="Programmazione eventi" height="" width="100">
<div class="c-media__body o-media__body">
<strong>Programmazione eventi</strong><br>Ricevi le news riguardanti gli eventi esclusivi all’interno della Marconi Business Lounge.
</div>
</div>
</div>
</div>
<form class="c-form">
<label for="email-newsletter" class="" aria-label="">
Indirizzo e-mail <span class="required-marker" aria-hidden="true">*</span>
<input id="email-newsletter" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="">
</label>
<input type="checkbox" id="agree-privacy" name="privacy" class="u-visuallyhidden " role="group" aria-label="agree-privacy">
<label for="agree-privacy" class="">
Ho letto e accettato <a href="#"><strong>l'informativa sulla privacy</strong></a>
</label> <button type="submit" class="c-button c-button--submit c-button--large">
Iscríviti
</button>
</form>
<button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
<svg class="c-icon c-icon--32">
<use xlink:href="#ic_close_black_24px"></use>
</svg> </button>
</div>
</div>
</div>
<script src="../../js/footer.min.js"></script>
<script>
flatpickr.localize(flatpickr.l10ns.it);
flatpickr(".js-flatpickr", {
dateFormat: "d F Y"
});
</script>
{{#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">
<div grid="4@lg offset-8@lg last@lg">
{{ render "@cart" cart merge=true }}
</div>
<div grid="6@lg">
<h1 class="u-typo-level-6 u-color-night-100">Intestazione prenotazione</h1>
<form class="c-form">
<fieldset class="u-mt-space-32 u-mt-space-64@md">
<legend>Dati dell’Agenzia</legend>
</fieldset>
<div>
{{> @user-data--recap agency-recap }}
</div>
<fieldset class="u-mt-space-32 u-mt-space-64@md">
<legend>Dati del Cliente Prenotante</legend>
</fieldset>
<div>
{{> @user-data--recap user-recap }}
</div>
</form>
{{!-- Vehicle --}}
<div class="u-mt-space-64">
<h2 class="u-typo-level-6 u-color-night-100">Targa 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 class="u-mt-space-16">
{{ render "@form--license-plate" form-license-plate merge=true }}
</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>
{{!-- Credits adv --}}
<div class="u-mt-space-24">
{{ render "@promo-codes" promo-codes merge=true }}
</div>
{{!-- End credits adv --}}
<div class="u-mt-space-40">
{{> @checkbox checkbox-invoice }}
<p class="u-typo-level-1 u-pl-space-24">(dopo l’acquisto non è più possibile richiedere l’emissione della fattura)</p>
<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>
</div>
{{ render "@dialog--online-payment-methods" dialog-online-payment-methods merge=true }}
{{ render "@dialog--offline-payment-methods" dialog-offline-payment-methods merge=true }}
{{#> @dialog dialog-credits-info }}
<p class="c-dialog__title" id="{{ id }}-{{ dialog-labelledby }}" aria-hidden="true">
{{ title }}
</p>
<p>
Le regole di applicazione dei crediti sono le seguenti:
<ul class="c-list--bulleted">
<li>Il sistema seleziona automaticamente i crediti con scadenza più vicina, e con l’importo necessario a coprire il costo del tuo acquisto corrente.</li>
<li>Puoi decidere se utilizzare tutti i crediti proposti o solo una parte. Eventuali importi residuipossono essere saldati con uno dei metodi di pagamento disponibili.</li>
<li>Non è possibile utilizzare i crediti in modo parziale: l'eventuale eccedenza rispetto all'importo dell'acquisto andrà perso.</li>
</ul>
</p>
{{/@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,
"showVoucher": false,
"voucher-info": false,
"productRecaps": [
{
"name": "Credito #ADV-1234",
"price": "-50,00€"
},
{
"name": "Credito #ADV-1235",
"price": "-30,00€"
},
{
"name": "Credito #ADV-1236",
"price": "-30,00€"
}
],
"cartTotal": {
"show": true,
"label": "Totale della tariffa scontata pagando online",
"price": "124,99 €",
"netprice": "158,90 €"
},
"highlight-alert": {
"modifier": "c-highlight--warning",
"text": "<p>L’eccedenza di <strong>10,00€</strong> dei pacchetti di crediti verrà perso. <button type=\"button\" class=\"c-button c-button--as-link js-fr-dialogmodal-open u-typo-weight-semibold u-color-night-120\" aria-controls=\"dialog-credits-info\"><strong>Informazioni sui crediti</strong></button></p>"
},
"cartCta": {
"type": "submit",
"text": "Conferma ordine",
"modifier": "c-button--submit c-button--elastic"
}
},
"agency-recap": {
"items": [
{
"icon": {
"symbol": "ic-person-black-24px",
"class": "c-icon--24 u-color-night-40"
},
"text": "<strong>Agenzia Viaggi Nome Placeholder</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": 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"
}
}
},
"form-license-plate": {
"car-name": null,
"checkbox-save-car": null,
"highlight-license-plate": null
},
"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"
},
"modifier": "c-payment--disabled"
},
"promo-code": {
"text": "scadenza: 07/12/2025",
"extra-text": "#ADV-1234",
"value": "50€"
},
"btn-info-credits": {
"type": "button",
"text": "Informazioni sui crediti",
"modifier": "c-button--as-link js-fr-dialogmodal-open u-typo-weight-semibold u-color-night-120",
"opens-dialog": "dialog-credits-info"
},
"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": "<strong>Desidero ricevere fattura per questa prenotazione</strong>",
"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"
},
"dialog-credits-info": {
"id": "dialog-credits-info",
"dialog-labelledby": "dialog-title",
"title": "Informazioni sui crediti"
}
}
No notes defined.