SimpleX-Chat/apps/ios/Shared/Views/ChatList/UserPicker.swift

//
// Created by Avently on 16.01.2023.
// Copyright (c) 2023 SimpleX Chat. All rights reserved.
//

import SwiftUI
import SimpleXChat

enum UserPickerSheet: Identifiable {
    case address
    case chatPreferences
    case migrateDevice
    case chatProfiles
    case currentProfile

    var id: Self { self }
}

struct UserPicker: View {
    @EnvironmentObject var m: ChatModel
    @Environment(\.scenePhase) var scenePhase
    @EnvironmentObject var theme: AppTheme
    @Environment(\.colorScheme) var colorScheme
    @Binding var showSettings: Bool
    @Binding var showConnectDesktop: Bool
    @Binding var userPickerVisible: Bool
    @State var scrollViewContentSize: CGSize = .zero
    @State var disableScrolling: Bool = true
    @State var activeSheet: UserPickerSheet? = nil
    @State private var showProgress: Bool = false
    private let verticalSpaceDefault: CGFloat = 12
    @AppStorage(GROUP_DEFAULT_ONE_HAND_UI, store: groupDefaults) private var oneHandUI = true
    @State private var usersToPreview: ArraySlice<UserInfo> = []
    @State private var activeUser: User? = nil

    var body: some View {
        VStack(alignment: .leading, spacing: 0) {
            if let currentUser = activeUser {
                HStack(spacing: 19) {
                    ProfileImage(imageStr: currentUser.image, size: 44)
                        .onTapGesture {
                            activeSheet = .currentProfile
                            userPickerVisible.toggle()
                        }
                    Spacer()
                    ForEach(usersToPreview) { u in
                        userView(u)
                    }
                    Image(systemName: "list.bullet.circle")
                        .resizable()
                        .foregroundColor(theme.colors.secondary)
                        .accentColor(theme.colors.secondary)
                        .font(.system(size: 32, weight: .thin))
                        .frame(width: 32, height: 32)
                        .onTapGesture {
                            activeSheet = .chatProfiles
                            userPickerVisible.toggle()
                        }
                }
                .padding(.horizontal, 16)
                .scaleEffect(x: 1, y: oneHandUI ? -1 : 1, anchor: .center)
                
                Text(currentUser.displayName)
                    .fontWeight(.bold)
                    .font(.title2)
                    .padding(.vertical, verticalSpaceDefault)
                    .padding(.horizontal, 16)
                    .scaleEffect(x: 1, y: oneHandUI ? -1 : 1, anchor: .center)
            }
            menuButton("Your SimpleX address", icon: "qrcode") {
                activeSheet = .address
                userPickerVisible.toggle()
            }
            menuButton("Chat preferences", icon: "switch.2") {
                activeSheet = .chatPreferences
                userPickerVisible.toggle()
            }
            menuButton("Use from desktop", icon: "desktopcomputer") {
                showConnectDesktop = true
                userPickerVisible.toggle()
            }
            menuButton("Migrate to another device", icon: "tray.and.arrow.up") {
                activeSheet = .migrateDevice
                userPickerVisible.toggle()
            }
            
            Divider()
                .padding(.vertical, verticalSpaceDefault)
                .padding(.horizontal, 16)
            
            
            HStack {
                Button {
                    showSettings = true
                    userPickerVisible.toggle()
                } label: {
                    HStack(spacing: verticalSpaceDefault) {
                        Image(systemName: "gearshape")
                            .symbolRenderingMode(.monochrome)
                            .foregroundColor(theme.colors.secondary)
                            .frame(maxWidth: 20, maxHeight: 20)
                        Text("Settings")
                        Spacer()
                    }
                    .padding(.vertical, verticalSpaceDefault)
                    .padding(.horizontal, 16)
                }
                .buttonStyle(PressedButtonStyle(defaultColor: theme.colors.surface, pressedColor: Color(uiColor: .secondarySystemFill)))
                VStack {
                    Image(systemName: colorScheme == .light ? "sun.max" : "moon.stars")
                        .symbolRenderingMode(.monochrome)
                        .foregroundColor(theme.colors.secondary)
                        .frame(maxWidth: 20, maxHeight: 20)
                }
                .padding(.vertical, verticalSpaceDefault)
                .padding(.horizontal, 16)
                .onTapGesture {
                    if (colorScheme == .light) {
                        ThemeManager.applyTheme(systemDarkThemeDefault.get())
                    } else {
                        ThemeManager.applyTheme(DefaultTheme.LIGHT.themeName)
                    }
                }
                .onLongPressGesture {
                    ThemeManager.applyTheme(DefaultTheme.SYSTEM_THEME_NAME)
                }
            }
            .scaleEffect(x: 1, y: oneHandUI ? -1 : 1, anchor: .center)
        }
        .padding(.bottom, 7)
        .scaleEffect(x: 1, y: oneHandUI ? -1 : 1, anchor: .center)
        .background(
            Rectangle()
                .fill(theme.colors.surface)
                .ignoresSafeArea()
        )
        .frame(maxWidth: .infinity)
        .opacity(userPickerVisible ? 1.0 : 0.0)
        .offset(y: userPickerVisible ? 0 : oneHandUI ? 200 : -200)
        .onAppear {
            // This check prevents the call of listUsers after the app is suspended, and the database is closed.
            if case .active = scenePhase {
                Task {
                    do {
                        let users = try await listUsersAsync()
                        await MainActor.run { m.users = users }
                    } catch {
                        logger.error("Error loading users \(responseError(error))")
                    }
                }
            }
        }
        .onChange(of: userPickerVisible) { visible in
            if visible {
                usersToPreview = m.users
                    .filter({ u in !u.user.hidden && !u.user.activeUser })
                    .prefix(3)
                
                activeUser = m.currentUser
            }
        }
        .sheet(item: $activeSheet) { sheet in
            if let currentUser = activeUser {
                NavigationView {
                    switch sheet {
                    case .chatProfiles:
                        UserProfilesView()
                    case .currentProfile:
                        UserProfile()
                            .navigationTitle("Your current profile")
                            .modifier(ThemedBackground())
                    case .address:
                        UserAddressView(shareViaProfile: currentUser.addressShared)
                            .navigationTitle("SimpleX address")
                            .navigationBarTitleDisplayMode(.large)
                            .modifier(ThemedBackground(grouped: true))
                    case .chatPreferences:
                        PreferencesView(profile: currentUser.profile, preferences: currentUser.fullPreferences, currentPreferences: currentUser.fullPreferences)
                            .navigationTitle("Your preferences")
                            .navigationBarTitleDisplayMode(.large)
                            .modifier(ThemedBackground(grouped: true))
                    case .migrateDevice:
                        MigrateFromDevice(showProgressOnSettings: $showProgress)
                            .navigationTitle("Migrate device")
                            .modifier(ThemedBackground(grouped: true))
                            .navigationBarTitleDisplayMode(.large)
                    }
                }
            }
        }
        
        if showProgress {
            progressView()
        }
    }
    
