@if (user()->isLoggedIn())
    <div class="user-mini-profile">
        <div class="user-mini-profile-content">
            @php
                $roles = $user->getSortedRoles();
                $primaryRole = $user->getPrimaryRole();
            @endphp

            <div class="user-mini-profile-main" hx-boost="true" hx-target="#main" hx-swap="outerHTML transition:true">
                <div class="user-mini-profile-cover">
                    <img src="{{ asset($user->banner ?? config('profile.default_banner')) }}" alt=""
                        loading="lazy" decoding="async">
                </div>

                <div class="user-mini-profile-body">
                    <div class="user-mini-profile-top">
                        <div class="user-mini-profile-avatar-wrapper">
                            <a href="{{ url('profile/'.$user->getUrl()) }}" class="user-mini-profile-avatar">
                                <img src="{{ asset($user->avatar ?? config('profile.default_avatar')) }}"
                                    alt="{{ $user->name }}" loading="lazy" decoding="async">
                            </a>
                            @if (user()->can('admin.boss'))
                                <span class="user-mini-profile-crown" aria-hidden="true" data-tooltip="Boss of the gym">
                                    <x-icon path="ph.bold.crown-bold" />
                                </span>
                            @endif
                        </div>

                        @if ($primaryRole)
                            <div class="user-mini-profile-rank">
                                <span class="user-mini-profile-rank-label">{{ __('def.role') }}</span>
                                <x-role-badge :role="$primaryRole" mode="full" size="small" />
                            </div>
                        @endif
                    </div>

                    <div class="user-mini-profile-info">
                        <div class="user-mini-profile-name-row">
                            <a href="{{ url('profile/'.$user->getUrl()) }}" class="user-mini-profile-name">
                                {!! $user->getDisplayName(withColor: false) !!}
                            </a>
                            @if ($user->approved)
                                <span class="verified-badge verified-badge--small" data-tooltip="{{ __('def.approved') }}">
                                    <x-icon path="ph.bold.seal-check-bold" />
                                </span>
                            @elseif (user()->can('admin.boss'))
                                <span class="verified-badge verified-badge--small verified-badge--ghosted" data-tooltip="{{ __('profile.admin_actions.approve_user') }}">
                                    <x-icon path="ph.bold.seal-check-bold" />
                                </span>
                            @endif
                        </div>
                        <div class="user-mini-profile-presence">
                            <span class="user-mini-profile-presence-dot {{ $user->isOnline() ? 'online' : '' }}"></span>
                            <span>{{ $user->isOnline() ? __('def.online') : __('def.not_online') }}</span>
                        </div>
                    </div>

                    @if (count($roles) > 1)
                        <div class="user-mini-profile-roles">
                            @php $extraRoles = array_slice($roles, 1, 4); @endphp
                            @foreach ($extraRoles as $role)
                                <x-role-badge :role="$role" size="small" />
                            @endforeach

                            @if (count($roles) > 5)
                                <span class="role-badges__overflow" data-tooltip="#mp_roles_{{ $user->id }}">
                                    +{{ count($roles) - 5 }}
                                </span>
                                <div id="mp_roles_{{ $user->id }}" class="d-none">
                                    <ul class="user-roles-list">
                                        @for ($i = 5; $i < count($roles); $i++)
                                            @php $role = $roles[$i]; @endphp
                                            <li>
                                                <div class="user-card-role">
                                                    <span class="user-card-role-square" style="background: {{ $role->color }}"></span>
                                                    <span class="user-card-role-name">{{ $role->name }}</span>
                                                </div>
                                            </li>
                                        @endfor
                                    </ul>
                                </div>
                            @endif
                        </div>
                    @endif
                </div>
            </div>

            @if (sizeof(payments()->getAllGateways() ?? []) > 0)
                <div class="user-mini-profile-balance-card">
                    <div class="balance-info">
                        <span class="balance-label">{{ __('def.balance') }}</span>
                        <div class="balance-amount">
                            <span>{{ number_format($user->balance, 2) }}</span>
                            <span class="balance-currency">{{ config('lk.currency_view') }}</span>
                        </div>
                    </div>

                    @if (config('lk.only_modal'))
                        <a class="balance-action" data-modal-open="lk-modal">
                            <x-icon path="ph.bold.plus-bold" />
                            <span>{{ __('def.top_up') }}</span>
                        </a>
                    @else
                        <a href="{{ url('lk') }}" class="balance-action" hx-boost="true" hx-target="#main"
                            hx-swap="outerHTML transition:true">
                            <x-icon path="ph.bold.plus-bold" />
                            <span>{{ __('def.top_up') }}</span>
                        </a>
                    @endif
                </div>
            @endif

            <div class="user-mini-profile-actions" hx-boost="true" hx-target="#main" hx-swap="outerHTML transition:true">
                <a href="{{ url('profile/'.$user->getUrl()) }}" class="user-mini-profile-action">
                    <x-icon path="ph.regular.user" />
                    <span>{{ __('def.my_profile') }}</span>
                    <span class="user-mini-profile-action-chevron">
                        <x-icon path="ph.regular.caret-right" />
                    </span>
                </a>

                <a href="{{ url('profile/settings') }}" class="user-mini-profile-action">
                    <x-icon path="ph.regular.gear" />
                    <span>{{ __('def.settings') }}</span>
                    <span class="user-mini-profile-action-chevron">
                        <x-icon path="ph.regular.caret-right" />
                    </span>
                </a>

                @if (user()->can('admin'))
                    <a href="{{ url('admin') }}" class="user-mini-profile-action" hx-boost="false">
                        <x-icon path="ph.regular.shield-check" />
                        <span>{{ __('def.admin_panel') }}</span>
                        <span class="user-mini-profile-action-chevron">
                            <x-icon path="ph.regular.caret-right" />
                        </span>
                    </a>
                @endif

                <form method="POST" action="{{ url('logout') }}" class="user-mini-profile-action-form" hx-boost="false">
                    @csrf
                    <button type="submit" class="user-mini-profile-action user-mini-profile-action--danger">
                        <x-icon path="ph.regular.sign-out" />
                        <span>{{ __('def.logout') }}</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
