test
<div class="account-forms__controller__body">
{%- form 'create_customer', novalidate: 'novalidate' -%}
{%- if form.errors -%}
<h2 class="form__message" tabindex="-1" autofocus>
<svg aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-error" />
</svg>
{{ 'customer.form_errors.error_heading' | t }}
</h2>
<ul class="form__errors">
{%- for field in form.errors -%}
<li class="p2">
{%- if field == 'form' -%}
{{ form.errors.messages[field] }}
{%- else -%}
<a href="#RegisterForm-{{ field }}">
{{ form.errors.translated_fields[field] | capitalize }}
{{ form.errors.messages[field] }}
</a>
{%- endif -%}
</li>
{%- endfor -%}
</ul>
{%- endif -%}
<div class="form__row double">
<div class="field">
<input type="text" class="field__input"
name="customer[first_name]"
id="RegisterForm-FirstName"
{% if form.first_name %}value="{{ form.first_name }}"{% endif %}
autocomplete="given-name"
placeholder="{{ 'customer.register.first_name' | t }}"
>
</div>
<div class="field">
<input type="text" class="field__input"
name="customer[last_name]"
id="RegisterForm-LastName"
{% if form.last_name %}value="{{ form.last_name }}"{% endif %}
autocomplete="family-name"
placeholder="{{ 'customer.register.last_name' | t }}"
>
</div>
</div>
<div class="form__row">
<div class="field">
<input
type="tel"
class="field__input"
name="customer[phone]"
id="RegisterForm-phone"
{% if form.phone %} value="{{ form.phone }}"{% endif %}
autocomplete="tel"
placeholder="{{ 'customer.register.phone' | t }}"
aria-required="true"
{% if form.errors contains 'phone' %}
aria-invalid="true"
aria-describedby="RegisterForm-phone-error"
{% endif %}
>
</div>
{%- if form.errors contains 'phone' -%}
<span id="RegisterForm-phone-error" class="form__message p2">
<svg aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-error" />
</svg>
{{ form.errors.translated_fields['phone'] | capitalize }} {{ form.errors.messages['phone'] }}.
</span>
{%- endif -%}
</div>
<div class="form__row">
<div class="field">
<input
type="email"
class="field__input"
name="customer[email]"
id="RegisterForm-email"
{% if form.email %} value="{{ form.email }}"{% endif %}
spellcheck="false"
autocapitalize="off"
autocomplete="email"
aria-required="true"
{% if form.errors contains 'email' %}
aria-invalid="true"
aria-describedby="RegisterForm-email-error"
{% endif %}
placeholder="{{ 'customer.register.email' | t }}"
>
</div>
{%- if form.errors contains 'email' -%}
<span id="RegisterForm-email-error" class="form__message p2">
<svg aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-error" />
</svg>
{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}.
</span>
{%- endif -%}
</div>
<div class="form__row">
<div class="field">
<input
class="field__input"
type="password"
name="customer[password]"
id="RegisterForm-password"
aria-required="true"
{% if form.errors contains 'password' %}
aria-invalid="true"
aria-describedby="RegisterForm-password-error"
{% endif %}
placeholder="{{ 'customer.register.password' | t }}"
>
</div>
{%- if form.errors contains 'password' -%}
<span id="RegisterForm-password-error" class="form__message p2">
<svg aria-hidden="true" focusable="false" role="presentation">
<use href="#icon-error" />
</svg>
{{ form.errors.translated_fields['password'] | capitalize }} {{ form.errors.messages['password'] }}.
</span>
{%- endif -%}
</div>
<div class="form__row account_policies">
<p>When you create an account, you agree to our <a href='' target="blank">Terms of use</a>.</p>
<p>Learn how we handle your data in our <a href='' target="blank">Privacy notice</a>.</p>
</div>
<div class="form__row">
<button class="button account-forms__button button--medium">
<span class="button__text">
{{ 'customer.register.submit' | t }}
</span>
</button>
</div>
{%- endform -%}
</div>