<form action="{{urls.account.update_action}}" data-edit-account-form class="form" method="post">
    {{inject 'firstName' (lang 'forms.validate.account.edit.first_name')}}
    {{inject 'lastName' (lang 'forms.validate.account.edit.last_name')}}
    {{inject 'phoneNumber' (lang 'forms.validate.account.edit.phone')}}
    {{inject 'currentPassword' (lang 'forms.validate.account.edit.password')}}
    <fieldset class="form-fieldset">
        <div class="form-row form-row--half">
            <div class="form-field" id="account_firstname_id">
                <label class="form-label" for="account_firstname">
                    {{#if (lang 'account.settings.first_name') '!==' 'First Name'}}
                        {{lang 'account.settings.first_name'}}
                    {{else}}
                        {{forms.edit_account.first_name_label}}
                    {{/if}}
                    <small>{{lang 'common.required' }}</small>
                </label>
                <input aria-labelledby="account_firstname_id" aria-live="polite" autocomplete="given-name" type="text" class="form-input" name="account_firstname" id="account_firstname" value="{{forms.edit_account.first_name}}">
            </div>
            <div class="form-field" id="account_lastname_id">
                <label class="form-label" for="account_lastname">
                    {{#if (lang 'account.settings.last_name') '!==' 'Last Name'}}
                        {{lang 'account.settings.last_name'}}
                    {{else}}
                        {{forms.edit_account.last_name_label}}
                    {{/if}}
                    <small>{{lang 'common.required' }}</small>
                </label>
                <input aria-labelledby="account_lastname_id" aria-live="polite" autocomplete="family-name" type="text" class="form-input" name="account_lastname" id="account_lastname" value="{{forms.edit_account.last_name}}">
            </div>
            <div class="form-field" id="account_companyname_id">
                <label class="form-label" for="account_companyname">
                    {{#if (lang 'account.settings.company') '!==' 'Company'}}
                        {{lang 'account.settings.company'}}
                    {{else}}
                        {{forms.edit_account.company_label}}
                    {{/if}}
                </label>
                <input aria-labelledby="account_companyname_id" aria-live="polite" autocomplete="organization" type="text" class="form-input" name="account_companyname" id="account_companyname" value="{{forms.edit_account.company_name}}">
            </div>
            <div class="form-field" id="account_phone_id">
                <label class="form-label" for="account_phone">
                    {{#if (lang 'account.settings.phone') '!==' 'Phone Number'}}
                        {{lang 'account.settings.phone'}}
                    {{else}}
                        {{forms.edit_account.phone_label}}
                    {{/if}}
                </label>
                <input aria-labelledby="account_phone_id" aria-live="polite" autocomplete="tel" type="text" class="form-input" name="account_phone" id="account_phone" value="{{forms.edit_account.phone}}">
            </div>
            {{#each forms.edit_account.fields}}
                {{{dynamicComponent 'components/common/forms'}}}
            {{/each}}
        </div>
    </fieldset>
    <div class="form-actions">
        <button class="button button--primary">{{lang 'account.settings.update_details'}}</button>
    </div>
</form>