@else
    <div class="user-mini-profile guest-profile">
        <div class="user-mini-profile-content">
            <div class="guest-profile-header">
                <div class="guest-profile-avatar">
                    <x-icon path="ph.regular.user" />
                </div>
                <div class="guest-profile-info">
                    <h4>{{ __('auth.guest') }}</h4>
                    <p>{{ __('auth.guest_description') }}</p>
                </div>
            </div>

            @php
                $socialNetworks = social()->getAll();
                $socialCount = sizeof($socialNetworks);
            @endphp

            @if (! config('auth.only_social', false) || (config('auth.only_social') && $socialCount === 0))
                <div class="guest-profile-actions" hx-boost="true" hx-target="#main" hx-swap="outerHTML transition:true">
                    @if (config('auth.only_modal'))
                        <x-button class="guest-profile-action" type="accent" data-modal-open="auth-modal">
                            <x-icon path="ph.regular.sign-in" />
                            <span>{{ __('def.login') }}</span>
                        </x-button>
                        <x-button class="guest-profile-action" type="outline-primary" data-modal-open="register-modal">
                            <x-icon path="ph.regular.user-plus" />
                            <span>{{ __('auth.register') }}</span>
                        </x-button>
                    @else
                        <x-button href="{{ url('login') }}" class="guest-profile-action" type="accent">
                            <x-icon path="ph.regular.sign-in" />
                            <span>{{ __('def.login') }}</span>
                        </x-button>
                        <x-button href="{{ url('register') }}" class="guest-profile-action" type="outline-primary">
                            <x-icon path="ph.regular.user-plus" />
                            <span>{{ __('auth.register') }}</span>
                        </x-button>
                    @endif
                </div>
            @elseif (config('auth.only_social', false) && $socialCount === 1)
                @php
                    $item = social()->toDisplay();
                    $key = key($item);
                    $icon = $item[$key];
                @endphp
                <div class="guest-profile-actions" hx-boost="true" hx-target="#main" hx-swap="outerHTML transition:true">
                    <x-button href="{{ url('social/'.$key) }}" class="guest-profile-action" type="accent" hx-boost="false">
                        <x-icon path="{{ $icon }}" />
                        <span>{{ __('auth.social.auth_via', [':social' => $key]) }}</span>
                    </x-button>
                </div>
            @elseif (config('auth.only_social', false) && $socialCount > 1)
                <div class="guest-profile-actions" hx-boost="true" hx-target="#main" hx-swap="outerHTML transition:true">
                    @if (config('auth.only_modal'))
                        <x-button class="guest-profile-action" type="accent" data-modal-open="auth-modal">
                            <x-icon path="ph.regular.sign-in" />
                            <span>{{ __('def.login') }}</span>
                        </x-button>
                    @else
                        <x-button href="{{ url('login') }}" class="guest-profile-action" type="accent">
                            <x-icon path="ph.regular.sign-in" />
                            <span>{{ __('def.login') }}</span>
                        </x-button>
                    @endif
                </div>
            @endif

            @if ($socialCount > 0 && (! config('auth.only_social') || (config('auth.only_social') && $socialCount > 1)))
                <div class="guest-profile-socials">
                    <div class="guest-profile-socials-label">{{ __('auth.social.quick_login') }}</div>
                    <div class="guest-profile-socials-buttons">
                        @foreach ($socialNetworks as $key => $item)
                            <a href="{{ url('social/'.$key) }}" class="guest-profile-social-btn"
                                data-tooltip="{{ $item['entity']->key }}">
                                <x-icon path="{{ $item['entity']->icon }}" />
                            </a>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>
@endif