Check In Form: Guest User

<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>