<form id="registerForm" class="l-form js-register-form" action="{{ route('site.register') }}" method="POST">
    {{ csrf_field() }}
    {{ method_field('POST') }}

    <div class="l-form__body">
        @if( !\App::environment('production') && $errors->any() ) {{debug($errors)}} @endif

        <h2 class="c-title  u-spacing-mb3">@lang('auth.new_account')</h2>
        <div class="l-form__row  l-form__row--grid" data-grid-template-columns="2-1-2">
            @foreach(['first_name', 'last_name_prefix', 'last_name'] as $code_name)
                <div class="c-form-element">
                    @include('components.form.text', ['formElementCodeName' => $code_name ])
                </div>
            @endforeach
        </div>

        <div class="l-form__row  l-form__row--grid" data-grid-template-columns="3-2">
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'phone' ])
            </div>
        </div>

        <h2 class="c-title  u-spacing-mt5  u-spacing-mb3">@lang('address.home_or_establishment_address')</h2>

        <div class="l-form__row  l-form__row--grid" data-grid-template-columns="3-2">
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'street'])
            </div>
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'house_number'])
            </div>
        </div>

        <div class="l-form__row  l-form__row--grid" data-grid-template-columns="3-2">
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'postal_code' ])
            </div>
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'city' ])
            </div>
        </div>

        <div class="l-form__row">
            @include('components.form.select', [
                'formElementCodeName' => 'country',
                'formElementDisableNullOption' => true,
                'formElementOptions' => $cultures
            ])
        </div>

        <h2 class="c-title  u-spacing-mt5  u-spacing-mb3">@lang('my_account.account_data')</h2>

        <div class="l-form__row">
            <div class="c-form-element">
                @include('components.form.text', ['formElementCodeName' => 'email' ])
            </div>
        </div>

        <div class="l-form__row">
            <div class="c-form-element">
                <password-preview codename="password" label="@lang('form.password.label')" @if($errors->has('password')) :errors="{{ json_encode($errors->get('password')) }}" @endif/>
            </div>
        </div>

        <div class="l-form__row  u-spacing-mt3">
            @include('components.form.checkbox', ['formElementCodeName' => 'accept_legal', 'formElementLabel' => __('form.accept_legal.label', [
                'legal' => isset($links->legal->route) ? $links->legal->route : 'LEGALLINK',
                'privacy' => $links->privacy->route ?? 'PRIVACYLINK']),
                'formElementClasses' => 'legal-checkbox',
                'duskSelector' => 'accept_legal',
            ])
        </div>
        <footer class="l-form__footer">
            @include('components.form.submit', ['formElementValue' => __('auth.register'), 'formElementClasses' => 'button', 'testSelector' => 'register'])
        </footer>
        <br>
    </div>

</form>