<div class="preferences-form form form--horizontal">
	{{ render "molecules/forms/form-error-message" text="Some information is missing or invalid. Please check and complete your entries" }}

	<div class="form__group">
		<div class="col-xl-3 no-padding-left">
			{{ render "molecules/forms/form-group-label" classes="form__Label" text="Salutation*" }}
		</div>
		<div class="col-xl-9 col-lg-8 col-sm-10 no-padding">
			{{ render "molecules/forms/form-option" inputType="radio" inputId="mister" inputName="salutation" inputClasses="form-field" inputValidators="required data-vl-errors-messages-disabled" labelText="Mr." }}
			{{ render "molecules/forms/form-option" inputType="radio" inputId="miss" inputName="salutation" inputClasses="form-field" inputValidators="required data-vl-errors-messages-disabled" labelText="Ms." }}
		</div>
	</div>

	{{ render "molecules/forms/form-group" inputId="first-name" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="First name*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}

	{{ render "molecules/forms/form-group" inputId="last-name" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Last name*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}

	{{ render "molecules/forms/form-group-email" inputId="email" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="E-mail address*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" }}

	{{ render "molecules/forms/form-group" inputId="password" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Password*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="password" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}

	{{ render "molecules/forms/form-group" inputId="confirm-password" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Confirm Password*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="password" inputClasses="form__text form-field" inputValidators="data-vl-trigger='keyup change' data-vl-equalto='#password' required data-vl-errors-messages-disabled" }}


	{{ render "molecules/forms/form-group" inputId="street" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Street*" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}

	{{ render "molecules/forms/form-group" inputId="city" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="City*" containerClasses="col-xl-9 col-lg-8 col-sm-10 col-md-6 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}

	<div class="form__group">
		{{ render "molecules/forms/form-group:form__group--fake" inputId="house-number" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Housenumber*" containerClasses="col-xl-4 col-lg-4 col-md-3 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}
		<div class="break-md"></div>
		{{ render "molecules/forms/form-group:form__group--md" inputId="zip-code" labelClasses="form__label col-xl-2 col-lg-2 col-md-3 col-sm-10 no-padding-right" labelText="ZIP Code*" containerClasses="col-xl-3 col-lg-2 col-md-4 col-sm-10 no-padding" inputType="text" inputClasses="form__text form-field" inputValidators="required data-vl-errors-messages-disabled" }}
	</div>

	<div class="form__group">
		{{ render "molecules/forms/form-group-label" for="country" classes="form__label col-xl-3 col-sm-10 no-padding-left" text="Country*" }}
		<div class="col-xl-4 col-lg-4 col-md-6 col-sm-10 no-padding">
			{{ render "molecules/forms/chosen-select:chosen-solid" id="country" validators="required data-vl-errors-messages-disabled" }}
		</div>
	</div>
	<div class="form__group">
		<div class="col-xl-9 col-lg-8 col-sm-10 col-md-10 no-padding">
			<p>Optional information, allows us to customize the newsletter content to your individual preferences and financial interest.</p>
		</div>
	</div>
	<div class="form__group">
		{{ render "molecules/forms/form-group-label" classes="form__Label col-xl-3 col-sm-10 no-padding-left" text="Interest Group" }}
		<div class="col-xl-9 col-lg-8 col-sm-10 no-padding">
			{{ render "molecules/forms/form-option" inputType="checkbox" inputId="private-investors" labelText="Private Inverstors" }}

			{{ render "molecules/forms/form-option" inputType="checkbox" inputId="financial-advisors" labelText="Financial Advisors" }}

			{{ render "molecules/forms/form-option" inputType="checkbox" inputId="institutional-investor" labelText="Institutional Investor" }}
		</div>
	</div>
	<div class="form__group">
		{{ render "molecules/forms/form-group-label" for="industry" classes="form__Label col-xl-3 col-sm-10 no-padding-left" text="Industry" }}
		<div class="col-xl-4 col-lg-4 col-md-6 col-sm-10 no-padding">
			{{ render "molecules/forms/chosen-select:chosen-solid" id="industry" validators="required data-vl-errors-messages-disabled" }}
		</div>
	</div>

	{{ render "molecules/forms/form-group" inputId="company" labelClasses="form__label col-xl-3 col-sm-10 no-padding-left" labelText="Company" containerClasses="col-xl-9 col-lg-8 col-sm-10 no-padding" inputType="text" inputClasses="form__text" }}
</div>

{{#unless nojs }}
<script>
	window.addEventListener('load', function() {
	/**
	 * START - REQUIRED JS SNIPPET
	 */
	{{ render "atoms/scripts/script-preferences-form" }}
	 /**
	  * END - REQUIRED JS SNIPPET
	  */
	});
</script>
{{/unless }}
