import SwiftUI

struct ContentView: View {
    
    @State private var isBellSlash: Bool = false
    @State private var isDarkMode: Bool = false
    @State private var selectedColor: Color = .white
    @State private var selectedLanguage: String = "简体中文"
    @State private var languages = ["简体中文", "繁体中文", "英文"]
    
    var body: some View {
        
        NavigationStack {
            
            Form {
                /// 常规设置
                Section {
                    notificationToggleView
                    darkModeToggleView
                } header: {
                    Text("常规设置")
                }
                .padding(.vertical, 3)
                
                /// 个性化
                Section {
                    colorPickerView
                    languagePickerView
                }
                .padding(.vertical, 3)
                
                /// 关于我们
                Section {
                    
                }
                .padding(.vertical, 3)
            }
            .navigationTitle("应用设置")
            .navigationBarTitleDisplayMode(.inline)
        }
    }
    
    /// 消息通知
    private var notificationToggleView: some View {
        Toggle(isOn: $isBellSlash) {
            HStack {
                Image(systemName: "bell")
                    .font(.system(size: 20))
                Text("消息通知")
            }
        }
    }
    /// 暗黑模式
    private var darkModeToggleView: some View {
        Toggle(isOn: $isDarkMode) {
            HStack {
                Image(systemName: "moon.stars")
                    .font(.system(size: 20))
                Text("深色模式")
            }
        }
        .preferredColorScheme(isDarkMode ? .dark : .light)
    }
    
    /// 主题颜色
    private var colorPickerView: some View {
        ColorPicker(selection: $selectedColor) {
            HStack {
                Image(systemName: "paintbrush")
                    .font(.system(size: 20))
                Text("主题颜色")
            }
        }
    }
    /// 系统语言
    private var languagePickerView: some View {
        Picker(selection: $selectedLanguage) {
            ForEach(languages, id: \.self) { language in
                Text(language)
            }
        } label: {
            HStack {
                Image(systemName: "waveform")
                    .font(.system(size: 20))
                Text("系统语言")
            }
        }
        .pickerStyle(.automatic)
    }
}

#Preview {
    ContentView()
}