Reflect/Shared/Views/CustomizeView/CustomizeView.swift

//
//  CustomizeView.swift
//  Feels (iOS)
//
//  Created by Trey Tartt on 2/19/22.
//

import SwiftUI

struct CustomizeView: View {
    @State private var showSettings = false
    
    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
    
    var body: some View {
        ScrollView {
            settingsButtonView
            VStack {
                Group {
                    CustomWigetView()
                    IconPickerView()
                    ThemePickerView()
                    Divider()
                    VotingLayoutPickerView()
                    Divider()
                    SampleEntryView()
                    ImagePackPickerView()
                }
                Group {
                    TintPickerView()
                    TextColorPickerView()
                }
                Divider()
                DayFilterPickerView()
                Divider()
                ShapePickerView()
                Divider()
                PersonalityPackPickerView()
            }
        }
        .onAppear(perform: {
            EventLogger.log(event: "show_customize_view")
        })
        .sheet(isPresented: $showSettings) {
            SettingsView()
        }
        .padding()
        .background(
            theme.currentTheme.bg
                .edgesIgnoringSafeArea(.all)
        )
    }
    
    private var settingsButtonView: some View {
        HStack {
            Spacer()
            Button(action: {
                showSettings.toggle()
            }, label: {
                Image(systemName: "gear")
                    .foregroundColor(Color(UIColor.darkGray))
                    .font(.system(size: 20))
            }).padding(.trailing)
        }
    }
}

struct CustomizeView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            CustomizeView()
            
            CustomizeView()
                .preferredColorScheme(.dark)
        }
    }
}