<div class="col-12 col-lg-3">
    <x-panel :title="__('Navigation')">
        <ul class="panel__navigation">
            <li class="{{ request()->translatedRouteIs('account.index') ? 'is-active' : '' }}">
                <a href="{{ translatedRoute('account.index') }}">{{ __('Account') }}</a>
            </li>
            <li class="{{ request()->translatedRouteIs('account.password') ? 'is-active' : '' }}">
                <a href="{{ translatedRoute('account.password') }}">{{ __('Password') }}</a>
            </li>
            <li class="{{ request()->translatedRouteIs('account.addresses.*') ? 'is-active' : '' }}">
                <a href="{{ translatedRoute('account.addresses.index') }}">{{ __('Addresses') }}</a>
            </li>
            <li class="{{ request()->translatedRouteIs('account.orders.*') ? 'is-active' : '' }}">
                <a href="{{ translatedRoute('account.orders.index') }}">{{ __('Orders') }}</a>
            </li>
        </ul>
    </x-panel>
</div>
