<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal " id="dialog-parking-form-loading">
    <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="dialog-parking-form-loading-title">
        <div role="document">

            <p class="c-dialog__title c-dialog__text--centered" id="dialog-parking-form-loading-title">Modifica gli orari della tua sosta</p>

            <p class="c-dialog__text c-dialog__text--centered">
                Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative
            </p>

            <div class="u-pos-rel">
                <div class="c-loading ">
                    <div class="c-loading__el">
                        <svg width="66px" height="66px" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
                            <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                        </svg>
                        <p>Stiamo verificando le nuove date</p>
                    </div>
                </div>
                <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>
                    <p class="c-dialog__text">
                        <strong>AVVISO IMPORTANTE</strong><br>
                        1) Per avvalersi della convenzione e della tariffa scontata, è indispensabile, al rientro dal viaggio, prima di pagare e di ritirare l'auto, consegnare il voucher del Tour Operator o mostrare la tessera di accreditamento alla cassa del <a href="#"><strong>Presidio Parcheggi</strong></a>.
                        <br><br>
                        2) La mancata o ritardata consegna del voucher o visione della tessera di accreditamento, ovvero dopo aver pagato la sosta alle casse automatiche o alle colonne di uscita, implica la perdita del diritto di avvalersi della tariffa scontata e l'applicazione della tariffa standard senza possibilità di rimborso.
                        <br><br>

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

                        <label for="conventions-terms" class="terms-conditions">
                            <strong>Accetto le condizioni di utilizzo convenzione come sopra riportate</strong>
                        </label>
                    </p>
                    <div class="c-form__el c-form__el--cta">
                        <button type="submit" class="c-button c-button--submit">

                            Verifica la nuova disponibilità

                        </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>
</div>
<div class="c-dialog c-dialog--parking-form js-fr-dialogmodal {{ modifier }}" id="{{ id }}">
  <div class="c-dialog__inner js-fr-dialogmodal-modal" aria-labelledby="{{ id }}-{{ dialog-labelledby }}">
    <div role="document">

      <p class="c-dialog__title c-dialog__text--centered" id="{{ id }}-{{ dialog-labelledby }}">{{ title }}</p>

      <p class="c-dialog__text c-dialog__text--centered">
        {{#if paragraph}}
          {{ paragraph }}
        {{ else }}
          Indicaci le date e l’orario del tuo prossimo parcheggio, acquistalo e ottieni il 20% di sconto sul tuo ingresso Vip Lounge.
        {{/if }}
      </p>

      <div class="u-pos-rel">
        {{> @loading loading }}

        <div class="c-form c-form--parkings">
          <div class="c-form__el c-form__el--icon">
            {{> @icon symbol="entrata-parcheggio-24px" class="c-icon c-icon--32" }}
          </div>
          <div class="c-form__el c-form__el--cal">
            {{> @input entrance-date }}
          </div>
          <div class="c-form__el c-form__el--sel">
            {{> @select entrance-time }}
          </div>
          <div class="c-form__el c-form__el--icon">
            {{> @icon symbol="uscita-parcheggio-24px" class="c-icon c-icon--32" }}
          </div>
          <div class="c-form__el c-form__el--cal">
            {{> @input exit-date }}
          </div>
          <div class="c-form__el c-form__el--sel">
            {{> @select exit-time }}
          </div>
          <div class="c-form__el c-form__el--cal">
          {{> @select select-conventions  }}
          </div>
          <div class="c-form__el c-form__el--sel">
            {{> @input file-number }}
          </div>
          <p class="c-dialog__text">
            <strong>AVVISO IMPORTANTE</strong><br>
            1) Per avvalersi della convenzione e della tariffa scontata, è indispensabile, al rientro dal viaggio, prima di pagare e di ritirare l'auto, consegnare il voucher del Tour Operator o mostrare la tessera di accreditamento alla cassa del <a href="#"><strong>Presidio Parcheggi</strong></a>.
            <br><br>
            2) La mancata o ritardata consegna del voucher o visione della tessera di accreditamento, ovvero dopo aver pagato la sosta alle casse automatiche o alle colonne di uscita, implica la perdita del diritto di avvalersi della tariffa scontata e l'applicazione della tariffa standard senza possibilità di rimborso.
            <br><br>
        
            {{> @checkbox checkbox}}
          </p>
          <div class="c-form__el c-form__el--cta">
            {{> @button submit }}
          </div>
        </div>
        <button type="button" class="c-dialog__close js-fr-dialogmodal-close" aria-label="Chiudi la modale">
          {{> @icon symbol="ic_close_black_24px" class="c-icon c-icon--32" }}
        </button>
      </div>

    </div>
  </div>
</div>
{
  "modifier": "",
  "id": "dialog-id",
  "dialog-labelledby": "dialog-title",
  "title": "Titolo della dialog"
}

No notes defined.