@forelse($chatDetails as $chatDetail)

    <li class="commonMessageItem @if($chatDetail->from == $user->id) odd @else  @endif">
        <div class="chatMsgImage"> 
            <img alt="user" src="@if(is_null($chatDetail->fromUser->image)){{asset('img/default-profile-3.png')}} @else{{ asset_url('avatar/'.$chatDetail->fromUser->image)}}@endif"> 
        </div>
        <div class="chatMsgBody">
            <h4 class="chatMsgUser">
                @if($chatDetail->from == $user->id) you @else {{$chatDetail->fromUser->name}} @endif
                @if(($chatDetail->from == $user->id))
                <div class="chatMsgDelete @if($chatDetail->from == $user->id) left @else right @endif" onclick="deleteMessage('{{ $chatDetail->id }}')"><i class="fa fa-trash"></i></div>
                @endif
            </h4>
            <p class="chatMsgMessage">{{ $chatDetail->message }}</p>
            <span class="chatMsgTime">{{ $chatDetail->created_at->timezone($global->timezone)->format($global->date_format.' '. $global->time_format) }}</span>
        </div>
    </li>

@empty
    <li class="notFoundMessage"><div class="message">@lang('messages.noMessage')</div></li>
@endforelse