{{#extend "my-account" title="Update personal details" pageMyAcc=true}}
  {{#content "heading"}}
    {{> notifications notification-page.warning classModifier="notification_warning personal-update-warning" withCloseBtn="true"}}
    {{> account-heading title="Update Personal Details"}}
  {{/content}}
    {{#content "aside"}}
        {{> aside-nav2 my-account-menu active-index="0" page-name="Update Personal Details" mod="d-none d-lg-block"}}
        {{> my-account/mobile-nav
            mod="account-nav--old-pages"
            menu=my_account.diy.menu
            active-index=2
            page-name="Personal Details"
            }}
    {{/content}}
  {{#content "main"}}
    <form action="#" class="form-bg form-personal-details">
        <div class="form-personal-details__row">
            <div class="form-personal-details__descr">
                <h3>Please use this form to update your personal details</h3>
                <div class="warning-required">Required fields</div>
            </div>
        </div>
        {{> form-row dropdown="true" id="title" label="Title" placeholder="Please select" row-mod="row-title"
            required="true"}}
        {{> form-row id="first-name" label="First name" required="true"}}
        {{> form-row id="surname" label="Surname" required="true"}}
        {{> form-row dropdown="true" id="select-address" label="How would you describe yourself or your main trade" placeholder="DIY"  required="true"}}
        <div class="form-row form-row__action form-row__action_custom">
            <div class="form-row__col-btn">
                <button class="btn btn-primary btn_full">
                    <span class="btn__text">Save updates</span>
                </button>
            </div>
            <div class="form-row__col-btn btn_full">
                <button class="btn btn-secondary btn_full btn-cancel" type="reset">
                    <span class="btn__text">Cancel</span>
                </button>
            </div>
        </div>
    </form>
{{/content}}
{{/extend}}