<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="3" aria-valuetext="Step 3 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-current>
<a href="" data-extra-text="">Intestazione</a>
</li>
<li class="c-progress__step " data-step-incomplete>
<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="c-form u-pt-space-64">
<div grid="12 10@xl offset-2@xl">
<div class="l-page-parking-assignment__header">
<h1 class="u-typo-level-6 u-color-night-100">Intesta i parcheggi</h1>
<input type="checkbox" id="checkbox-account-data" name="account-data" class="u-visuallyhidden " role="group" aria-label="checkbox-account-data">
<label for="checkbox-account-data" class="">
Usa i dati del tuo account per tutti i parcheggi
</label>
</div>
<div class="l-page-parking-assignment__check-in-items">
<div>
<div class="c-check-in c-check-in--assigned">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p2.svg" alt="Parcheggio P2" class="c-check-in__product-img">
<div class="c-check-in__product-info">
<a href="#" class="c-link c-link--spaceless">
Mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24 u-color-night-40">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div> <button type="button" class="c-button c-button--as-link btn-reset-style js-fr-dialogmodal-open" aria-controls="dialog-choice-license-plate-multiple">
Inserisci targa
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__cta">
<div class="assigned">
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small" aria-label="">
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_check_black_24px"></use>
</svg>
Intestato
</span> <button type="button" class="c-button c-button--as-link btn-reset-style js-btn-checkin-panel-open">
Modifica dati
</button>
</div>
<div>
<button type="button" class="c-button c-button--ghost btn-delete js-fr-dialogmodal-open" aria-label="Elimina" aria-controls="dialog-parking-item-deletion">
<span>Elimina</span>
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="c-check-in__panel js-checkin-panel">
<div class="c-check-in-form">
<div grid="grid" class="c-form c-form--label-bottom-less">
<div grid="12">
<input type="checkbox" id="use-account-data" name="use-account-data" class="u-visuallyhidden " role="group" aria-label="use-account-data">
<label for="use-account-data" class="">
Usa i dati del tuo account
</label>
</div>
<div grid="6@md">
<label for="name-text-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-text-field" type="text" class="" placeholder="" value="" aria-describedby="name-text-note">
<p class="c-field__note " id="name-text-note">
Inserisci il nome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="surname-text-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-text-field" type="text" class="" placeholder="" value="" aria-describedby="surname-text-note">
<p class="c-field__note " id="surname-text-note">
Inserisci il cognome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="phone-text-field" class="" aria-label="">
Telefono
<input id="phone-text-field" type="tel" class="" placeholder="" value="" aria-describedby="phone-text-note">
<p class="c-field__note " id="phone-text-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@md">
<label for="email-text-field" class="" aria-label="">
Email
<input id="email-text-field" type="email" class="" placeholder="" value="" aria-describedby="email-text-note">
<p class="c-field__note " id="email-text-note">
Inserisci l'indirizzo email sul quale sarà possibile contattarti
</p>
</label>
<div class="u-mt-space-8"><input type="checkbox" id="send-confirmation-email" name="send-confirmation-email" class="u-visuallyhidden " role="group" aria-label="send-confirmation-email">
<label for="send-confirmation-email" class="">
Invia a questa mail la conferma della prenotazione
</label>
</div>
</div>
<div grid="6@md">
<div class="add-license-plate">
<button type="button" class="c-button c-button--ghost js-fr-dialogmodal-open" aria-controls="dialog-choice-license-plate-multiple">
Aggiungi la targa
<svg class="c-icon c-icon--24">
<use xlink:href="#ic-add-24px"></use>
</svg>
</button>
<p class="add-license-plate-txt">Potrai accedere più velocemente al parcheggio e senza documento.</p>
</div>
</div>
</div>
<div class="c-check-in-form__footer">
<div class="c-check-in-form__actions">
<button type="button" class="c-button c-button--submit">
Conferma
</button> <button type="button" class="c-button c-button--ghost js-btn-checkin-panel-close">
Annulla
</button>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="dialog-choice-license-plate-multiple">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-choice-license-plate-multiple-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-choice-license-plate-multiple-dialog-title">Inserisci la targa</p>
<div class="u-mt-space-56">
<div class="c-form c-form--label-bottom-less u-mt-space-16">
<div class="u-my-space-12">
<input type="radio" id="radio-multiple-vehicles" name="vehicle" value="radio-multiple-vehicles" class="u-radio-toggle u-visuallyhidden">
<label class="" for="radio-multiple-vehicles">Scegli tra le targhe esistenti</label>
<div class="u-radio-toggleReceiver">
<div class="u-p-space-16 u-pl-space-24">
<label for="select-vehicles" class="" aria-label="">
Seleziona la targa: <span class="required-marker" aria-hidden="true">*</span>
<select id="select-vehicles" class="">
<option value="" disabled selected></option>
<option value="option-1">AB123CD - Auto Giulio</option>
<option value="option-2">EF456GH - Auto aziendale Tangible SRL SB</option>
<option value="option-3">IJ789KL - Auto Famiglia Rossi</option>
<option value="option-4">MN012OP - Auto Federica</option>
<option value="option-5">QR345ST - Auto Luigi</option>
</select>
</label>
</div>
</div>
</div>
<div class="u-my-space-12">
<input type="radio" id="radio-new-vehicle" name="vehicle" value="radio-new-vehicle" class="u-radio-toggle u-visuallyhidden">
<label class="" for="radio-new-vehicle">Inserisco una nuova targa</label>
<div class="u-radio-toggleReceiver">
<div class="u-p-space-16 u-pl-space-24">
<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 standard europeo (es. AA000AA)
</div>
</label>
</div>
<div grid="6@md"><label for="car-name" class="" aria-label="">
Nome autoveicolo
<input id="car-name" type="text" class="" placeholder="" value="" aria-describedby="car-name-note">
<p class="c-field__note " id="car-name-note">
Nei prossimi acquisti ti aiuterà a ricordare quale autoautoveicolo hai salvato
</p>
</label>
</div>
</div>
<div class="u-mt-space-24">
<div class="c-highlight ">
<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 veicolo.</p>
</div>
</div>
<div class="u-mt-space-24">
<input type="checkbox" id="checkbox-save-car" name="save-car" class="u-visuallyhidden " role="group" aria-label="checkbox-save-car">
<label for="checkbox-save-car" class="">
[Testo per salvataggio targa]
</label>
</div>
</div>
</div>
</div>
</div>
<div>
<input type="radio" id="radio-no-vehicle" name="vehicle" value="radio-no-vehicle" class=" u-visuallyhidden">
<label class="" for="radio-no-vehicle">Procedo senza targa</label>
<p class="u-typo-level-1 u-pl-space-24">Puoi inserire la targa fino a 6 ore dall’ingresso al parcheggio all’inerno della tua MyBlq.</p>
</div>
</div>
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--submit">
Salva
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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 c-dialog--small" id="dialog-parking-item-deletion">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-item-deletion-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-parking-item-deletion-dialog-title" aria-hidden="true">Vuoi eliminare il parcheggio dal carrello?</p>
<div class="c-dialog__text">
Questa operazione non può essere annullata
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--danger">
Elimina parcheggio
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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>
</div>
<div>
<div class="c-check-in">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p1.svg" alt="Parcheggio P1" class="c-check-in__product-img">
<div class="c-check-in__product-info">
<a href="#" class="c-link c-link--spaceless">
Mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
</div>
<div class="c-check-in__cta">
<button type="button" class="c-button c-button--adding btn-assign js-btn-checkin-panel-open">
Intesta parcheggio
</button> <button type="button" class="c-button c-button--ghost btn-delete js-fr-dialogmodal-open" aria-label="Elimina" aria-controls="dialog-parking-item-deletion">
<span>Elimina</span>
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__panel js-checkin-panel">
<div class="c-check-in-form">
<div grid="grid" class="c-form c-form--label-bottom-less">
<div grid="6@md">
<label for="name-text-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-text-field" type="text" class="" placeholder="" value="" aria-describedby="name-text-note">
<p class="c-field__note " id="name-text-note">
Inserisci il nome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="surname-text-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-text-field" type="text" class="" placeholder="" value="" aria-describedby="surname-text-note">
<p class="c-field__note " id="surname-text-note">
Inserisci il cognome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="phone-text-field" class="" aria-label="">
Telefono
<input id="phone-text-field" type="tel" class="" placeholder="" value="" aria-describedby="phone-text-note">
<p class="c-field__note " id="phone-text-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@md">
<label for="email-text-field" class="" aria-label="">
Email
<input id="email-text-field" type="email" class="" placeholder="" value="" aria-describedby="email-text-note">
<p class="c-field__note " id="email-text-note">
Inserisci l'indirizzo email sul quale sarà possibile contattarti
</p>
</label>
<div class="u-mt-space-8"><input type="checkbox" id="send-confirmation-email" name="send-confirmation-email" class="u-visuallyhidden " role="group" aria-label="send-confirmation-email">
<label for="send-confirmation-email" class="">
Invia a questa mail la conferma della prenotazione
</label>
</div>
</div>
<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 class="c-check-in-form__footer">
<div class="c-check-in-form__actions">
<button type="button" class="c-button c-button--submit">
Conferma
</button> <button type="button" class="c-button c-button--ghost js-btn-checkin-panel-close">
Annulla
</button>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--small" id="dialog-parking-item-deletion">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-item-deletion-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-parking-item-deletion-dialog-title" aria-hidden="true">Vuoi eliminare il parcheggio dal carrello?</p>
<div class="c-dialog__text">
Questa operazione non può essere annullata
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--danger">
Elimina parcheggio
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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>
</div>
<div>
<div class="c-check-in c-check-in--assigned">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p4.svg" alt="Parcheggio P4" class="c-check-in__product-img">
<div class="c-check-in__product-info">
<a href="#" class="c-link c-link--spaceless">
Mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
<div class="block-booking-data">
<p><strong>Dati prenotazione</strong></p>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_assigned_user_24px"></use>
</svg> </span>
<p class="c-pictogram__text">Mario Rossi</p>
</div>
<div class="c-pictogram">
<span class="c-pictogram__icon">
<svg class="c-icon--24">
<use xlink:href="#ic_directions_car_black_24px"></use>
</svg> </span>
<p class="c-pictogram__text">EB531LM</p>
</div>
</div>
</div>
<div class="c-check-in__cta">
<div class="assigned">
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small" aria-label="">
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_check_black_24px"></use>
</svg>
Intestato
</span> <button type="button" class="c-button c-button--as-link btn-reset-style js-btn-checkin-panel-open">
Modifica dati
</button>
</div>
<div>
<button type="button" class="c-button c-button--ghost btn-delete js-fr-dialogmodal-open" aria-label="Elimina" aria-controls="dialog-parking-item-deletion">
<span>Elimina</span>
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg>
</button>
</div>
</div>
</div>
<div class="c-check-in__panel js-checkin-panel">
<div class="c-check-in-form">
<div grid="grid" class="c-form c-form--label-bottom-less">
<div grid="12">
<input type="checkbox" id="use-account-data" name="use-account-data" class="u-visuallyhidden " role="group" aria-label="use-account-data">
<label for="use-account-data" class="">
Usa i dati del tuo account
</label>
</div>
<div grid="6@md">
<label for="name-text-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-text-field" type="text" class="" placeholder="" value="" aria-describedby="name-text-note">
<p class="c-field__note " id="name-text-note">
Inserisci il nome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="surname-text-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-text-field" type="text" class="" placeholder="" value="" aria-describedby="surname-text-note">
<p class="c-field__note " id="surname-text-note">
Inserisci il cognome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="phone-text-field" class="" aria-label="">
Telefono
<input id="phone-text-field" type="tel" class="" placeholder="" value="" aria-describedby="phone-text-note">
<p class="c-field__note " id="phone-text-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@md">
<label for="email-text-field" class="" aria-label="">
Email
<input id="email-text-field" type="email" class="" placeholder="" value="" aria-describedby="email-text-note">
<p class="c-field__note " id="email-text-note">
Inserisci l'indirizzo email sul quale sarà possibile contattarti
</p>
</label>
<div class="u-mt-space-8"><input type="checkbox" id="send-confirmation-email" name="send-confirmation-email" class="u-visuallyhidden " role="group" aria-label="send-confirmation-email">
<label for="send-confirmation-email" class="">
Invia a questa mail la conferma della prenotazione
</label>
</div>
</div>
<div grid="6@md">
<div class="edit-license-plate">
<div class="u-fg--1">
<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="AB12345" aria-describedby="license-plate-note" readonly>
</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>
<button type="button" class="c-button c-button--as-link edit-license-plate-btn js-fr-dialogmodal-open" aria-controls="dialog-add-license-plate">
Modifica targa
</button>
</div>
</div>
</div>
<div class="c-check-in-form__footer">
<div class="c-check-in-form__actions">
<button type="button" class="c-button c-button--submit">
Conferma
</button> <button type="button" class="c-button c-button--ghost js-btn-checkin-panel-close">
Annulla
</button>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal " id="dialog-add-license-plate">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-add-license-plate-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-add-license-plate-dialog-title">Aggiungi un nuovo autoveicolo</p>
<div class="u-mt-space-56">
<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 standard europeo (es. AA000AA)
</div>
</label>
</div>
<div grid="6@md"><label for="car-name" class="" aria-label="">
Nome autoveicolo
<input id="car-name" type="text" class="" placeholder="" value="" aria-describedby="car-name-note">
<p class="c-field__note " id="car-name-note">
Nei prossimi acquisti ti aiuterà a ricordare quale autoautoveicolo hai salvato
</p>
</label>
</div>
</div>
<div class="u-mt-space-24">
<div class="c-highlight ">
<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 veicolo.</p>
</div>
</div>
<div class="u-mt-space-24">
<input type="checkbox" id="checkbox-save-car" name="save-car" class="u-visuallyhidden " role="group" aria-label="checkbox-save-car">
<label for="checkbox-save-car" class="">
[Testo per salvataggio targa]
</label>
</div>
</div>
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--submit">
Salva
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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 c-dialog--small" id="dialog-parking-item-deletion">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-item-deletion-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-parking-item-deletion-dialog-title" aria-hidden="true">Vuoi eliminare il parcheggio dal carrello?</p>
<div class="c-dialog__text">
Questa operazione non può essere annullata
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--danger">
Elimina parcheggio
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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>
</div>
<div>
<div class="c-check-in">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/p3.svg" alt="Parcheggio P3" class="c-check-in__product-img">
<div class="c-check-in__product-info">
<a href="#" class="c-link c-link--spaceless">
Mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
</div>
<div class="c-check-in__cta">
<button type="button" class="c-button c-button--adding btn-assign js-btn-checkin-panel-open">
Intesta parcheggio
</button> <button type="button" class="c-button c-button--ghost btn-delete js-fr-dialogmodal-open" aria-label="Elimina" aria-controls="dialog-parking-item-deletion">
<span>Elimina</span>
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__panel js-checkin-panel">
<div class="c-check-in-form">
<div grid="grid" class="c-form c-form--label-bottom-less">
<div grid="6@md">
<label for="name-text-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-text-field" type="text" class="" placeholder="" value="" aria-describedby="name-text-note">
<p class="c-field__note " id="name-text-note">
Inserisci il nome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="surname-text-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-text-field" type="text" class="" placeholder="" value="" aria-describedby="surname-text-note">
<p class="c-field__note " id="surname-text-note">
Inserisci il cognome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="phone-text-field" class="" aria-label="">
Telefono
<input id="phone-text-field" type="tel" class="" placeholder="" value="" aria-describedby="phone-text-note">
<p class="c-field__note " id="phone-text-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@md">
<label for="email-text-field" class="" aria-label="">
Email
<input id="email-text-field" type="email" class="" placeholder="" value="" aria-describedby="email-text-note">
<p class="c-field__note " id="email-text-note">
Inserisci l'indirizzo email sul quale sarà possibile contattarti
</p>
</label>
<div class="u-mt-space-8"><input type="checkbox" id="send-confirmation-email" name="send-confirmation-email" class="u-visuallyhidden " role="group" aria-label="send-confirmation-email">
<label for="send-confirmation-email" class="">
Invia a questa mail la conferma della prenotazione
</label>
</div>
</div>
<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 class="c-check-in-form__footer">
<div class="c-check-in-form__actions">
<button type="button" class="c-button c-button--submit">
Conferma
</button> <button type="button" class="c-button c-button--ghost js-btn-checkin-panel-close">
Annulla
</button>
</div>
</div>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--small" id="dialog-parking-item-deletion">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-item-deletion-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-parking-item-deletion-dialog-title" aria-hidden="true">Vuoi eliminare il parcheggio dal carrello?</p>
<div class="c-dialog__text">
Questa operazione non può essere annullata
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--danger">
Elimina parcheggio
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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>
</div>
<div>
<div class="c-check-in">
<div class="c-check-in__wrapper">
<div class="c-check-in__summary">
<div class="c-check-in__product">
<img src="/images/svgs/car-valet.svg" alt="Parcheggio P2 Car Valet" class="c-check-in__product-img">
<div class="c-check-in__product-info">
<a href="#" class="c-link c-link--spaceless">
Mappa
<svg class="c-icon c-icon--16">
<use xlink:href="#ic_open_in_new_24px"></use>
</svg></a> <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-label="Apri la modale per consultare la mappa del parcheggio" aria-controls="dialog-p1-info">
Info
<svg class="c-icon--16">
<use xlink:href="#ic-info-serif"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__price">
<p class="initial-price">40,00 €</p>
<p class="final-price">20,00 €</p>
</div>
<div class="c-check-in__details">
<div class="block-date">
<div class="block-date__item">
<p><strong>Entrata</strong></p>
<p class="text-value">Dal <strong>15/03/2025</strong></p>
<p class="text-value">ore <strong>9:30</strong></p>
</div>
<div class="block-date__item">
<p><strong>Uscita</strong></p>
<p class="text-value">Al <strong>16/03/2025</strong></p>
<p class="text-value">ore <strong>19:30</strong></p>
</div>
</div>
</div>
<div class="c-check-in__cta">
<button type="button" class="c-button c-button--adding btn-assign js-btn-checkin-panel-open">
Intesta parcheggio
</button> <button type="button" class="c-button c-button--ghost btn-delete js-fr-dialogmodal-open" aria-label="Elimina" aria-controls="dialog-parking-item-deletion">
<span>Elimina</span>
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg>
</button>
</div>
</div>
<div class="c-check-in__panel js-checkin-panel">
<div class="c-check-in-form">
<div grid="grid" class="c-form c-form--label-bottom-less">
<div grid="6@md">
<label for="name-text-field" class="" aria-label="">
Nome <span class="required-marker" aria-hidden="true">*</span>
<input id="name-text-field" type="text" class="" placeholder="" value="" aria-describedby="name-text-note">
<p class="c-field__note " id="name-text-note">
Inserisci il nome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="surname-text-field" class="" aria-label="">
Cognome <span class="required-marker" aria-hidden="true">*</span>
<input id="surname-text-field" type="text" class="" placeholder="" value="" aria-describedby="surname-text-note">
<p class="c-field__note " id="surname-text-note">
Inserisci il cognome dell’intestatario della prenotazione
</p>
</label>
</div>
<div grid="6@md">
<label for="phone-text-field" class="" aria-label="">
Telefono
<input id="phone-text-field" type="tel" class="" placeholder="" value="" aria-describedby="phone-text-note">
<p class="c-field__note " id="phone-text-note">
Inserisci il numero di telefono sul quale sarà possibile contattarti
</p>
</label>
</div>
<div grid="6@md">
<label for="email-text-field" class="" aria-label="">
Email
<input id="email-text-field" type="email" class="" placeholder="" value="" aria-describedby="email-text-note">
<p class="c-field__note " id="email-text-note">
Inserisci l'indirizzo email sul quale sarà possibile contattarti
</p>
</label>
<div class="u-mt-space-8"><input type="checkbox" id="send-confirmation-email" name="send-confirmation-email" class="u-visuallyhidden " role="group" aria-label="send-confirmation-email">
<label for="send-confirmation-email" class="">
Invia a questa mail la conferma della prenotazione
</label>
</div>
</div>
<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 class="c-check-in-form__footer">
<div class="c-check-in-form__actions">
<button type="button" class="c-button c-button--submit">
Conferma
</button> <button type="button" class="c-button c-button--ghost js-btn-checkin-panel-close">
Annulla
</button>
</div>
</div>
</div>
</div>
</div>
<div class="c-check-in__fold">
<div class="c-fold">
<div class="c-fold__summary">
<p class="c-fold__summary-text">Al P2 Car Valet è possibile prenotare servizi aggiuntivi per la tua auto (<strong>lavaggio autovettura</strong> e <strong>pulizia interni</strong>)</p>
<button class="c-button c-button--as-link js-btn-fold-toggle c-fold__summary-cta" data-show-text="Mostra servizi" data-hide-text="Nascondi servizi" aria-expanded="false" aria-controls="fold-details">Mostra servizi</button>
</div>
<div id="fold-details" class="c-fold__details" aria-hidden="true">
<div class="c-fold__details-items">
<div class="c-fold__details-item">
<div class="c-upsell">
<div class="c-upsell__type">
<p class="c-upsell__name">Lavaggio autovettura</p>
<p class="c-upsell__mobile-price">8,00 € - 24,00 €</p>
</div>
<div class="c-upsell__details">
<div class="c-upsell__price">
<div class="c-upsell__price-item">
<div class="label">Prezzo min.</div>
<div class="value">8,00 €</div>
</div>
<div class="c-upsell__price-item">
<div class="label">Prezzo max.</div>
<div class="value">24,00 €</div>
</div>
</div>
<div class="c-upsell__toggle-block">
<button class="c-button c-upsell__toggle-btn" data-upsell-toggle aria-pressed="false">
Prenota servizio
</button>
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small js-upsell-booked-label" style="display: none;" aria-live="polite" role="status">
Prenotato
</span>
<button type="button" class="c-button c-button--ghost c-upsell__delete-btn" aria-label="Elimina servizio" data-upsell-delete style="display: none;">
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
<div class="c-fold__details-item">
<div class="c-upsell">
<div class="c-upsell__type">
<p class="c-upsell__name">Pulitura interni</p>
<p class="c-upsell__mobile-price">24,00 €</p>
</div>
<div class="c-upsell__details">
<div class="c-upsell__price">
<div class="c-upsell__price-item">
<div class="label">Prezzo max.</div>
<div class="value">24,00 €</div>
</div>
</div>
<div class="c-upsell__toggle-block">
<button class="c-button c-upsell__toggle-btn" data-upsell-toggle aria-pressed="false">
Prenota servizio
</button>
<span class="c-rounded-label c-rounded-label--positive c-rounded-label--small js-upsell-booked-label" style="display: none;" aria-live="polite" role="status">
Prenotato
</span>
<button type="button" class="c-button c-button--ghost c-upsell__delete-btn" aria-label="Elimina servizio" data-upsell-delete style="display: none;">
<svg class="c-icon--16">
<use xlink:href="#ic-trash"></use>
</svg> </button>
</div>
</div>
</div>
</div>
</div>
<p>Il pagamento di questi servizi avverrà solo una volta che ne avrai usufruito. Potrai pagarli presso il Presidio Parcheggi al piano terra del P2, prima del ritiro della tua auto</p>
</div>
</div>
</div>
<div class="c-dialog js-fr-dialogmodal c-dialog--small" id="dialog-parking-item-deletion">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-item-deletion-dialog-title">
<div role="document">
<p class="c-dialog__title" id="dialog-parking-item-deletion-dialog-title" aria-hidden="true">Vuoi eliminare il parcheggio dal carrello?</p>
<div class="c-dialog__text">
Questa operazione non può essere annullata
</div>
<div class="c-dialog__actions">
<button type="button" class="c-button c-button--danger">
Elimina parcheggio
</button> <button type="button" class="c-button c-button--ghost">
Annulla
</button>
</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>
</div>
</div>
<div class="u-mt-space-24">
<button type="button" class="c-button c-button--ghost js-fr-dialogmodal-open" aria-controls="dialog-parking-form">
Aggiungi altri parcheggi
</button>
</div>
<div class="l-page-parking-assignment__total">
<div class="l-page-parking-assignment__proceed">
<div class="c-total c-total--payment-type ">
<div class="c-total__values">
<div class="c-total__list">
<div class="list-item">
<div class="list-item__text">Totale parcheggi</div>
<div class="list-item__value">100,00 €</div>
</div>
<div class="list-item list-item--collapsible">
<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 parcheggio (3)</p>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">5,00 €</div>
</div>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">15,00 €</div>
</div>
<div class="list-item list-item--small">
<div class="list-item__text">Voucher PARK12345MH</div>
<div class="list-item__value">10,00 €</div>
</div>
</div>
<div class="list-item__value list-item__value--abs">-30,00 €</div>
</div>
</div>
<div class="c-total__final-price">
<span class="c-total__label">Totale:</span><span class="c-total__price">
70,00 €
</span>
</div>
</div>
</div>
<button type="button" class="c-button c-button--submit">
Salva e vai al checkout
</button>
</div>
</div>
</div>
</div>
<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal " id="dialog-parking-form">
<div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-title">
<div role="document">
<p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-title">Acquista il tuo parcheggio!</p>
<p class="c-dialog__text c-dialog__text--centered">
Indicaci le date, l’orario e scopri la migliore tariffa!
<br><br>
</p>
<div class="c-form c-form--parkings">
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#entrata-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="entrance-date" class="is-datepicker" aria-label="Scegli la data">
Entrata <span class="required-marker" aria-hidden="true">*</span>
<input id="entrance-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="entrance-date-note">
<p class="c-field__note " id="entrance-date-note">
Seleziona la data di entrata al parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="entrance-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="entrance-time" class="" aria-describedby="entrance-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="entrance-time-note">
Seleziona l'ora di ingresso al parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--icon">
<svg class="c-icon c-icon--32">
<use xlink:href="#uscita-parcheggio-24px"></use>
</svg>
</div>
<div class="c-form__el c-form__el--cal">
<label for="exit-date" class="is-datepicker" aria-label="Scegli la data">
Uscita <span class="required-marker" aria-hidden="true">*</span>
<input id="exit-date" type="date" class="" placeholder="Scegli la data" value="" aria-describedby="exit-date-note">
<p class="c-field__note " id="exit-date-note">
Seleziona la data di uscita dal parcheggio
</p>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="exit-time" class="" aria-label="">
Ore <span class="required-marker" aria-hidden="true">*</span>
<select id="exit-time" class="" aria-describedby="exit-time-note">
<option value="" disabled selected>00:00</option>
<option value="option-1">20:00</option>
<option value="option-2">20:15</option>
<option value="option-3">20:30</option>
<option value="option-4">20:45</option>
</select>
<em class="c-field__note " id="exit-time-note">
Seleziona l'ora di uscita dal parcheggio
</em>
</label>
</div>
<div class="c-form__el c-form__el--cal">
<label for="select-conventions" class="" aria-label="">
Convenzione:
<select id="select-conventions" class="" aria-describedby="select-conventions-note">
<option value="" disabled selected>Hai una convenzione?</option>
<option value="option-1">Alba Tour</option>
<option value="option-2">Alpitour</option>
<option value="option-3">Brixia Viaggi</option>
<option value="option-4">Club Med</option>
<option value="option-5">Domina Travel</option>
<option value="option-6">In Viaggi</option>
<option value="option-7">Marsupio Group</option>
<option value="option-8">Smeg S.p.A.</option>
<option value="option-9">Viaggi Idea</option>
</select>
<em class="c-field__note " id="select-conventions-note">
Seleziona un'opzione dal menù a tendina
</em>
</label>
</div>
<div class="c-form__el c-form__el--sel">
<label for="file-number" class="" aria-label="">
Numero pratica
<input id="file-number" type="text" class="" placeholder="es. AA46923757" value="" aria-describedby="file-number-note">
<p class="c-field__note " id="file-number-note">
Inserisci il numero di pratica della convenzione
</p>
</label>
</div>
<div class="c-form__el c-form__el--cta">
<button type="submit" class="c-button c-button--submit">
Cerca parcheggio
</button>
</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>
</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>
$.tangible.shortcutNavigation();
</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="c-form u-pt-space-64">
<div grid="12 10@xl offset-2@xl">
<div class="l-page-parking-assignment__header">
<h1 class="u-typo-level-6 u-color-night-100">Intesta i parcheggi</h1>
{{> @checkbox checkbox-account-data }}
</div>
<div class="l-page-parking-assignment__check-in-items">
<div>{{ render "@check-in--assigned" check-in-p2 merge=true }}</div>
<div>{{ render "@check-in--default" check-in-p1 merge=true }}</div>
<div>{{ render "@check-in--assigned-license-plate" check-in-p4 merge=true }}</div>
<div>{{ render "@check-in--default" check-in-p3 merge=true }}</div>
<div>{{ render "@check-in--folded" check-in-car-valet merge=true }}</div>
</div>
<div class="u-mt-space-24">
{{> @button btn-add-parkings }}
</div>
<div class="l-page-parking-assignment__total">
<div class="l-page-parking-assignment__proceed">
{{ render "@total--payment-type-complex" total-component merge=true }}
{{> @button btn-proceed }}
</div>
</div>
</div>
</div>
{{ render "@dialog--parking-form" }}
{{/content}}
{{!-- SCRIPTS JS --}}
{{#content "scripts" mode="append"}}
<script src="{{ path '/js/footer.min.js' }}"></script>
<script>
$.tangible.shortcutNavigation();
</script>
{{/content}}
{{/extend}}
{
"template-main-class": "",
"header": {
"toolbarProgress": {
"moleculeProgress": {
"current-step": 3,
"steps": [
{
"text": "Scegli parcheggio",
"status": "data-step-complete"
},
{
"text": "Inserisci i dati",
"status": "data-step-complete"
},
{
"text": "Intestazione",
"status": "data-step-current"
},
{
"text": "Checkout",
"status": "data-step-incomplete"
}
]
}
}
},
"checkbox-account-data": {
"id": "checkbox-account-data",
"name": "account-data",
"text": "Usa i dati del tuo account per tutti i parcheggi"
},
"check-in-p1": {
"product": {
"img": {
"src": "/images/svgs/p1.svg",
"alt": "Parcheggio P1"
}
}
},
"check-in-p2": {
"product": {
"img": {
"src": "/images/svgs/p2.svg",
"alt": "Parcheggio P2"
}
}
},
"check-in-p3": {
"product": {
"img": {
"src": "/images/svgs/p3.svg",
"alt": "Parcheggio P3"
}
}
},
"check-in-p4": {
"product": {
"img": {
"src": "/images/svgs/p4.svg",
"alt": "Parcheggio P4"
}
}
},
"check-in-car-valet": {
"product": {
"img": {
"src": "/images/svgs/car-valet.svg",
"alt": "Parcheggio P2 Car Valet"
}
}
},
"btn-add-parkings": {
"type": "button",
"text": "Aggiungi altri parcheggi",
"modifier": "c-button--ghost js-fr-dialogmodal-open",
"opens-dialog": "dialog-parking-form"
},
"total-component": {
"total-price": "70,00 €",
"initial-total": "100,00 €",
"discount-total": "-30,00 €",
"payment-detail-text": null,
"label-product": "Totale parcheggi",
"list": [
{
"text": "Voucher PARK12345MH",
"value": "5,00 €"
},
{
"text": "Voucher PARK12345MH",
"value": "15,00 €"
},
{
"text": "Voucher PARK12345MH",
"value": "10,00 €"
}
],
"disclosure": {
"modifier": "o-collapsible--raw",
"title": "Voucher parcheggio (3)"
}
},
"btn-proceed": {
"type": "button",
"text": "Salva e vai al checkout",
"modifier": "c-button--submit"
}
}
No notes defined.