// ContentView.swift
import SwiftUI

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

// CreateGroupPage.swift
import AtomicX
import AtomicXCore
import SwiftUI

public struct CreateGroupPage: View {
    @StateObject private var themeState = ThemeState.shared
    @State private var selectedUsers: [UserPickerItem] = []
    @State private var isLoggedIn = false
    @State private var isLoggingIn = true
    @State private var loginError: String? = nil
    @State private var showConfigSheet = false
    @State private var friendList: [ContactInfo] = []
    @State private var createdGroupID: String? = nil

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

    private let contactListStore = ContactListStore.create()

    public var body: some View {
        Group {
            if isLoggedIn {
                createGroupContentView
            } 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: - Create Group Content

    private var createGroupContentView: some View {
        NavigationView {
            VStack(spacing: 0) {
                if let groupID = createdGroupID {
                    // Group created successfully
                    VStack(spacing: 16) {
                        Image(systemName: "checkmark.circle.fill")
                            .font(.system(size: 60))
                            .foregroundColor(.green)
                        Text("Group Created!")
                            .font(.system(size: 20, weight: .semibold))
                        Text("Group ID: \\(groupID)")
                            .font(.system(size: 15))
                            .foregroundColor(.secondary)
                        Button("Create Another Group") {
                            createdGroupID = nil
                        }
                        .padding(.top, 8)
                    }
                    .padding()
                } else {
                    // UserPicker for selecting group members
                    UserPicker(
                        userList: userPickerItems,
                        maxCount: 0,
                        onSelectedChanged: { users in
                            selectedUsers = users
                            showConfigSheet = true
                        }
                    )
                }
            }
            .navigationBarTitle("Create Group", displayMode: .inline)
        }
        .navigationViewStyle(StackNavigationViewStyle())
        .onAppear {
            contactListStore.fetchFriendList(completion: { _ in })
        }
        .onReceive(contactListStore.state.subscribe(StatePublisherSelector(keyPath: \\ContactListState.friendList))) { newFriendList in
            self.friendList = newFriendList
        }
        .sheet(isPresented: $showConfigSheet, onDismiss: {
            selectedUsers = []
        }) {
            ConfigGroupInfoView(
                members: selectedUsers,
                contactListStore: contactListStore,
                onComplete: { groupID, groupName, conversationId in
                    showConfigSheet = false
                    if let gid = groupID {
                        print(">>>>> Group created: groupID=\\(gid), groupName=\\(groupName ?? ""), conversationId=\\(conversationId ?? "")")
                        createdGroupID = gid
                    }
                },
                onBack: {
                    showConfigSheet = false
                }
            )
        }
    }

    // MARK: - Helper

    private var userPickerItems: [UserPickerItem] {
        friendList.map { contact in
            UserPickerItem(
                userID: contact.contactID,
                avatarURL: contact.avatarURL,
                title: contact.title ?? contact.contactID
            )
        }
    }

    // MARK: - Login

    private func login() {
        guard !userSig.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: userID, userSig: userSig) { result in
            switch result {
            case .success:
                print(">>>>> Login success, userID: \\(userID)")
                isLoggedIn = true
                isLoggingIn = false
            case .failure(let error):
                print(">>>>> Login failed: \\(error.code), \\(error.message)")
                loginError = "Login failed: \\(error.code), \\(error.message)"
                isLoggingIn = false
            }
        }
    }
}