@foreach($messages->reverse() as $message)
    @if($message->user_id == auth()->user()->id)
        <div class="chat-me mb">
            <div class="chat-msg js-chat-msg">
                {{ $message->text }}
            </div>
            <br>
            <small class="text-muted">{{ $message->created_at->format('h:i A - F d, Y') }}</small>
        </div>
    @else
        <div class="chat-other mb">
            <div class="avatar-sm avatar mr-3">
                <img alt="Avatar" src="{{ asset('tabler/static/avatar.jpg') }}">
            </div>
            <div class="chat-msg js-chat-msg">
                {{ $message->text }}
            </div>
            <br>
            <small class="text-muted">{{ $message->created_at->format('h:i A - F d, Y') }}</small>
        </div>
    @endif
@endforeach