<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-parking-form-loading",
"dialog-labelledby": "title",
"title": "Modifica gli orari della tua sosta",
"paragraph": "Qualora non ci fossero disponibilità per gli orari scelti in questo parcheggio, ti proporremo le migliori alternative",
"loading": {
"text": "Stiamo verificando le nuove date"
},
"entrance-date": {
"label_id": "entrance-date",
"label_message": "Entrata",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "entrance-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "entrance-date-note"
},
"note_id": "entrance-date-note",
"note_message": "Seleziona la data di entrata al parcheggio",
"note_class": ""
},
"entrance-time": {
"label_id": "entrance-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "entrance-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "entrance-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "entrance-time-note",
"note_message": "Seleziona l'ora di ingresso al parcheggio",
"note_class": ""
},
"exit-date": {
"label_id": "exit-date",
"label_message": "Uscita",
"label_class": "is-datepicker",
"screen-reader-text": "Scegli la data",
"atom-input": {
"id": "exit-date",
"type": "date",
"class": null,
"placeholder": "Scegli la data",
"required": true,
"hasNote": true,
"describedby": "exit-date-note"
},
"note_id": "exit-date-note",
"note_message": "Seleziona la data di uscita dal parcheggio",
"note_class": ""
},
"exit-time": {
"label_id": "exit-time",
"label_message": "Ore",
"label_class": null,
"atom-select": {
"id": "exit-time",
"class": null,
"required": true,
"hasNote": true,
"describedby": "exit-time-note",
"placeholder": "00:00",
"options": [
{
"value": "option-1",
"text": "20:00"
},
{
"value": "option-2",
"text": "20:15"
},
{
"value": "option-3",
"text": "20:30"
},
{
"value": "option-4",
"text": "20:45"
}
]
},
"note_id": "exit-time-note",
"note_message": "Seleziona l'ora di uscita dal parcheggio",
"note_class": ""
},
"select-conventions": {
"label_id": "select-conventions",
"label_message": "Convenzione:",
"label_class": "",
"atom-select": {
"id": "select-conventions",
"class": "",
"required": false,
"hasNote": true,
"describedby": "select-conventions-note",
"placeholder": "Hai una convenzione?",
"options": [
{
"value": "option-1",
"text": "Alba Tour"
},
{
"value": "option-2",
"text": "Alpitour"
},
{
"value": "option-3",
"text": "Brixia Viaggi"
},
{
"value": "option-4",
"text": "Club Med"
},
{
"value": "option-5",
"text": "Domina Travel"
},
{
"value": "option-6",
"text": "In Viaggi"
},
{
"value": "option-7",
"text": "Marsupio Group"
},
{
"value": "option-8",
"text": "Smeg S.p.A."
},
{
"value": "option-9",
"text": "Viaggi Idea"
}
]
},
"note_id": "select-conventions-note",
"note_message": "Seleziona un'opzione dal menù a tendina",
"note_class": ""
},
"file-number": {
"label_id": "file-number",
"label_message": "Numero pratica",
"label_class": "",
"atom-input": {
"id": "file-number",
"type": "text",
"class": "",
"placeholder": "es. AA46923757",
"required": false,
"hasNote": true,
"describedby": "file-number-note"
},
"note_id": "file-number-note",
"note_message": "Inserisci il numero di pratica della convenzione",
"note_class": ""
},
"checkbox": {
"class": "terms-conditions",
"id": "conventions-terms",
"name": "accespt",
"text": "<strong>Accetto le condizioni di utilizzo convenzione come sopra riportate</strong>"
},
"submit": {
"name": "submit",
"type": "submit",
"text": "Verifica la nuova disponibilità",
"modifier": "c-button--submit"
}
}
No notes defined.