@forelse($userLists as $userList)

    <li id="dp_{{$userList->id}}" class="bg-white">
        <a href="javascript:void(0)" id="dpa_{{$userList->id}}"
           class="@if(isset($userID) && $userID == $userList->id) active @endif chatUserLink"
           onclick='getChatData("{{$userList->id}}", "{{$userList->name}}")'>
            <div class="chatUserImg">
                <img src="@if(is_null($userList->image)) {{asset('img/default-profile-3.png')}} @else {{ asset_url('avatar/'.$userList->image)}} @endif" alt="user-img" class="img-circle">
              </div>
            <div class="chatUserLinkBody">
                <h6 @if($userList->message_seen == 'no' && $userList->user_one != $user->id) class="font-bold" @endif>{{$userList->name}}
                        @if(\App\User::isAdmin($userList->id))
                            <span style="--userColor:#ff0000;--userlightColor:#ff000029;">@lang('app.admin')</span>
                        @elseif(\App\User::isClient($userList->id))
                            <span style="--userColor:#329d0d;--userlightColor:#329d0d29;">@lang('app.client')</span>
                        @else
                            <span style="--userColor:#ffa500;--userlightColor:#ffa50029;">@lang('app.employee')</span>
                        @endif
                    
                </h6>
                <small class="text-simple">@if($userList->last_message){{  \Carbon\Carbon::parse($userList->last_message)->diffForHumans()}} @endif</small>
            </div>
        </a>
    </li>

@empty
    <li>
        <a href="javascript:void(0)">
            <span>
                @lang('messages.noConversation')
            </span>
        </a>
    </li>
@endforelse