// ContentView.swift
import SwiftUI

struct ContentView: View {
    var body: some View {
        GroupChatPage()
    }
}

// GroupChatPage.swift
import AtomicX
import AtomicXCore
import SwiftUI

public struct GroupChatPage: View {
    @StateObject private var themeState = ThemeState.shared
    @State private var isLoggedIn = false
    @State private var isLoggingIn = true
    @State private var loginError: String? = nil

    private let sdkAppID: Int32 = 1234567890 // TODO: Fill in the sdkAppID here
    private let senderUserID = "" // TODO: Fill in your userID here
    private let senderUserSig = "" // TODO: Fill in your generated userSig here
    private let groupID = "" // TODO: Fill in the groupID here

    private var conversationID: String {
        // C2C conversationID: "c2c_\\(userID)", Group conversationID: "group_\\(groupID)"
        "group_\\(groupID)"
    }

    public var body: some View {
        Group {
            if isLoggedIn {
                groupChatContentView
            } else if isLoggingIn {
                ProgressView("Logging in...")
            } else {
                VStack(spacing: 12) {
                    Image(systemName: "exclamationmark.triangle")
                        .font(.system(size: 40))
                        .foregroundColor(.orange)
                    Text(loginError ?? "Login failed")
                        .foregroundColor(.secondary)
                }
            }
        }
        .environmentObject(themeState)
        .onAppear {
            login()
        }
    }

    // MARK: - Group Chat Content

    private var groupChatContentView: some View {
        VStack(spacing: 0) {
            navigationBarView

            Divider()
                .background(.gray)

            VStack(spacing: 0) {
                // Add MessageList to this page.
                MessageList(
                    conversationID: conversationID,
                    onUserClick: { userID in
                        print(">>>>> onUserClick: \\(userID)")
                    }
                )
                // Add MessageInput to this page.
                MessageInput(
                    conversationID: conversationID
                )
            }
            .ignoresSafeArea(.keyboard)
        }
    }

    // MARK: - Navigation Bar

    private var navigationBarView: some View {
        HStack {
            Image(systemName: "person.2.fill")
                .font(.system(size: 20))
                .foregroundColor(.gray)
            Text(groupID)
                .font(.system(size: 17, weight: .semibold))
                .foregroundColor(themeState.colors.textColorPrimary)
            Spacer()
        }
        .padding(.horizontal, 16)
        .frame(height: 44)
    }

    // MARK: - Login

    private func login() {
        guard !senderUserSig.isEmpty else {
            isLoggingIn = false
            loginError = "userSig is empty. Please fill in a valid userSig."
            return
        }
        // Login is required when page appears.
        LoginStore.shared.login(sdkAppID: sdkAppID, userID: senderUserID, userSig: senderUserSig) { result in
            switch result {
            case .success:
                print("Login success, userID: \\(senderUserID)")
                isLoggedIn = true
                isLoggingIn = false
            case .failure(let error):
                print("Login failed: \\(error.code), \\(error.message)")
                loginError = "Login failed: \\(error.code), \\(error.message)"
                isLoggingIn = false
            }
        }
    }
}