@php
    use KFramework\Components\Visual\Button;
    use KFramework\Components\Visual\ButtonsGroup;
@endphp

<div class="kfw-headbar-buttons">
    {!!
         Button::make()
            ->setPreIcon(request()->cookie('theme') === 'dark' ? 'weather-sunny' : 'weather-night')
            ->setClasses(['kfw-theme-button'])
            ->setOnClick('kfwChangeTheme()')
            ->setHint(__('kfw::ui.change_theme'))
            ->setHidden(!!config('k-framework.ui.light_mode'))
    !!}
    @if(isset($user))
        @php
        $userImage = '<i class="mdi mdi-account-circle-outline i-medium"></i>';
            if(isset($userProfile) && $userProfile->profile_image)
            {
                $userImage = '<img src="data:image/png;base64, ' . $userProfile->profile_image . '" style="width:30px; height: 30px; border-radius: 100px;">';
            }
        @endphp
        {!!
            Button::make()
                ->setClasses(['kfw-notification-button'])
                ->setPreIcon(!empty($unreadNotificationsCount) ? 'bell-badge-outline' : 'bell-outline')
                ->setSuffix(!empty($unreadNotificationsCount) ? $unreadNotificationsCount : null)
                ->setHidden(!config('k-framework.modules.user_profile') || !config('k-framework.modules.user_notifications'))
                ->setOnClick('kfwToggleNotificationPanel()')
                ->setStyle(!empty($unreadNotificationsCount) ? 'color: var(--warning-color) !important;' : null)
            .
            ButtonsGroup::make($userImage)
                ->setSchema([
                    '<div class="w-100 p-2 flex-it align-items-center justify-content-center gap-1" style="border-bottom: var(--table-cell-border)">
                        <div class="w-20">
                            ' . ($userImage) . '
                        </div>
                        <div class="w-80 p-0">
                            <div style="font-size:12px; text-overflow: ellipsis; text-wrap: wrap; padding: 0 5px;">' . ($user->name ?? '') .'</div>
                            <div style="font-size:12px; text-overflow: ellipsis; text-wrap: wrap; padding: 0 5px">' . ($user->email ?? '') .'</div>
                        </div>
                    </div>',
                    Button::make(__('kfw::users.profile'))
                        ->setType('primary')
                        ->setPreIcon('account-outline')
                        ->setURL(Route::has('kfw.users.profile') ? route('kfw.users.profile') : null)
                        ->setHidden(!config('k-framework.modules.user_profile')),
                    Button::make(__('kfw::users.logout'))
                        ->setType('danger')
                        ->setPreIcon('logout')
                        ->setURL(route('kfw.users.logout'))
                ])
        !!}
    @endif
</div>