<div class="card border-0 rounded-0 p-lg-4 bg-light">
    <div class="card-body">
        <div class="py-2 px-4 mb-3 {{ Route::currentRouteName() == 'user.dashboard' ? 'bg-dark' : 'bg-light' }}">
            <a class="text-decoration-none"  href="{{ route('user.dashboard') }}">
                <strong class="{{ Route::currentRouteName() == 'user.dashboard' ? 'text-white' : '' }} text-uppercase font-weight-bold">{{__("Dashboard")}}</strong>
            </a>
        </div>

        <div class="py-2 px-4 mb-3 {{ Route::currentRouteName() == 'user.profile' ? 'bg-dark' : 'bg-light' }}">
            <a class="text-decoration-none" href="{{ route('user.profile') }}">
                <strong class="{{ Route::currentRouteName() == 'user.profile' ? 'text-white' : '' }} text-uppercase font-weight-bold">{{__("Profile")}}</strong>
            </a>
        </div>

        <div class="py-2 px-4 mb-3 {{ Route::currentRouteName() == 'user.addresses' ? 'bg-dark' : 'bg-light' }}">
            <a class="text-decoration-none"  href="{{ route('user.addresses') }}">
                <strong class="{{ Route::currentRouteName() == 'user.addresses' ? 'text-white' : '' }} text-uppercase font-weight-bold">{{__("Addresses")}}</strong>
            </a>
        </div>

        <div class="py-2 px-4 mb-3 {{ Route::currentRouteName() == 'user.orders' ? 'bg-dark' : 'bg-light' }}">
            <a class="text-decoration-none"  href="{{ route('user.orders') }}">
                <strong class="{{ Route::currentRouteName() == 'user.orders' ? 'text-white' : '' }} text-uppercase font-weight-bold">{{__('Orders')}}</strong>
            </a>
        </div>

        <div class="py-2 px-4 mb-3 {{ Route::currentRouteName() == 'user.payments' ? 'bg-dark' : 'bg-light' }}">
            <a class="text-decoration-none"  href="{{ route('user.payments') }}">
                <strong class="{{ Route::currentRouteName() == 'user.payments' ? 'text-white' : '' }} text-uppercase font-weight-bold">{{__("Payments")}}</strong>
            </a>
        </div>

        <div class="py-2 px-4 mb-3 bg-light">
            <a class="text-decoration-none"  href="javascript:void(0);" onclick="event.preventDefault();
            document.getElementById('logout-form').submit();">
                <strong class="text-uppercase font-weight-bold">Logout</strong>
            </a>
            <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                @csrf
            </form>
        </div>

    </div>
</div>
