@local <!-- views/components/layout/header/right.blade.php --> @endlocal
<div class="space-x-1">
@auth
    <!-- User Dropdown -->
        <x-generic.dropdown btn-id="page-header-user-dropdown" title="{{ __('User Options') }}">
            <x-slot name="trigger">
                <i class="fa fa-fw fa-user d-sm-none"></i>
                <span class="d-none d-sm-inline-block">{{__("Admin")}}</span>
                <i class="fa fa-fw fa-angle-down opacity-50 ms-1 d-none d-sm-inline-block"></i>
            </x-slot>
            <x-generic.dropdown-item fa-class="fa-user">{{__("Profile")}}</x-generic.dropdown-item>
            <div role="separator" class="dropdown-divider"></div>
            <a class="dropdown-item" href="{{ route('go_logout') }}">
                <i class="far fa-fw fa-arrow-alt-circle-left me-1"></i> {{__("Sign Out")}}
            </a>
        </x-generic.dropdown>
    <!-- END User Dropdown -->
@endauth
@hide <!-- this is a custom directive, defined in the AppServiceProvider -->
    <!-- Notifications Dropdown -->
    <x-generic.dropdown menu-size="dropdown-menu-lg" btn-id="page-header-notifications-dropdown" title="{{ __('Notifications') }}" additional-classes="border-top">
        <x-slot name="trigger">
            <i class="fa fa-fw fa-bell"></i>
        </x-slot>
        <x-slot name="ulist" class="my-2">
            <x-generic.ulist-item fa-class="fa-check-circle text-success" time-ago="minutes" time="3">{{__("App was updated to v", ['version' => '5.6'])}}</x-generic.ulist-item>
            <x-generic.ulist-item fa-class="fa-user-plus text-info" time-ago="minutes" time="10">{{__("New Subscriber was added! You now have :count!", ['count' => 2580])}}</x-generic.ulist-item>
            <x-generic.ulist-item fa-class="fa-times-circle text-danger" time-ago="minutes" time="30">{{__("Server backup failed to complete!")}}</x-generic.ulist-item>
            <x-generic.ulist-item fa-class="fa-exclamation-circle text-warning" time-ago="hours" time="1">{{__("You are running out of space. Please consider upgrading your plan.")}}</x-generic.ulist-item>
            <x-generic.ulist-item fa-class="fa-plus-circle text-primary" time-ago="hours" time="2">{{__("New Sale", ['amount' => 30, 'symbol' => '$'])}}</x-generic.ulist-item>
        </x-slot>
        <a class="btn btn-alt-primary w-100 text-center" href="javascript:void(0)">
            <i class="fa fa-fw fa-eye opacity-50 me-1"></i> {{__("View All")}}
        </a>
    </x-generic.dropdown>
    <!-- END Notifications Dropdown -->

    <!-- Toggle Side Overlay -->
    <!-- Layout API, functionality initialized in Template._uiApiLayout() -->
    <x-generic.button fa-class="fa-fw fa-list-alt" data-toggle="layout" data-action="side_overlay_toggle"></x-generic.button>
    <!-- END Toggle Side Overlay -->
@endhide
@guest
    <button type="button" class="btn btn-alt-secondary">
        <span class="ms-1 d-none d-sm-inline-block"><a href="{{ route('login') }}" >{{__('Login')}}</a></span>
    </button>
    <button type="button" class="btn btn-alt-secondary">
        @if (Route::has('register'))
            <span class="ms-1 d-none d-sm-inline-block"><a href="{{ route('register') }}" >{{__('Signup')}}</a></span>
        @endif
    </button>
@endguest
</div>