<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__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="5" aria-valuenow="3" aria-valuetext="Step 3 di 5: ">

                            <li class="c-progress__step " data-step-complete>
                                <a href="" data-extra-text="">Scegli il volo</a>
                            </li>
                            <li class="c-progress__step " data-step-current>
                                <a href="" data-extra-text="">Dati dei passeggeri</a>
                            </li>
                            <li class="c-progress__step " data-step-incomplete>
                                <a href="" data-extra-text="">Dati di pagamento</a>
                            </li>
                            <li class="c-progress__step " data-step-incomplete>
                                <a href="" data-extra-text="">Preventivo</a>
                            </li>
                            <li class="c-progress__step " data-step-incomplete>
                                <a href="" data-extra-text="">Ricevi conferma</a>
                            </li>

                        </ol>
                    </div>

                    <div class='c-toolbar__right'>
                        <div class="c-menu">
                            <input type="checkbox" role="button" aria-haspopup="true" id="toggle" class="u-visuallyhidden">
                            <label for="toggle" data-opens-menu>
                                <span>Accedi a MyBLQ</span>
                                <img src="../../images/svgs/stk_generic-user.svg" alt="" role="presentation" aria-hidden="true" width="24">

                                <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__img">
                                    <img src="../../images/svgs/stk_generic-user.svg" alt="Accedi alla MyBLQ" aria-hidden="true" width="80">
                                </div>
                                <p class="c-menu__title">Accedi alla tua area MyBLQ</p>
                                <form action="" class="c-form c-form--menu">
                                    <label for="login_email" class="" aria-label="">

                                        e-mail

                                        <input id="login_email" type="email" class="" placeholder="Inserisci il tuo indirizzo e-mail" value="" aria-describedby="email-login-note">

                                        <p class="c-field__note u-visuallyhidden" id="email-login-note">
                                            Compila il campo inserendo il tuo indirizzo e-mail
                                        </p>

                                    </label>

                                    <label for="login-psw" class="has-password-button" aria-label="">

                                        password

                                        <input id="login-psw" type="password" class="" placeholder="Inserisci la tua password" value="" aria-describedby="psw-login-note" autocomplete="current-password">

                                        <button type="button" class="js-pwd-button" data-show-text="Mostra" data-hide-text="Nascondi" aria-label="Mostra password">Mostra</button>

                                        <p class="c-field__note u-visuallyhidden" id="psw-login-note">
                                            Compila il campo inserendo la password del tuo account
                                        </p>

                                    </label>

                                    <a href="/components/preview/insert-email" class="forgetful">Non ricordi la tua password?</a>
                                    <button type="button" class="c-button c-button--submit">

                                        Accedi

                                    </button>
                                </form>
                                <a href="/components/preview/page-choice-profile" class="c-menu__invite">Non hai un profilo MyBLQ? Registrati ora</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</header>
<div class='c-overlay'></div>

