@if ($authenticatedUser['authenticated'])
    <div class="user-profile">
        <div class="dropdown">
            <button class="dashboard-dropdown-button dropdown-toggle d-flex align-items-center" type="button"
                id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="user-profile-img">
                    <i class="las la-user"></i>
                </span>
                <span class="user-profile-meta">
                    <span class="name">{{ $authenticatedUser['name'] }}
                        <i class="las la-angle-down"></i>
                    </span>
                </span>
            </button>
            <ul class="dashboard-dropdown dropdown-menu" aria-labelledby="dropdownMenuButton">
                <li><a class="dropdown-item" href="{{ route($authenticatedUser['type'] . '.profile.setting') }}">
                        <i class="far fa-user"></i>@lang('Profile')</a></li>
                <li><a class="dropdown-item" href="{{ route($authenticatedUser['type'] . '.order.index') }}">
                        <i class="las la-shopping-bag"></i>@lang('Orders')</a></li>
                <li><a class="dropdown-item" href="{{ route($authenticatedUser['type'] . '.change.password') }}">
                        <i class="las la-lock"></i>@lang('Change Password')</a></li>
                <li><a class="dropdown-item" href="{{ route($authenticatedUser['type'] . '.logout') }}">
                        <i class="las la-sign-out-alt"></i>@lang('Logout')</a></li>
            </ul>
        </div>
    </div>
@else
    <div class="user-profile">
        <div class="dropdown">
            <button class="dashboard-dropdown-button dropdown-toggle d-flex align-items-center" type="button"
                id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false">
                <span class="user-profile-img">
                    <i class="las la-sign-in-alt"></i>
                </span>

                <span class="user-profile-meta">
                    <span class="name">@lang('Login')
                        <i class="las la-angle-down"></i>
                    </span>
                </span>
            </button>
            <ul class="dashboard-dropdown dropdown-menu" aria-labelledby="dropdownMenuButton2">
                <li>
                    <a class="dropdown-item" href="{{ route('user.login') }}">
                        <i class="fas fa-user"></i> @lang('Login as User')
                    </a>
                </li>
                <li>
                    <a class="dropdown-item" href="{{ route('restaurant.login') }}">
                        <i class="fas fa-utensils"></i> @lang('Login as Restaurant')
                    </a>
                </li>

            </ul>
        </div>
    </div>
@endauth
