@php
    $authId = auth()->id();

    // Fetch all friendships involving current user
    $all = \App\Models\FriendShip::where('sender_id', $authId)
        ->orWhere('receiver_id', $authId)
        ->get();

    // Get a collection of user IDs to exclude
    $exclude = $all->map(function ($f) use ($authId) {
        return ($f->sender_id === $authId) ? $f->receiver_id : $f->sender_id;
    })->push($authId)->values()->all(); // convert to plain array of IDs
@endphp
@foreach($chats as $chat)
    @php
        $chat->userHasLiked = $chat->likes()->where('user_id', auth()->id())->exists();

    @endphp
    <div class="post-coment">
        <div class="cmnt-jhn">
            <div class="d-flex">
                <figure>
                    <img style="    border-radius: 27px;     height: 35px; max-width: 65%!important;"
                         src="{{$chat->user->getFirstMediaUrl('profile_image')}}"
                         class="img-fluid profileImage"
                         alt="img">
                </figure>
                <div>
                    <h4>{{$chat->user->name ?? ''}}</h4>
                    <span><i class="fad fa-clock"></i>3 min ago</span>
                </div>
            </div>
            <div
                class="chat-actions position-absolute top-0 end-0 d-flex align-items-start gap-2">
                @if (Auth::check() && \Illuminate\Support\Facades\Auth::user()->hasRole('user'))
                    @if(!in_array($chat->user->id, $exclude))
                        <a style="margin-right: 18px; margin-top: 5px;"
                           href="javascript:void(0);"
                           class="follow-btn btn-icon"
                           data-id="{{ $chat->user->id }}">
                            <i class="fal fa-plus"></i>
                        </a>
                    @endif
                @else
                    <a style="margin-right: 18px; margin-top: 5px;"
                       href="{{route('guest.user')}}">
                        <i class="fal fa-plus"></i>
                    </a>
                @endif
                @if (Auth::check() && \Illuminate\Support\Facades\Auth::user()->hasRole('user'))
                    <div class="dropdown">
                        <button class="btn btn-secondary dropdown-toggle" type="button"
                                id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="false">
                            <i class="far fa-ellipsis-v"></i>
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" href="#">Report Abuse</a>
                        </div>
                    </div>
                @endif
            </div>
        </div>

        <div class="senir-wrodpres">
            <h4 class="chat-heading">
                {{ $chat->title ?? '' }} - <span
                    class="chat-subtitle">{{ $chat->sub_title ?? '' }}</span>
            </h4>
            @php
                $words = explode(' ', $chat->description);
                $shortDescription = implode(' ', array_slice($words, 0, 50));
                $fullDescription = implode(' ', array_slice($words, 50));

            @endphp

            <p>
                {!! $shortDescription !!}
                @if (count($words) > 50)
                    <span style="color: #666666;
    font-size: 0.9rem;
    line-height: 24px;
    font-family: 'Source Sans Pro';
    margin-bottom: 7px;
    width: 95%;" class="more-text d-none">{!! $fullDescription !!}</span>
                    <a href="javascript:void(0);" class="view toggle-more">View More</a>
                @endif
            </p>

        </div>
        @if (Auth::check() && \Illuminate\Support\Facades\Auth::user()->hasRole('user'))
            <div class="like-comnt">
                <ul>
                    <li>
                        <a href="#" class="like-btn" data-chat-id="{{ $chat->id }}">
                            <i class="fas fa-heart {{ $chat->userHasLiked ? 'text-danger' : '' }}"></i>
                            Like
                        </a>
                        <figure>
                            <img src="{{ asset('images/likeimg.png') }}" class="img-fluid" alt="img">
                            <span class="like-count"
                                  id="like-count-{{ $chat->id }}">{{ $chat->likes_count }}</span>
                        </figure>
                        <a href="{{route('chat.comment',$chat->id)}}"><i class="fas fa-comment-alt"></i>
                            Comment {{$chat->comments->count()}}</a>
                    </li>
                </ul>

            </div>
        @endif
    </div>
@endforeach