@extends('templates.auth.my_account')

@php /** @var \App\Addresses\AddressInterface $accountAddress **/ @endphp
@php /** @var \App\Users\SiteUserInterface $user **/ @endphp
@section('my_account_content')
    <div class="o-account__data js-account-data">
        <h2 class="c-title  u-spacing-mb4">@lang('my_account.data')</h2>
        <form class="l-form" action="{{ route('my_account.update') }}" method="POST">
            <div class="l-form__row  l-form__row--grid" data-grid-template-columns="2-1-2">
                @include('components.form.text', ['formElementCodeName' => 'first_name', 'formElementValue' => old('first_name', $user->first_name ?? null)])
                @include('components.form.text', ['formElementCodeName' => 'last_name_prefix', 'formElementValue' => old('last_name_prefix', $user->last_name_prefix ?? null)])
                @include('components.form.text', ['formElementCodeName' => 'last_name', 'formElementValue' => old('last_name', $user->last_name ?? null)])
            </div>

            <div class="l-form__row  l-form__row--grid" data-grid-template-columns="3-2">
                @include('components.form.text', ['formElementCodeName' => 'telephone', 'formElementValue' => old('telephone', $user->telephone ?? null)])
            </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">
                @include('components.form.text', ['formElementCodeName' => 'street', 'formElementValue' => old('street', $accountAddress->street ?? null)])
                @include('components.form.text', ['formElementCodeName' => 'house_number', 'formElementValue' => old('house_number', $accountAddress->house_number ?? null)])
            </div>
            <div class="l-form__row  l-form__row--grid" data-grid-template-columns="2-3">
                @include('components.form.text', ['formElementCodeName' => 'postal_code', 'formElementValue' => old('postal_code', $accountAddress->postal_code ?? null)])
                @include('components.form.text', ['formElementCodeName' => 'city', 'formElementValue' => old('city', $accountAddress->city ?? null)])
            </div>
            <div class="l-form__row">
                @if(isset($accountAddress))
                <div class="o-checkout__field" data-size="5">
                    <region-select name="country" selected="{{ old('country', $accountAddress->country_iso3) }}" data-test="country"/>
                </div>
                @endif
            </div>

            <h2 class="c-title  u-spacing-mt5  u-spacing-mb3">@lang('my_account.log_in_data')</h2>
            <div class="l-form__row">
                @include('components.form.email', ['formElementCodeName' => 'email', 'formElementValue' => old('email', $user->email ?? null)])
            </div>
            <div class="l-form__row">
                <password-preview codename="password" label="@lang('form.password.label')" @if($errors->has('password')) :errors="{{ json_encode($errors->get('password')) }}" @endif/>
            </div>
            <p>
                @lang('my_account.password_explanation')
            </p>

            <div class="l-form__row  u-spacing-mt4">
                @csrf
                @include('components.form.submit', ['formElementValue' => __('my_account.submit'), 'formElementClasses' => 'button', 'testSelector' => 'change'])
            </div>
        </form>
    </div>
@endsection