@php $current_route = \Illuminate\Support\Facades\Route::currentRouteName(); @endphp
<div class="card">
    <div class="card-header">
        <a href="{{ route('account.index') }}" class="text-secondary">
            <img src="{{ auth()->user()->avatar }}" alt="Avatar"
                 width="50" height="50" style="border-radius: 50%;">
            <b class="ml-2">{{ auth()->user()->name }}</b>
        </a>
    </div>
    <ul class="list-group list-group-flush">
        <a href="{{ route('account.user.edit') }}" class="text-dark">
            <li class="list-group-item {{ $current_route == 'account.user.edit' ? 'active' : '' }}">
                <span class="fa fa-user"></span> {{ __('Personal information') }}
            </li>
        </a>
        @if(auth()->user()->is_seller)
            <a href="{{ route('account.seller-information.edit', app()->getLocale()) }}" class="text-dark">
                <li class="list-group-item {{ $current_route == 'account.seller-information.edit' ? 'active' : '' }}">
                    <span class="fal fa-building"></span> 
                    اطلاعات فروشنده
                </li>
            </a>
        @endif
        <a href="{{ route('account.mobile.change') }}" class="text-dark">
            <li class="list-group-item {{ $current_route == 'account.mobile.change' ? 'active' : '' }}">
                <span class="fa fa-mobile-alt"></span> {{ __('Change Mobile') }}
            </li>
        </a>
        <a href="{{ route('account.password.edit') }}" class="text-dark">
            <li class="list-group-item {{ $current_route == 'account.password.edit' ? 'active' : '' }}">
                <span class="fa fa-lock"></span> {{ __('Change Password') }}
            </li>
        </a>
        <a href="{{ route('account.orders.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.orders.index', 'account.orders.show']) ? 'active' : '' }}">
                <span class="fa fa-shopping-bag"></span> {{ __('Orders') }}
            </li>
        </a>
        <a href="{{ route('account.wallets.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.wallets.index', 'account.wallets.show', 'account.wallets.create']) ? 'active' : '' }}">
                <span class="fa fa-wallet"></span> {{ __('Wallet') }}
            </li>
        </a>
        <a href="{{ route('account.points.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.points.index', 'account.points.show', 'account.points.show-exchange']) ? 'active' : '' }}">
                <span class="fa fa-star"></span> {{ __('Points') }}
            </li>
        </a>
        <a href="{{ route('account.addresses.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.addresses.index', 'account.addresses.create', 'account.addresses.edit']) ? 'active' : '' }}">
                <span class="fa fa-map-marker"></span> {{ __('Addresses') }}
            </li>
        </a>
        <a href="{{ route('account.tickets.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.tickets.index', 'account.tickets.create', 'account.tickets.edit']) ? 'active' : '' }}">
                <span class="fa fa-ticket-alt"></span> {{ __('Tickets') }}
            </li>
        </a>
        <a href="{{ route('account.comments.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.comments.index', 'account.comments.show']) ? 'active' : '' }}">
                <span class="fa fa-comments"></span> {{ __('Comments') }}
            </li>
        </a>
        <a href="{{ route('account.favorites.index') }}" class="text-dark">
            <li class="list-group-item {{ in_array($current_route, ['account.favorites.index']) ? 'active' : '' }}">
                <span class="fa fa-heart"></span> {{ __('Favorites') }}
            </li>
        </a>
        <a href="{{ route('logout') }}" class="text-dark" onclick="event.preventDefault();
                document.getElementById('logout-form').submit();">
            <li class="list-group-item">
                <span class="fa fa-sign-out-alt"></span> {{ __('Logout') }}
            </li>
        </a>
    </ul>
</div>