<!-- Error rendering component -->
<!-- Could not render component '@cart--flights' - component not found. -->
<!-- Error: Could not render component '@cart--flights' - component not found.
    at Object.render (/Users/antoniomatera/Sites/adb/node_modules/@frctl/handlebars/src/helpers/render.js:23:19)
    at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at eval (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:11:102)
    at Object.prog (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/runtime.js:268:12)
    at Object.prepareAndResolveMarkers (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:92:17)
    at Object.fn (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at fn (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:41:17)
    at Object.applyAction (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:54:11)
    at Array.reduce (<anonymous>)
    at Object.block (/Users/antoniomatera/Sites/adb/node_modules/handlebars-layouts/index.js:171:43)
    at Object.helperWrapper (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/index.js:130:23)
    at Object.<anonymous> (/Users/antoniomatera/Sites/adb/node_modules/promised-handlebars/lib/utils.js:29:28)
    at Object.wrapper (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/internal/wrapHelper.js:15:19)
    at Object.eval [as main] (eval at createFunctionContext (/Users/antoniomatera/Sites/adb/node_modules/handlebars/dist/cjs/handlebars/compiler/javascript-compiler.js:262:23), <anonymous>:15:104) -->
{{#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.