import androidx.compose.foundation.layout.fillMaxSize
import androidx.compose.foundation.layout.systemBarsPadding
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import io.trtc.tuikit.atomicxcore.api.conversation.ConversationType
import io.trtc.tuikit.atomicxcore.api.message.MessageInfo
import io.trtc.tuikit.chat.uikit.components.search.ui.SearchScreen

@Composable
fun SearchPage(
    onBack: () -> Unit,
    onOpenChat: (conversationID: String, locateMessage: MessageInfo?) -> Unit
) {
    SearchScreen(
        modifier = Modifier
            .fillMaxSize()
            .systemBarsPadding(),
        onBack = onBack,
        onContactSelect = { friend ->
            // Click a contact result to open a one-to-one chat with that friend
            onOpenChat("c2c_${friend.userID}", null)
        },
        onGroupSelect = { group ->
            // Click a group result to open the group chat
            onOpenChat("group_${group.groupID}", null)
        },
        onConversationSelect = { conversation ->
            // Click the conversation information at the top of the in-conversation message results page to open that conversation
            onOpenChat(conversation.conversationID, null)
        },
        onMessageSelect = { message ->
            // Click a message to open its conversation and locate that message
            onOpenChat(message.conversationID, message)
        }
    )
}

// Calculate the conversationID of the conversation that contains the message
val MessageInfo.conversationID: String
    get() = when {
        conversationType == ConversationType.GROUP -> "group_$to"
        isSentBySelf -> "c2c_$to"
        else -> "c2c_${from.userID}"
    }

import io.trtc.tuikit.chat.uikit.components.messagelist.ui.MessageList

// After you pass in locateMessage, the message list scrolls to that message and highlights it
MessageList(
    conversationID = conversationID,
    locateMessage = locateMessage
)