@php
    $isOnline = false;
    if($user->last_login) {
        try {
            $isOnline = \Carbon\Carbon::parse($user->last_login)->diffInMinutes(now()) < 10;
        } catch (\Exception $e) {
            $isOnline = false;
        }
    }
@endphp
<div class="user-nav">
    <div class="client">
        <div class="user-img-wrapper" style="position:relative;width:120px;height:120px;flex-shrink:0;"> 
            <div class="user-img">
                <img src="{{ $user->avatar_profile_url }}" alt="صورة المستخدم" class="img-fluid" decoding="async" width="100" height="100">
            </div>
            @if($user->identity_verified_at ?? false)
            <span class="verified-badge" title="هوية موثقة">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none">
                    <path d="M9 12l2 2 4-4" stroke="#fff" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
            </span>
            @endif
        </div>
        <div class="user-text">
            <div class="user-info">
                <h6>
                    <span class="user-nav-online-dot {{ $isOnline ? 'active' : '' }}" title="{{ $isOnline ? 'متصل الآن' : 'غير متصل' }}"></span>
                    {{ $user->name }}
                </h6>

                <div class="rating">
                    <span class="@if($user->rating > 0) active @endif">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.554" height="16.677" viewBox="0 0 17.554 16.677"><path d="M11.777,16.4,17.2,19.677l-1.439-6.17,4.792-4.152-6.311-.535L11.777,3,9.311,8.819,3,9.355l4.792,4.152-1.439,6.17Z" transform="translate(-3 -3)" /></svg>
                    </span>
                    <span class="@if($user->rating > 1) active @endif">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.554" height="16.677" viewBox="0 0 17.554 16.677"><path d="M11.777,16.4,17.2,19.677l-1.439-6.17,4.792-4.152-6.311-.535L11.777,3,9.311,8.819,3,9.355l4.792,4.152-1.439,6.17Z" transform="translate(-3 -3)" /></svg>
                    </span>
                    <span class="@if($user->rating > 2) active @endif">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.554" height="16.677" viewBox="0 0 17.554 16.677"><path d="M11.777,16.4,17.2,19.677l-1.439-6.17,4.792-4.152-6.311-.535L11.777,3,9.311,8.819,3,9.355l4.792,4.152-1.439,6.17Z" transform="translate(-3 -3)" /></svg>
                    </span>
                    <span class="@if($user->rating > 3) active @endif">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.554" height="16.677" viewBox="0 0 17.554 16.677"><path d="M11.777,16.4,17.2,19.677l-1.439-6.17,4.792-4.152-6.311-.535L11.777,3,9.311,8.819,3,9.355l4.792,4.152-1.439,6.17Z" transform="translate(-3 -3)" /></svg>
                    </span>
                    <span class="@if($user->rating > 4) active @endif">
                        <svg xmlns="http://www.w3.org/2000/svg" width="17.554" height="16.677" viewBox="0 0 17.554 16.677"><path d="M11.777,16.4,17.2,19.677l-1.439-6.17,4.792-4.152-6.311-.535L11.777,3,9.311,8.819,3,9.355l4.792,4.152-1.439,6.17Z" transform="translate(-3 -3)" /></svg>
                    </span>
                </div>

                @php $navHighestBadge = $user->highestBadge(); @endphp
                @if($navHighestBadge && $navHighestBadge->slug !== 'ready-to-work')
                @php
                    $navIconSvg = match($navHighestBadge->slug) {
                        'rising-star' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>',
                        'profit-pro'  => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>',
                        'ribhi-elite' => '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm0 2h14v2H5v-2z"/></svg>',
                        default => '',
                    };
                @endphp
                <div class="user-status-pills">
                    <span class="status-pill status-pill--badge" style="background:{{ $navHighestBadge->color }}18;color:{{ $navHighestBadge->color }};border-color:{{ $navHighestBadge->color }}50;">
                        {!! $navIconSvg !!}
                        {{ $navHighestBadge->name }}
                    </span>
                </div>
                @endif
            </div>

            <div class="user-nav-meta">
                <span class="user-nav-meta-item">
                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="8" r="4"/>
                        <path d="M4 20c0-4 3.6-7 8-7s8 3 8 7"/>
                    </svg>
                    {{ $user->type == 1 ? trans('front.Freelancer') : trans('front.Project Owner') }}
                </span>
                @if(isset($user->category))
                <span class="user-nav-meta-item">
                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/>
                        <path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/>
                    </svg>
                    {{ $user->subCategory?->name ?? $user->category?->name ?? trans('N/A') }}
                </span>
                @endif
                @if($user->country)
                <span class="user-nav-meta-item">
                    <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                        <circle cx="12" cy="12" r="10"/>
                        <line x1="2" y1="12" x2="22" y2="12"/>
                        <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
                    </svg>
                    {{ $user->country->name }}
                </span>
                @endif
            </div>
        </div>
    </div> 

    <ul class="list-unstyled">
        <li><a class="{{ ($activePage ?? 'profile') == 'profile' ? 'active' : '' }}" href="{{route('freelancers.details', $user->username)}}">@lang('front.profile')</a></li>
        <li>
            <a class="{{ ($activePage ?? '') == 'rating' ? 'active' : '' }}" href="{{ route('freelancers.rating', $user->username) }}">
                @lang('front.reviews')
            </a>
        </li>
        <li><a class="{{ ($activePage ?? '') == 'gallery' ? 'active' : '' }}" href="{{route('portfolio.show', $user->username)}}" >@lang('front.gallery')</a></li>
        {{-- <li><a class="{{ ($activePage ?? '') == 'projects' ? 'active' : '' }}" href="{{$user->id == auth()->id() ? route('project.user.list') : route('freelancers.userProjects', $user->username)}}" >المشاريع المكتملة</a></li> --}}
    </ul>
</div>