    private func progressView() -> some View {
        VStack {
            ProgressView().scaleEffect(2)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity )
    }
    
    private func userView(_ u: UserInfo) -> some View {
        let user = u.user
        return Button(action: {
            Task {
                do {
                    try await changeActiveUserAsync_(user.userId, viewPwd: nil)
                    await MainActor.run {
                        withAnimation {
                            userPickerVisible.toggle()
                        }
                    }
                } catch {
                    await MainActor.run {
                        AlertManager.shared.showAlertMsg(
                            title: "Error switching profile!",
                            message: "Error: \(responseError(error))"
                        )
                    }
                }
            }
        }, label: {
            ZStack(alignment: .topTrailing) {
                ProfileImage(imageStr: u.user.image, size: 32)
                if (u.unreadCount > 0) {
                    unreadCounter(u.unreadCount, color: user.showNtfs ? theme.colors.primary : theme.colors.secondary).offset(x: 8, y: -4)
                }
            }
        })
    }


    private func menuButton(_ title: LocalizedStringKey?, icon: String, action: @escaping () -> Void) -> some View {
        Button(action: action) {
            HStack(spacing: verticalSpaceDefault) {
                Image(systemName: icon)
                    .symbolRenderingMode(.monochrome)
                    .foregroundColor(theme.colors.secondary)
                    .frame(maxWidth: 20, maxHeight: 20)
                if let txt = title {
                    Text(txt)
                }
                Spacer()
            }
            .frame(height: 20)
            .padding(.vertical, verticalSpaceDefault)
            .padding(.horizontal, 16)
        }
        .scaleEffect(x: 1, y: oneHandUI ? -1 : 1, anchor: .center)
        .buttonStyle(PressedButtonStyle(defaultColor: theme.colors.surface, pressedColor: Color(uiColor: .secondarySystemFill)))
    }
}

private func unreadCounter(_ unread: Int, color: Color) -> some View {
    unreadCountText(unread)
        .font(.caption)
        .foregroundColor(.white)
        .padding(.horizontal, 4)
        .frame(minWidth: 18, minHeight: 18)
        .background(color)
        .cornerRadius(10)
}

struct UserPicker_Previews: PreviewProvider {
    static var previews: some View {
        let m = ChatModel()
        m.users = [UserInfo.sampleData, UserInfo.sampleData]
        return UserPicker(
            showSettings: Binding.constant(false),
            showConnectDesktop: Binding.constant(false),
            userPickerVisible: Binding.constant(true)
        )
        .environmentObject(m)
    }
}