@if($message->type == 1) {{--from client--}}
    <div class="d-flex flex-column mb-5 align-items-start">
        <div class="d-flex align-items-center">
            <div class="symbol symbol-light-primary symbol-35 mr-3">
                {{abbreviateStr($thread->contact->name)}}
            </div>
            <div>
                <a href="#" class="text-dark-75 text-hover-primary font-weight-bold font-size-h6">
                    {{$thread->contact->name}}
                </a>
                <span class="text-muted font-size-sm">
                    {{$message->created_at->diffForHumans()}}
                </span>
            </div>
        </div>
        <div class="mt-2 rounded p-5 bg-light-success text-dark-50 font-weight-bold font-size-lg text-left max-w-400px">
            {{ $message->body }}
        </div>
    </div>
@else
    <div class="d-flex flex-column mb-5 align-items-end">
        <div class="d-flex align-items-center">
            <div>
                <span class="text-muted font-size-sm">{{date_diff(new DateTime($message->created_at),new DateTime(Illuminate\Support\Carbon::now()))->format('%d days, %h hours, %i minutes')}} ago</span>

            </div>
            <div class="symbol symbol-circle symbol-40 ml-3">
                <img alt="Pic" src="assets/media/users/300_21.jpg" />
            </div>
        </div>
        <div class="mt-2 rounded p-5 bg-light-primary text-dark-50 font-weight-bold font-size-lg text-right max-w-400px">{{$message->body}}</div>
    </div>
@endif