     </div>
                                            <div class="chat-details">
                                                <h6 class="chat-name" x-text="selectedConversation?.name"></h6>
                                                <p class="chat-status" x-show="selectedConversation?.online">● Online</p>
                                                <p class="chat-status" x-show="!selectedConversation?.online" x-text="`Last seen ${selectedConversation?.lastSeen}`"></p>
                       