{{-- User Information Box - Reusable Component --}}
{{-- Can be used for Project Owner or Freelancer Information --}}
{{-- Pass $user variable and optional $title --}}
@php
    $isOnline = false;
    if($user->last_login ?? false) {
        try {
            $isOnline = \Carbon\Carbon::parse($user->last_login)->diffInMinutes(now()) < 10;
        } catch (\Exception $e) {
            $isOnline = false;
        }
    }
@endphp
<div class="box-cont">
    <h3 class="side-title">
        {{ $box_title ?? ($user->isFreelancer() ? 'عن المستقل' : 'عن صاحب المشروع') }}
    </h3>
    <div class="client">
        @if($user->isFreelancer())
        <div class="owner-box-img-wrapper">
            <div class="user-img">
                <a href="{{route('freelancers.details', $user->username)}}">
                    <img src="{{ $user->avatar_thumb_url }}" alt="صورة المستقل" class="img-fluid" loading="lazy" decoding="async" width="60" height="60">
                </a>
            </div>
            <span class="status {{ $isOnline ? 'active' : '' }}" title="{{ $isOnline ? 'متصل الآن' : 'غير متصل' }}"></span>
            @if($user->identity_verified_at ?? false)
            <span class="verified-badge" title="هوية موثقة">
                <svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" 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>
        @endif
        <div class="user-text" @if(!$user->isFreelancer()) style="margin-inline-start: 0;" @endif>
            @if($user->isFreelancer())
            <a href="{{route('freelancers.details', $user->username)}}">
                <h6>{{$user->name ?? trans('N/A')}}</h6>
            </a>
            @if(isset($user->category))
            <span class="user-job">
                {{$user->category?->name ?? trans('N/A')}}
            </span>
            @endif
            @endif
            @php
                $reviewsCount = \App\Models\Rating::where('rated_user', $user->id)->count();
            @endphp
            <div class="rating owner-rating-block">
                <div class="owner-rating-score">{{ number_format($user->rating, 1) }}</div>
                <div class="owner-rating-stars">
                    <div class="owner-rating-stars-row">
                        <span class="@if($user->rating > 0) active @endif">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19.386" height="18.417" viewBox="0 0 19.386 18.417">
                                <path data-name="Icon material-star" d="m12.693 17.8 5.99 3.616-1.589-6.816 5.293-4.585-6.969-.591L12.693 3 9.969 9.427 3 10.018 8.293 14.6 6.7 21.417z" transform="translate(-3 -3)"/>
                            </svg>
                        </span>
                        <span class="@if($user->rating > 1) active @endif">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19.386" height="18.417" viewBox="0 0 19.386 18.417">
                                <path data-name="Icon material-star" d="m12.693 17.8 5.99 3.616-1.589-6.816 5.293-4.585-6.969-.591L12.693 3 9.969 9.427 3 10.018 8.293 14.6 6.7 21.417z" transform="translate(-3 -3)"/>
                            </svg>
                        </span>
                        <span class="@if($user->rating > 2) active @endif">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19.386" height="18.417" viewBox="0 0 19.386 18.417">
                                <path data-name="Icon material-star" d="m12.693 17.8 5.99 3.616-1.589-6.816 5.293-4.585-6.969-.591L12.693 3 9.969 9.427 3 10.018 8.293 14.6 6.7 21.417z" transform="translate(-3 -3)"/>
                            </svg>
                        </span>
                        <span class="@if($user->rating > 3) active @endif">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19.386" height="18.417" viewBox="0 0 19.386 18.417">
                                <path data-name="Icon material-star" d="m12.693 17.8 5.99 3.616-1.589-6.816 5.293-4.585-6.969-.591L12.693 3 9.969 9.427 3 10.018 8.293 14.6 6.7 21.417z" transform="translate(-3 -3)"/>
                            </svg>
                        </span>
                        <span class="@if($user->rating > 4) active @endif">
                            <svg xmlns="http://www.w3.org/2000/svg" width="19.386" height="18.417" viewBox="0 0 19.386 18.417">
                                <path data-name="Icon material-star" d="m12.693 17.8 5.99 3.616-1.589-6.816 5.293-4.585-6.969-.591L12.693 3 9.969 9.427 3 10.018 8.293 14.6 6.7 21.417z" transform="translate(-3 -3)"/>
                            </svg>
                        </span>
                    </div>
                    <div class="owner-rating-label">
                        {{ number_format($user->rating, 2) }} من {{ $reviewsCount }} {{ $reviewsCount == 1 ? 'تقييم' : 'تقييمات' }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <ul class="list-unstyled client-info">
        @if($user->isFreelancer())
        <li>
            معدل التسليم بالموعد : {{ $user->onTimeDeliveryRate() }} %
        </li>
        <li>
            المشاريع المكتملة : {{ $user->totalProjects() }}
        </li>
        <li>
            معدل اكمال المشاريع : {{ $user->completedProjectsRate() }} %
        </li>
        @else
        <li>
            @if($user->payment_verified)
                وسيلة دفع موثوقة
            @else
                لم يتم توثيق الدفع بعد
            @endif
        </li>
        <li>
            @lang('Employment Rate') : {{ $user->employmentRate() }} %
        </li>
        @if(isset($project))
        <li>
            التواصلات الجارية : {{ $project->chats()->count() }}
        </li>
        @endif
        <li>
            المشاريع المستلمة : {{ $user->totalProjects() }}
        </li>
        @endif
        <li>
            @lang('Last Active') : {{ $user->lastLogin() }}
        </li>
        <li>
            الدولة : {{$user->country?->name ?? trans('N/A')}}
        </li>
        <li>
            عضو منذ : {{ str_replace('منذ ', '', $user->created_at->diffForHumans()) }}
        </li>
    </ul>
</div>