<div class="drawers aside-inset">
    <details open>
        <summary>{{ __('General settings') }}</summary>
        <menu class="content pagelinks">
            <li>
                <x-app.pagelink
                    href="{{ route('account.info') }}"
                    :active="request()->routeIs('account.info')"
                    :label="__('account.settings.information.title')"
                    icon="info-circle"
                />
            </li>
            <li>
                <x-app.pagelink
                    href="{{ route('account.locale') }}"
                    :active="request()->routeIs('account.locale', 'account.delete.*')"
                    :label="__('account.settings.locale.title')"
                    icon="earth"
                />
            </li>
            <li>
                <x-app.pagelink
                    href="{{ route('account.addresses') }}"
                    :active="request()->routeIs('account.addresses')"
                    :label="__('common.addresses')"
                    icon="pin"
                />
            </li>
        </menu>
    </details>
    <details open>
        <summary>{{ __('Account settings') }}</summary>
        <menu class="content pagelinks">
            <li>
                <x-app.pagelink
                    href="{{ route('account.password') }}"
                    :active="request()->routeIs('account.password')"
                    :label="__('common.password')"
                    icon="key"
                />
            </li>
            <li>
                <x-app.pagelink
                    href="{{ route('account.delete') }}"
                    :active="request()->routeIs('account.delete', 'account.delete.*')"
                    :label="__('account.delete')"
                    icon="bomb"
                />
            </li>
        </menu>
    </details>
</div>
