{{-- <div class="row">
    <div class="col-8">
        <ul class="d-flex flex-column flex-wrap p-0 m-0">
            @foreach ($replies as $reply)
                <li class="d-flex mb-3 w-100 flex-wrap {{$reply->user ? 'justify-content-end' : 'justify-content-start'}}">
                    <div class="{{$reply->user ? 'bg-label-primary' : 'bg-label-secondary'}} rounded-3 text-white message-w  p-2 position-relative">
                        <div class="d-flex justify-content-between w100">
                            <span class="badge bg-primary text-white">{{$reply->user ? $reply->user->name : $user->lead->first_name}}</span>
                            <span class="badge bg-success text-white">{{$reply->received_at}}</span>
                        </div>
                        <div class="message-content d-flex justify-content-between align-items-center pt-2">
                            <span>
                                {{$reply->message}}
                            </span>
                        </div>
                    </div>
                </li>
            @endforeach
            @if($message && $message->user != null)
            <li class="d-flex mb-3 w-100 flex-wrap">
                <div class="bg-success rounded-3 text-white w-100  p-2 position-relative">
                    <span class="position-absolute top-0 start-50 translate-middle badge bg-danger text-white">First Message</span>
                    <div class="d-flex justify-content-between w100">
                        <span class="badge bg-primary text-white">{{$message->user ? $reply->user->name : $user->lead->first_name}}</span>
                        <span class="badge bg-success text-white">{{$message->received_at}}</span>
                    </div>
                    <div class="message-content d-flex justify-content-between align-items-center pt-2">
                        <span>
                            {{$message->message}}
                        </span>
                    </div>
                </div>
            </li>
            @endif
        </ul>
    </div>
    <div class="col-4 position-sticky sticky-top">
        adasds
    </div>
</div> --}}