<!-- 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">Crea il tuo account per prenotare</h1>
          </div>
          <div class="o-flexgrid__item">
            <p class="u-typo-level-1 u-color-night-80"><sup>*</sup>campi obbligatori</p>
          </div>
        </div>

        <form class="c-form u-mt-space-32 u-mt-space-64@md">
          
          {{!-- DATI ACCOUNT --}}
          <fieldset>
            <legend>Dati account</legend>
            <div grid="grid">
              <div grid="6@sm">{{> @input input-email }}</div>
              <div grid="6@sm">{{> @input input-confirm-email }}</div>
              <div grid="12">{{> @input input-password }}</div>
              <div grid="12">{{> @input input-confirm-password }}</div>
            </div>
          </fieldset>

          {{!-- SCELTA PROFILO --}}
          <fieldset class="u-mt-space-32 u-mt-space-64@md">
            <legend>Scegli un profilo</legend>
            <div grid="grid 6@md">
              {{#each user-types }}
              <div>{{> @selection }}</div>
              {{/each}}
            </div>
          </fieldset>

          {{!-- DATI PERSONALI --}}
          <fieldset class="u-mt-space-32 u-mt-space-64@md">
            <legend>Dati personali</legend>
            <div grid="grid 6@sm">
              <div>{{> @input input-referent-name }}</div>
              <div>{{> @input input-referent-surname }}</div>
            </div>
            <div grid="grid 12">
              <div>{{> @input input-referent-phone }}</div>
            </div>
          </fieldset>

          <div class="u-mt-space-80 u-bg-color-soft-100 u-p-space-24 js-autoscroll-point">
            <h2 class="u-typo-level-6 u-color-night-100 u-mb-space-24">Consenso privacy</h2>
             {{ render "@privacy-prefs" }}
          </div>

          <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>
  {{/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
    }
  },
  "input-email": {
    "label_id": "email-field",
    "label_message": "E-mail",
    "label_class": "",
    "atom-input": {
      "id": "email-field",
      "type": "email",
      "required": true,
      "hasNote": true,
      "describedby": "email-note"
    },
    "note_id": "email-note",
    "note_message": "Inserisci la tua e-mail"
  },
  "input-confirm-email": {
    "label_id": "confirm-email-field",
    "label_message": "Conferma e-mail",
    "label_class": "",
    "atom-input": {
      "id": "confirm-email-field",
      "type": "email",
      "required": true,
      "hasNote": true,
      "describedby": "confirm-email-note"
    },
    "note_id": "confirm-email-note",
    "note_message": "Inserisci di nuovo la tua e-mail"
  },
  "input-password": {
    "label_id": "input-password-field",
    "label_message": "Scegli la password",
    "label_class": "has-password-button",
    "hasPasswordButton": true,
    "atom-input": {
      "id": "input-password-field",
      "type": "password",
      "required": true,
      "autocomplete": "new-password",
      "hasNote": true,
      "describedby": "input-password-note"
    },
    "note_id": "input-password-note",
    "note_message": "Definisci una password di almeno <strong>8 caratteri</strong> di cui 1 MAIUSCOLO e 1 numero"
  },
  "input-confirm-password": {
    "label_id": "input-confirm-password-field",
    "label_message": "Conferma la password",
    "label_class": "has-password-button",
    "hasPasswordButton": true,
    "atom-input": {
      "id": "input-confirm-password-field",
      "type": "password",
      "required": true,
      "hasNote": true,
      "describedby": "input-confirm-password-note"
    },
    "note_id": "input-confirm-password-note",
    "note_message": "Digita di nuovo la password"
  },
  "user-types": [
    {
      "modifier": "c-selection--compact",
      "text": "Privato",
      "img": {
        "src": "/images/svgs/personal-data.svg",
        "alt": "Privato"
      },
      "input": {
        "id": "user-type-1",
        "name": "user-type"
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Azienda o libero professionista",
      "img": {
        "src": "/images/svgs/business-user.svg",
        "alt": "Azienda o libero professionista"
      },
      "input": {
        "id": "user-type-2",
        "name": "user-type"
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Agenzia viaggi",
      "img": {
        "src": "/images/svgs/travel-agency.svg",
        "alt": "Agenzia viaggi"
      },
      "input": {
        "id": "user-type-3",
        "name": "user-type"
      }
    },
    {
      "modifier": "c-selection--compact",
      "text": "Pubblica amministrazione",
      "img": {
        "src": "/images/svgs/public-amministration.svg",
        "alt": "Pubblica amministrazione"
      },
      "input": {
        "id": "user-type-4",
        "name": "user-type"
      }
    }
  ],
  "input-referent-name": {
    "label_id": "input-referent-name",
    "label_message": "Nome del referente",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-name",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-name-note"
    },
    "note_id": "input-referent-name-note",
    "note_message": "Inserisci il nome del legale rappresentante"
  },
  "input-referent-surname": {
    "label_id": "input-referent-surname",
    "label_message": "Cognome del referente",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-surname",
      "type": "text",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-surname-note"
    },
    "note_id": "input-referent-surname-note",
    "note_message": "Inserisci il cognome del legale rappresentante"
  },
  "input-referent-phone": {
    "label_id": "input-referent-phone",
    "label_message": "Telefono",
    "label_class": "",
    "atom-input": {
      "id": "input-referent-phone",
      "type": "tel",
      "required": true,
      "hasNote": true,
      "describedby": "input-referent-phone-note"
    },
    "note_id": "input-referent-phone-note",
    "note_message": "Inserisci il numero di telefono sul quale sarà possibile contattarti"
  },
  "btn-proceed": {
    "modifier": "c-button--elastic",
    "type": "submit",
    "text": "Prosegui"
  }
}

No notes defined.