@foreach($chats as $chat)
        @if($chat->sender_id == Auth::user()->id)
            <div class="message-sent text-end mb-3 ms-auto">
                <div class="message-content message-send-content">
                    <span>{{ $chat->msg }}</span>
                </div>
                <div class="message-options d-flex justify-content-end align-items-center">
                    <span class="chat-time"><i class="fas fa-check chat-visit-icon"></i></span>
                    <span class="chat-time">9:12 AM</span>
                    <div class="chat-avatar">
                        @foreach($allusers as $alluser)
                        @if($sender_id == $alluser->id)
                        
                                @if(!empty($alluser->profile_image))
                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" >
                                @else
                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" >
                                @endif
                             
                        @else
                        @endif
                        @endforeach
            
                        <!--<img src="https://himanshi.dbtechserver.online/invention-funder/assets/medias/profile.jpg" alt="">-->
                    </div>
                </div>
            </div>
        @else
            <div class="message-received mb-3 position-relative">
                <div class="message-content">
                    <span>{{ $chat->msg }}</span>
                </div>
                <div class="message-options d-flex jusitfy-content-center align-items-center">
                    <div class="chat-avatar">
                        @foreach($allusers as $alluser)
                        @if($receiver_id == $alluser->id)
                        
                                @if(!empty($alluser->profile_image))
                                 <img src="{{url('').'/'.$alluser->profile_image }}" alt="" >
                                @else
                                 <img src="{{ URL::asset('assets/medias/images.png') }}" alt="" >
                                @endif
                             
                        @else
                        @endif
                        @endforeach
                    </div>
                    <span class="chat-time">9:12 AM</span>
                    <span class="chat-time"><i class="fas fa-check chat-visit-icon"></i></span>
                </div>
            </div>
        @endif
        @endforeach
        

    
        <script>
            $(document).ready(function() {

                $(".message-content").hover(
                    function () {
                        $(".chat-down-angle-received").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-received").removeClass("icon-visible");
                    }
                );
                $(".chat-down-angle-received").hover(
                    function () {
                        $(".chat-down-angle-received").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-received").removeClass("icon-visible");
                    }
                );
                $(".message-content").hover(
                    function () {
                        $(".chat-down-angle-sent").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-sent").removeClass("icon-visible");
                    }
                );
                $(".chat-down-angle-sent").hover(
                    function () {
                        $(".chat-down-angle-sent").addClass("icon-visible");
                    },
                    function () {
                        $(".chat-down-angle-sent").removeClass("icon-visible");
                    }
                );
            });
            
            $(".msg-drop-menu").click(function() {

                $(".sub-menu").toggleClass("show-dropdown");

            });
        </script>