<main class="" id='maincontent'>

    <div grid="grid" class="u-pt-space-64 o-sticky-container">
        <div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
            <div class="c-cart__stickywrapper u-sticky u-sticky--top">
                <div class="c-cart ">
                    <input type="checkbox" id="cart-toggle" name="cart-toggle" class="u-visuallyhidden u-chkbx-toggle" aria-controls="cart-toggle-expanded" aria-label="Espandi per le informazioni del volo" role="switch">

                    <div class="c-cart__minimal">
                        <div class="c-cart__minimal-pass">
                            <div class="c-cart__passengers">
                                <svg class="c-icon c-icon--12">
                                    <use xlink:href="#ic-passenger"></use>
                                </svg> 1 passeggero
                            </div>
                            <label for="cart-toggle" class='c-cart__toggle c-cart__toggle--open'>
                                Più dettagli
                            </label>
                        </div>
                        <div class="c-cart__minimal-price">
                            <div class="c-cart__price">
                                350,18 €
                                <button type="button" class="btn-open-bill js-fr-dialogmodal-open" aria-controls="dialog-bill-detail" aria-label="Vedi il dettaglio del costo">
                                    <svg class="c-icon c-icon--18">
                                        <use xlink:href="#ic_info_black_24px"></use>
                                    </svg> </button>
                            </div>
                            <div class="c-cart__netprice">prezzo di partenza 128,90 €</div>
                        </div>
                    </div>

                    <div class="c-cart__expanded u-chkbx-toggleReceiver" id="cart-toggle-expanded">
                        <div class="c-cart__class-label"><span class="c-rounded-label c-rounded-label--dark c-rounded-label--small" aria-label="">

                                Economy
                            </span></div>
                        <div class="c-cart__title">Stai acquistando</div>
                        <div class='c-cart__routes'>
                            <div class="c-route ">

                                <div class="c-route__data">
                                    <div class="c-route__label">
                                        <strong>Andata</strong>
                                        <span class="c-route__date">Martedì, 07 marzo 2022</span>
                                    </div>

                                    <div class="c-route__flight-company">
                                        <span>Alitalia</span>
                                        <strong>EK 94</strong>
                                        <svg class="c-icon c-icon--16">
                                            <use xlink:href="#ic-plane"></use>
                                        </svg>
                                    </div>
                                </div>

                                <div class="c-route__journey">
                                    <div class='c-airport-info'>
                                        <strong class='c-airport-info__code'>Blq</strong>
                                        <strong class='c-airport-info__time'>15:35</strong>
                                        <p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
                                    </div>
                                    <div class='c-flight-stops'>
                                        <p>
                                            Durata del volo: <strong>4h 15min</strong>
                                        </p>

                                        <div class='line' aria-hidden='true'>
                                            <span class='line__stop'></span>
                                        </div>

                                        <div class='c-flight-stops__label'>
                                            <span>
                                                1 scalo
                                            </span>
                                        </div>
                                    </div>
                                    <div class='c-airport-info'>
                                        <strong class='c-airport-info__code'>Dxb</strong>
                                        <strong class='c-airport-info__time'>23:30</strong>
                                        <p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
                                    </div>
                                </div>

                            </div>

                            <div class="c-route ">

                                <div class="c-route__data">
                                    <div class="c-route__label">
                                        <strong>Ritorno</strong>
                                        <span class="c-route__date">Martedì, 14 marzo 2022</span>
                                    </div>

                                    <div class="c-route__flight-company">
                                        <span>Alitalia</span>
                                        <strong>EK 94</strong>
                                        <svg class="c-icon c-icon--16">
                                            <use xlink:href="#ic-plane"></use>
                                        </svg>
                                    </div>
                                </div>

                                <div class="c-route__journey">
                                    <div class='c-airport-info'>
                                        <strong class='c-airport-info__code'>Dxb</strong>
                                        <strong class='c-airport-info__time'>15:35</strong>
                                        <p class='c-airport-info__name'><strong>Dubai</strong>, International</p>
                                    </div>
                                    <div class='c-flight-stops'>
                                        <p>
                                            Durata del volo: <strong>3h 25min</strong>
                                        </p>

                                        <div class='line' aria-hidden='true'>
                                            <span class='line__stop'></span>
                                        </div>

                                        <div class='c-flight-stops__label'>
                                            <span>
                                                Volo diretto
                                            </span>
                                        </div>
                                    </div>
                                    <div class='c-airport-info'>
                                        <strong class='c-airport-info__code'>Blq</strong>
                                        <strong class='c-airport-info__time'>23:30</strong>
                                        <p class='c-airport-info__name'><strong>Bologna</strong>, Guglielmo Marconi</p>
                                    </div>
                                </div>

                            </div>

                        </div>

                        <div class='c-cart__total'>

                            <div class="c-cart__features">
                                <ul class="c-icon-list" aria-label="Caratteristiche di questa prenotazione">
                                    <li class="c-icon-list__item c-icon-list__item--disabled">
                                        <svg class="c-icon c-icon--24">
                                            <use xlink:href="#ic-no-euro-symbol-24px"></use>
                                        </svg> <span class="c-icon-list__text">Non rimborsabile</span>
                                    </li>
                                    <li class="c-icon-list__item ">
                                        <svg class="c-icon c-icon--24">
                                            <use xlink:href="#ic-euro-symbol-24px"></use>
                                        </svg> <span class="c-icon-list__text">Rimborsabile</span>
                                    </li>
                                    <li class="c-icon-list__item c-icon-list__item--disabled">
                                        <svg class="c-icon c-icon--24">
                                            <use xlink:href="#ic_no_edit_black_24px"></use>
                                        </svg> <span class="c-icon-list__text">Non Modificabile</span>
                                    </li>
                                    <li class="c-icon-list__item ">
                                        <svg class="c-icon c-icon--24">
                                            <use xlink:href="#ic_mode_edit_black_24px"></use>
                                        </svg> <span class="c-icon-list__text">Modificabile</span>
                                    </li>
                                </ul>
                            </div>

                            <div class="c-cart__digit">
                                <div class="c-cart__price">
                                    350,18 €
                                    <button type="button" class="btn-open-bill js-fr-dialogmodal-open" aria-controls="dialog-bill-detail" aria-label="Vedi il dettaglio del costo">
                                        <svg class="c-icon c-icon--18">
                                            <use xlink:href="#ic_info_black_24px"></use>
                                        </svg> </button>
                                </div>
                                <div class="c-cart__passengers"><svg class="c-icon c-icon--12">
                                        <use xlink:href="#ic-passenger"></use>
                                    </svg> 1 passeggero</div>
                                <div class="c-cart__netprice">prezzo di partenza 128,90 €</div>
                            </div>
                        </div>

                        <div class='c-cart__footer'>
                            <label for="cart-toggle" class='c-cart__toggle c-cart__toggle--close'>
                                Meno dettagli
                            </label>

                        </div>
                    </div>

                </div>
            </div>

            <div class="c-dialog js-fr-dialogmodal c-dialog--bill-detail " id="dialog-bill-detail">
                <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-bill-detail-title">
                    <div role="document">
                        <p class="c-dialog__title" id="dialog-bill-detail-title" aria-hidden="true">Dettaglio del costo</p>

                        <table width="100%">
                            <tr>
                                <td class="desc">Costo per persona:</td>
                                <td class="price">
                                    <p><strong>€ 120,00</strong> x 1 adulto</p>
                                    <p><strong>€ 120,00</strong> x 1 adulto</p>
                                    <p><strong>€ 120,00</strong> x 1 adulto</p>
                                </td>
                            </tr>
                            <tr>
                                <td class="desc">Tasse per persona:</td>
                                <td class="price">
                                    <p><strong>€ 120,00</strong> x 1 adulto</p>
                                    <p><strong>€ 120,00</strong> x 1 adulto</p>
                                </td>
                            </tr>
                            <tr>
                                <td class="desc">Totale per tutti i passeggeri:</td>
                                <td class="price">
                                    <p><strong>€ 120,00</strong></p>
                                </td>
                            </tr>
                            <tr>
                                <td class="desc">Spese di agenzia:</td>
                                <td class="price">
                                    <p>+ <strong>€ 15,00</strong> x 1 adulto</p>
                                    <p>+ <strong>€ 15,00</strong> x 1 adulto</p>
                                    <p>+ <strong>€ 15,00</strong> x 1 adulto</p>
                                </td>
                            </tr>
                            <tr>
                                <td class="desc">Totale:</td>
                                <td class="price">
                                    <p><strong>€ 790,00</strong></p>
                                </td>
                            </tr>
                        </table>
                        <div class="u-mt--medium">
                            <p class="clean"><small><strong>Andata BLQ - DXB:</strong> Non incluso bagaglio da stiva</small></p>
                            <p class="clean"><small><strong>Ritorno DXB - BLQ:</strong> bagaglio da stiva incluso</small></p>
                        </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 grid="6@lg">
            <div class="o-flexgrid o-flexgrid--antipodes">
                <div class="o-flexgrid__item">
                    <h1 class="u-typo-level-6 u-color-night-100">Inserisci i dati dei passeggeri</h1>
                </div>
                <div class="o-flexgrid__item">
                    <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
                </div>
            </div>

            <div class="c-user-data">
                <div class="c-user-data__body">
                    <p class="c-user-data__title">1° Passeggero (Adulto)</p>
                    <p class="c-user-data__name">Mario Rossi</p>
                </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>
            <p class="u-typo-level-4 u-color-night-100 u-typo-weight-semibold u-mt-space-16 u-mt-space-32@md">2° Passeggero (Adulto)</p>
            <div class="u-mt-space-16 u-mt-space-8@md">
                <input type="checkbox" id="checkbox-booking" name="checkbox-booking" class="u-visuallyhidden " role="group" aria-label="checkbox-booking">

                <label for="checkbox-booking" class="">
                    Sto prenotando per un’altra persona - <strong>NB.</strong> Il 1° passeggero è l'intestatario della pratica
                </label>
            </div>
            <form class="c-form u-mt-space-32 u-mt-space-64@md">

                <fieldset>
                    <legend>Anagrafica del passeggero</legend>
                    <div grid="grid 6@sm">
                        <div><label for="select-title" class="" aria-label="">
                                Titolo <span class="required-marker" aria-hidden="true">*</span>
                                <select id="select-title" class="" aria-describedby="select-title-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-title-note">
                                    Seleziona il titolo
                                </em>
                            </label></div>
                    </div>
                    <div grid="grid 6@sm">
                        <div><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><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>
                    <div grid="grid 6@sm 4@md">
                        <div><label for="born-date-field" class="is-datepicker" aria-label="">

                                Data di nascita <span class="required-marker" aria-hidden="true">*</span>

                                <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><label for="phone-field" class="" aria-label="">

                                Numero di telefono <span class="required-marker" aria-hidden="true">*</span>

                                <input id="phone-field" type="phone" class="" placeholder="" value="" aria-describedby="phone-note">

                                <p class="c-field__note " id="phone-note">
                                    Aggiungi prefisso internazionale
                                </p>

                            </label>

                        </div>
                        <div><label for="select-genre" class="" aria-label="">
                                Sesso <span class="required-marker" aria-hidden="true">*</span>
                                <select id="select-genre" class="" aria-describedby="select-genre-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-genre-note">
                                    Seleziona il tuo sesso
                                </em>
                            </label></div>
                    </div>
                </fieldset>

                <fieldset class="u-mt-space-32 u-mt-space-64@md">
                    <legend>Titoli di viaggio</legend>
                    <div grid="grid 6@sm">
                        <div><label for="identity-doc-number-field" class="" aria-label="">

                                Numero documento di identità <span class="required-marker" aria-hidden="true">*</span>

                                <input id="identity-doc-number-field" type="text" class="" placeholder="" value="" aria-describedby="identity-doc-number-note">

                                <p class="c-field__note " id="identity-doc-number-note">
                                    Inserisci il numero del passaporto o della carta di identità
                                </p>

                            </label>

                        </div>
                        <div><label for="select-identity-nation" class="" aria-label="">
                                Nazione di emissione <span class="required-marker" aria-hidden="true">*</span>
                                <select id="select-identity-nation" class="" aria-describedby="select-identity-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-identity-nation-note">
                                    Seleziona la nazione di emissione del documento
                                </em>
                            </label></div>
                        <div><label for="input-identiy-doc-expire-field" class="is-datepicker" aria-label="">

                                Data di scadenza <span class="required-marker" aria-hidden="true">*</span>

                                <input id="input-identiy-doc-expire-field" type="date" class="js-flatpickr flatpickr-input" placeholder="" value="" aria-describedby="input-identiy-doc-expire-note">

                                <p class="c-field__note " id="input-identiy-doc-expire-note">
                                    Seleziona la data di scadenza del documento
                                </p>

                            </label>

                        </div>
                        <div><label for="select-nationality" class="" aria-label="">
                                Nazionalità <span class="required-marker" aria-hidden="true">*</span>
                                <select id="select-nationality" class="" aria-describedby="select-nationality-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-nationality-note">
                                    Seleziona la tua nazione
                                </em>
                            </label></div>
                        <div><label for="select-frequent-flyer" class="" aria-label="">
                                Sei un frequent flyer? <span class="required-marker" aria-hidden="true">*</span>
                                <select id="select-frequent-flyer" class="" aria-describedby="select-frequent-flyer-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-frequent-flyer-note">
                                    Seleziona la compagnia aerea
                                </em>
                            </label></div>
                        <div><label for="fidelity-card-number-field" class="" aria-label="">

                                Numero fidelity card <span class="required-marker" aria-hidden="true">*</span>

                                <input id="fidelity-card-number-field" type="text" class="" placeholder="" value="" aria-describedby="fidelity-card-number-note">

                                <p class="c-field__note " id="fidelity-card-number-note">
                                    Inserisci il numero della carta fedeltà
                                </p>

                            </label>

                        </div>
                    </div>
                </fieldset>

                <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
                    <legend>Richieste speciali e pasti</legend>
                    <div grid="grid 12">
                        <div><label for="select-meal" class="" aria-label="">
                                Preferenze di pasto
                                <select id="select-meal" class="" aria-describedby="select-meal-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-meal-note">
                                    Seleziona un'opzione
                                </em>
                            </label></div>
                        <div><label for="select-assistance" class="" aria-label="">
                                Assistenza
                                <select id="select-assistance" class="" aria-describedby="select-assistance-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-assistance-note">
                                    Seleziona un'opzione
                                </em>
                            </label></div>
                        <div><label for="select-disability" class="" aria-label="">
                                Disabilità motoria
                                <select id="select-disability" class="" aria-describedby="select-disability-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-disability-note">
                                    Seleziona un'opzione
                                </em>
                            </label></div>
                    </div>
                    <div class="o-flexgrid u-mt-space-32">
                        <div class="o-flexgrid__item"><input type="checkbox" id="checkbox-deaf" name="user-characteristics" class="u-visuallyhidden " role="group" aria-label="checkbox-deaf">

                            <label for="checkbox-deaf" class="">
                                Non udente
                            </label>
                        </div>
                        <div class="o-flexgrid__item"><input type="checkbox" id="checkbox-blind" name="user-characteristics" class="u-visuallyhidden " role="group" aria-label="checkbox-blind">

                            <label for="checkbox-blind" class="">
                                Non vedente
                            </label>
                        </div>
                        <div class="o-flexgrid__item"><input type="checkbox" id="checkbox-pregnancy" name="user-characteristics" class="u-visuallyhidden " role="group" aria-label="checkbox-pregnancy">

                            <label for="checkbox-pregnancy" class="">
                                Donna in gravidanza
                            </label>
                        </div>
                    </div>
                </fieldset>

                <h2 class="u-typo-level-6 u-color-night-100 u-mt-space-24 u-mt-space-48@md">Servizi aggiuntivi</h2>

                <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
                    <legend>Attrezzatura sportiva</legend>
                    <div grid="grid 12">
                        <div><label for="select-bike" class="" aria-label="">
                                Bicicletta
                                <select id="select-bike" class="" aria-describedby="select-bike-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-bike-note">
                                    Scegli la quantità
                                </em>
                            </label></div>
                        <div><label for="select-windsurf" class="" aria-label="">
                                Windsurf
                                <select id="select-windsurf" class="" aria-describedby="select-windsurf-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-windsurf-note">
                                    Scegli la quantità
                                </em>
                            </label></div>
                        <div><label for="select-sky" class="" aria-label="">
                                Sci
                                <select id="select-sky" class="" aria-describedby="select-sky-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-sky-note">
                                    Scegli la quantità delle paia
                                </em>
                            </label></div>
                        <div><label for="select-snowboard" class="" aria-label="">
                                Snowboard
                                <select id="select-snowboard" class="" aria-describedby="select-snowboard-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-snowboard-note">
                                    Scegli la quantità
                                </em>
                            </label></div>
                    </div>
                </fieldset>

                <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
                    <legend>Animali domestici</legend>
                    <div grid="grid 12">
                        <div><label for="select-animal" class="" aria-label="">
                                Animale
                                <select id="select-animal" class="" aria-describedby="select-animal-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-animal-note">
                                    Scegli un'opzione
                                </em>
                            </label></div>
                        <div><label for="select-check-in-expenses" class="" aria-label="">
                                Spese applicabili al check-in
                                <select id="select-check-in-expenses" class="" aria-describedby="select-check-in-expenses-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-check-in-expenses-note">
                                    Scegli un'opzione
                                </em>
                            </label></div>
                    </div>
                </fieldset>

                <div class="u-mt-space-48 u-mt-space-64@md">
                    <button type="submit" class="c-button c-button--elastic">

                        Prosegui

                    </button>
                </div>

            </form>
        </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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Ho smarrito il mio biglietto del parcheggio, cosa posso fare <span aria-hidden="true">&#8594;</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">&#8594;</span></a>
                    </li>
                    <li class="c-prefooter__faq">
                        <a href="#">Info e reclami <span aria-hidden="true">&#8594;</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();
    // $.tangible.navToolbar();
    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 o-sticky-container">
      <div grid="4@lg offset-8@lg last@lg" class="o-sticky--mobile">
        {{ render "@cart--flights" cart merge=true }}
      </div>
      
      <div grid="6@lg">
        <div class="o-flexgrid o-flexgrid--antipodes">
          <div class="o-flexgrid__item">
            <h1 class="u-typo-level-6 u-color-night-100">Inserisci i dati dei passeggeri</h1>
          </div>
          <div class="o-flexgrid__item">
            <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
          </div>
        </div>

        {{> @user-data edit-user }}

        <p class="u-typo-level-4 u-color-night-100 u-typo-weight-semibold u-mt-space-16 u-mt-space-32@md">2° Passeggero (Adulto)</p>
        <div class="u-mt-space-16 u-mt-space-8@md">
          {{> @checkbox checkbox-booking }}
        </div>
        <form class="c-form u-mt-space-32 u-mt-space-64@md">
          
          {{!-- ANAGRAFICA PASSEGGERO --}}
          <fieldset>
            <legend>Anagrafica del passeggero</legend>
            <div grid="grid 6@sm">
              <div>{{ render "@select" select-title merge=true }}</div>
            </div>
            <div grid="grid 6@sm">
              <div>{{> @input input-name }}</div>
              <div>{{> @input input-surname }}</div>
            </div>
            <div grid="grid 6@sm 4@md">
              <div>{{> @input--date input-born-date }}</div>
              <div>{{> @input input-phone }}</div>
              <div>{{ render "@select" select-genre merge=true }}</div>
            </div>
          </fieldset>

          {{!-- TITOLI DI VIAGGIO --}}
          <fieldset class="u-mt-space-32 u-mt-space-64@md">
            <legend>Titoli di viaggio</legend>
            <div grid="grid 6@sm">
              <div>{{> @input identity-doc-number }}</div>
              <div>{{ render "@select" select-identity-nation merge=true }}</div>
              <div>{{> @input--date input-identiy-doc-expire }}</div>
              <div>{{ render "@select" select-nationality merge=true }}</div>
              <div>{{ render "@select" select-frequent-flyer merge=true }}</div>
              <div>{{> @input fidelity-card-number }}</div>
            </div>
          </fieldset>

          {{!-- RICHIESTE SPECIALI E PASTI --}}
          <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
            <legend>Richieste speciali e pasti</legend>
            <div grid="grid 12">
              <div>{{ render "@select" select-meal merge=true }}</div>
              <div>{{ render "@select" select-assistance merge=true }}</div>
              <div>{{ render "@select" select-disability merge=true }}</div>
            </div>
            <div class="o-flexgrid u-mt-space-32">
              <div class="o-flexgrid__item">{{> @checkbox checkbox-deaf }}</div>
              <div class="o-flexgrid__item">{{> @checkbox checkbox-blind }}</div>
              <div class="o-flexgrid__item">{{> @checkbox checkbox-pregnancy }}</div>
            </div>
          </fieldset>

          <h2 class="u-typo-level-6 u-color-night-100 u-mt-space-24 u-mt-space-48@md">Servizi aggiuntivi</h2>

          {{!-- ATTREZZATURA SPORTIVA --}}
          <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
            <legend>Attrezzatura sportiva</legend>
            <div grid="grid 12">
              <div>{{ render "@select" select-bike merge=true }}</div>
              <div>{{ render "@select" select-windsurf merge=true }}</div>
              <div>{{ render "@select" select-sky merge=true }}</div>
              <div>{{ render "@select" select-snowboard merge=true }}</div>
            </div>
          </fieldset>

          {{!-- ANIMALI DOMESTICI --}}
          <fieldset class="c-fieldset--relevant u-bg-color-soft-100 u-mt-space-32 u-mt-space-64@md">
            <legend>Animali domestici</legend>
            <div grid="grid 12">
              <div>{{ render "@select" select-animal merge=true }}</div>
              <div>{{ render "@select" select-check-in-expenses merge=true }}</div>
            </div>
          </fieldset>

          <div class="u-mt-space-48 u-mt-space-64@md">
            {{> @button btn-proceed }}
          </div>

        </form>
      </div>
    </div>
	{{/content}}

  {{!-- SCRIPTS JS --}}
  {{#content "scripts" mode="append"}}
    <script src="{{ path '/js/footer.min.js' }}"></script>
    <script>
      $.tangible.shortcutNavigation();
      // $.tangible.navToolbar();
      
      flatpickr.localize(flatpickr.l10ns.it);

      flatpickr(".js-flatpickr", {      
        dateFormat: "d F Y"
      });
    </script>
  {{/content}}

{{/extend}}
{
  "template-main-class": "",
  "header": {
    "toolbarProgress": {
      "showUser": true,
      "moleculeProgress": {
        "current-step": 3,
        "steps": [
          {
            "text": "Scegli il volo",
            "status": "data-step-complete"
          },
          {
            "text": "Dati dei passeggeri",
            "status": "data-step-current"
          },
          {
            "text": "Dati di pagamento",
            "status": "data-step-incomplete"
          },
          {
            "text": "Preventivo",
            "status": "data-step-incomplete"
          },
          {
            "text": "Ricevi conferma",
            "status": "data-step-incomplete"
          }
        ]
      }
    }
  },
  "cart": {
    "addons": false,
    "cartCta": {
      "show": false
    }
  },
  "edit-user": {
    "title": "1° Passeggero (Adulto)",
    "name": "Mario Rossi",
    "edit-link": {
      "text": "Modifica dati",
      "url": "#",
      "svg": {
        "symbol": "ic_mode_edit_black_24px",
        "class": "svg-12"
      }
    }
  },
  "checkbox-booking": {
    "id": "checkbox-booking",
    "name": "checkbox-booking",
    "text": "Sto prenotando per un’altra persona - <strong>NB.</strong> Il 1° passeggero è l'intestatario della pratica"
  },
  "select-title": {
    "label_id": "select-title",
    "label_message": "Titolo",
    "atom-select": {
      "id": "select-title",
      "required": true,
      "hasNote": true,
      "describedby": "select-title-note",
      "placeholder": null
    },
    "note_id": "select-title-note",
    "note_message": "Seleziona il titolo",
    "note_class": null
  },
  "input-name": {
    "label_id": "name-field",
    "label_message": "Nome",
    "label_class": "",
    "atom-input": {
      "id": "name-field",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "name-note"
    },
    "note_id": "name-note",
    "note_message": "Inserisci il nome"
  },
  "input-surname": {
    "label_id": "surname-field",
    "label_message": "Cognome",
    "label_class": "",
    "atom-input": {
      "id": "surname-field",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "surname-note"
    },
    "note_id": "surname-note",
    "note_message": "Inserisci il cognome"
  },
  "input-born-date": {
    "label_id": "born-date-field",
    "label_message": "Data di nascita",
    "label_class": "is-datepicker",
    "atom-input": {
      "id": "born-date-field",
      "type": "date",
      "class": "js-flatpickr flatpickr-input",
      "required": true,
      "hasNote": true,
      "describedby": "born-date-note"
    },
    "note_id": "born-date-note",
    "note_message": "Inserisci la tua data di nascita"
  },
  "input-phone": {
    "label_id": "phone-field",
    "label_message": "Numero di telefono",
    "label_class": "",
    "atom-input": {
      "id": "phone-field",
      "type": "phone",
      "required": true,
      "hasNote": true,
      "describedby": "phone-note"
    },
    "note_id": "phone-note",
    "note_message": "Aggiungi prefisso internazionale "
  },
  "select-genre": {
    "label_id": "select-genre",
    "label_message": "Sesso",
    "atom-select": {
      "id": "select-genre",
      "required": true,
      "hasNote": true,
      "describedby": "select-genre-note",
      "placeholder": null
    },
    "note_id": "select-genre-note",
    "note_message": "Seleziona il tuo sesso",
    "note_class": null
  },
  "identity-doc-number": {
    "label_id": "identity-doc-number-field",
    "label_message": "Numero documento di identità",
    "label_class": "",
    "atom-input": {
      "id": "identity-doc-number-field",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "identity-doc-number-note"
    },
    "note_id": "identity-doc-number-note",
    "note_message": "Inserisci il numero del passaporto o della carta di identità"
  },
  "select-identity-nation": {
    "label_id": "select-identity-nation",
    "label_message": "Nazione di emissione",
    "atom-select": {
      "id": "select-identity-nation",
      "required": true,
      "hasNote": true,
      "describedby": "select-identity-nation-note",
      "placeholder": null
    },
    "note_id": "select-identity-nation-note",
    "note_message": "Seleziona la nazione di emissione del documento",
    "note_class": null
  },
  "input-identiy-doc-expire": {
    "label_id": "input-identiy-doc-expire-field",
    "label_message": "Data di scadenza",
    "label_class": "is-datepicker",
    "atom-input": {
      "id": "input-identiy-doc-expire-field",
      "type": "date",
      "class": "js-flatpickr flatpickr-input",
      "required": true,
      "hasNote": true,
      "describedby": "input-identiy-doc-expire-note"
    },
    "note_id": "input-identiy-doc-expire-note",
    "note_message": "Seleziona la data di scadenza del documento"
  },
  "select-nationality": {
    "label_id": "select-nationality",
    "label_message": "Nazionalità",
    "atom-select": {
      "id": "select-nationality",
      "required": true,
      "hasNote": true,
      "describedby": "select-nationality-note",
      "placeholder": null
    },
    "note_id": "select-nationality-note",
    "note_message": "Seleziona la tua nazione",
    "note_class": null
  },
  "select-frequent-flyer": {
    "label_id": "select-frequent-flyer",
    "label_message": "Sei un frequent flyer?",
    "atom-select": {
      "id": "select-frequent-flyer",
      "required": true,
      "hasNote": true,
      "describedby": "select-frequent-flyer-note",
      "placeholder": null
    },
    "note_id": "select-frequent-flyer-note",
    "note_message": "Seleziona la compagnia aerea",
    "note_class": null
  },
  "fidelity-card-number": {
    "label_id": "fidelity-card-number-field",
    "label_message": "Numero fidelity card",
    "label_class": "",
    "atom-input": {
      "id": "fidelity-card-number-field",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "fidelity-card-number-note"
    },
    "note_id": "fidelity-card-number-note",
    "note_message": "Inserisci il numero della carta fedeltà"
  },
  "select-meal": {
    "label_id": "select-meal",
    "label_message": "Preferenze di pasto",
    "atom-select": {
      "id": "select-meal",
      "required": false,
      "hasNote": true,
      "describedby": "select-meal-note",
      "placeholder": null
    },
    "note_id": "select-meal-note",
    "note_message": "Seleziona un'opzione",
    "note_class": null
  },
  "select-assistance": {
    "label_id": "select-assistance",
    "label_message": "Assistenza",
    "atom-select": {
      "id": "select-assistance",
      "required": false,
      "hasNote": true,
      "describedby": "select-assistance-note",
      "placeholder": null
    },
    "note_id": "select-assistance-note",
    "note_message": "Seleziona un'opzione",
    "note_class": null
  },
  "select-disability": {
    "label_id": "select-disability",
    "label_message": "Disabilità motoria",
    "atom-select": {
      "id": "select-disability",
      "required": false,
      "hasNote": true,
      "describedby": "select-disability-note",
      "placeholder": null
    },
    "note_id": "select-disability-note",
    "note_message": "Seleziona un'opzione",
    "note_class": null
  },
  "checkbox-deaf": {
    "id": "checkbox-deaf",
    "name": "user-characteristics",
    "text": "Non udente"
  },
  "checkbox-blind": {
    "id": "checkbox-blind",
    "name": "user-characteristics",
    "text": "Non vedente"
  },
  "checkbox-pregnancy": {
    "id": "checkbox-pregnancy",
    "name": "user-characteristics",
    "text": "Donna in gravidanza"
  },
  "select-bike": {
    "label_id": "select-bike",
    "label_message": "Bicicletta",
    "atom-select": {
      "id": "select-bike",
      "required": false,
      "hasNote": true,
      "describedby": "select-bike-note",
      "placeholder": null
    },
    "note_id": "select-bike-note",
    "note_message": "Scegli la quantità",
    "note_class": null
  },
  "select-windsurf": {
    "label_id": "select-windsurf",
    "label_message": "Windsurf",
    "atom-select": {
      "id": "select-windsurf",
      "required": false,
      "hasNote": true,
      "describedby": "select-windsurf-note",
      "placeholder": null
    },
    "note_id": "select-windsurf-note",
    "note_message": "Scegli la quantità",
    "note_class": null
  },
  "select-sky": {
    "label_id": "select-sky",
    "label_message": "Sci",
    "atom-select": {
      "id": "select-sky",
      "required": false,
      "hasNote": true,
      "describedby": "select-sky-note",
      "placeholder": null
    },
    "note_id": "select-sky-note",
    "note_message": "Scegli la quantità delle paia",
    "note_class": null
  },
  "select-snowboard": {
    "label_id": "select-snowboard",
    "label_message": "Snowboard",
    "atom-select": {
      "id": "select-snowboard",
      "required": false,
      "hasNote": true,
      "describedby": "select-snowboard-note",
      "placeholder": null
    },
    "note_id": "select-snowboard-note",
    "note_message": "Scegli la quantità",
    "note_class": null
  },
  "select-animal": {
    "label_id": "select-animal",
    "label_message": "Animale",
    "atom-select": {
      "id": "select-animal",
      "required": false,
      "hasNote": true,
      "describedby": "select-animal-note",
      "placeholder": null
    },
    "note_id": "select-animal-note",
    "note_message": "Scegli un'opzione",
    "note_class": null
  },
  "select-check-in-expenses": {
    "label_id": "select-check-in-expenses",
    "label_message": "Spese applicabili al check-in",
    "atom-select": {
      "id": "select-check-in-expenses",
      "required": false,
      "hasNote": true,
      "describedby": "select-check-in-expenses-note",
      "placeholder": null
    },
    "note_id": "select-check-in-expenses-note",
    "note_message": "Scegli un'opzione",
    "note_class": null
  },
  "btn-proceed": {
    "modifier": "c-button--elastic",
    "type": "submit",
    "text": "Prosegui"
  }
}

No notes defined.