// ContentView.swift
import SwiftUI

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

// ContactListPage.swift
import AtomicX
import AtomicXCore
import SwiftUI

public struct ContactListPage: 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 your sdkAppID here
    private let userID = "" // TODO: Fill in your userID here
    private let userSig = "" // TODO: Fill in your generated userSig here

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

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

            Divider()
                .background(.gray)

            ContactList(
                onContactClick: { contact in
                    print(">>>>> onContactClick: \\(contact.id), title: \\(contact.title ?? "")")
                },
                onGroupClick: { group in
                    print(">>>>> onGroupClick: \\(group.id), title: \\(group.title ?? "")")
                }
            )
        }
    }

    // MARK: - Navigation Bar

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

    // 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
            }
        }
    }
}