Convention: Form Agenzie

<div class="c-convention c-convention--telepass" role="radiogroup" aria-label="Scegli se usare il telepass oppure no">

    <p class="c-convention__title">Stai prenotando per conto di un cliente?</p>

    <input type="radio" id="radio_proxy" name="check_proxy" value="" class="is-block u-chkbx-toggle2 u-visuallyhidden">
    <label class="c-convention__choice-input" for="radio_proxy"><strong>Sì</strong>, desidero intestare la prenotazione al cliente che la fruirà.</label> <input type="radio" id="radio_no_proxy" name="check_proxy" value="" class="is-block u-visuallyhidden">
    <label class="c-convention__choice-input" for="radio_no_proxy"><strong>No</strong>, prenoto per conto dell’Agenzia stessa</label>
    <div class="c-convention__content u-chkbx-toggleReceiver2">

        <label for="field-nomecliente" class="" aria-label="">

            Nome <span class="required-marker" aria-hidden="true">*</span>

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

            <p class="c-field__note " id="nomecliente-note">
                Inserisci il nome dell’intestatario della prenotazione
            </p>

        </label>

        <label for="field-cognomecliente" class="" aria-label="">

            Cognome <span class="required-marker" aria-hidden="true">*</span>

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

            <p class="c-field__note " id="cognomecliente-note">
                Inserisci il cognome dell’intestatario della prenotazione
            </p>

        </label>

        <label for="field-telcliente" class="" aria-label="">

            Telefono <span class="required-marker" aria-hidden="true">*</span>

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

            <p class="c-field__note " id="telcliente-note">
                Inserisci il numero di telefono del cliente prenotante
            </p>

        </label>

        <label for="field-mailcliente" class="" aria-label="">

            Email <span class="required-marker" aria-hidden="true">*</span>

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

            <p class="c-field__note " id="mailcliente-note">
                Inserisci l’indirizzo email del cliente prenotante
            </p>

        </label>

        <input type="checkbox" id="forward_email" name="forward_email" class="u-visuallyhidden " role="group" aria-label="forward_email">

        <label for="forward_email" class="is-block">
            Invia una copia della prenotazione anche al mio cliente
        </label>

        <div class="u-mt-space-48">
            <div class="c-convention c-convention--telepass" role="radiogroup" aria-label="Scegli se usare il telepass oppure no">

                <img src="../../images/svgs/telepass.svg" alt="logo telepass" class="c-convention__logo">

                <p class="c-convention__title">Vuoi pagare con Telepass per questa prenotazione?</p>
                <p class="c-convention__description"></p>

                <input type="radio" id="radio_telepass" name="check_telepass" value="" class="is-block u-chkbx-toggle u-visuallyhidden">
                <label class="c-convention__choice-input" for="radio_telepass"><strong>Sì</strong>, pago con Telepass in aerostazione<br><span class='u-typo-level-1-5'>Tariffa standard <strong>128,90€</strong></span></label> <input type="radio" id="radio_no_telepass" name="check_telepass" value="" class="is-block u-visuallyhidden">
                <label class="c-convention__choice-input" for="radio_no_telepass"><strong>No</strong>, continuo senza Telepass<br><span class='u-typo-level-1-5'>Tariffa scontata se pago online <strike>128,90</strike><strong>€ 100,90€</strong></span></label>
                <div class="c-convention__content u-chkbx-toggleReceiver">

                    <label for="field-telepass-number" class="" aria-label="">

                        N° del Telepass <span class="required-marker" aria-hidden="true">*</span>

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

                        <p class="c-field__note " id="telepass-number-note">
                            Inserisci il codice identificativo
                        </p>

                    </label>

                    <input type="checkbox" id="confirm_telepass" name="confirm_telepass" class="u-visuallyhidden " role="group" aria-label="confirm_telepass">

                    <label for="confirm_telepass" class="is-block">
                        Confermo il mio numero di Telepass
                    </label>
                    <div class="c-media o-media c-media--sticker">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_telepass-app-120px.svg" alt="Numero dispositivo Telepass" height="" width="">
                        <div class="c-media__body o-media__body">
                            Puoi trovare il tuo n° dispositivo Telepass <strong>dalla tua area riservata del sito telepass.it o dall’App Telepass</strong>.
                            <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="">Apri foto di esempio</button>
                        </div>
                    </div>
                    <div class="c-media o-media c-media--sticker">
                        <img class="c-media__figure o-media__figure" src="../../images/svgs/stk_telepass-code-120px.svg" alt="Numero dispositivo Telepass" height="" width="">
                        <div class="c-media__body o-media__body">
                            Puoi trovare il tuo n° dispositivo Telepass anche sul retro del tuo dispositivo (10 cifre).
                            <button type="button" class="c-button c-button--as-link js-fr-dialogmodal-open" aria-controls="dialog-controller">Apri foto di esempio</button>
                        </div>
                    </div>
                    <div class="c-alert c-alert--lightinfo c-alert--full-rounded">

                        <div class="c-alert__icon">
                            <svg class="c-icon c-icon--24">
                                <use xlink:href="#ic_info_black_24px"></use>
                            </svg>
                        </div>

                        <p class="c-alert__message">
                            Fai attenzione, il codice cliente <strong>non è</strong> il numero di dispositivo Telepass. Affinché la prenotazione ti venga riconosciuta, presta attenzione ad inserire il numero corretto.
                        </p>

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

    </div>

</div>