//
//  CreateIconView.swift
//  Feels (iOS)
//
//  Created by Trey Tartt on 2/13/22.
//

import SwiftUI

struct CreateWidgetView: View {
    @AppStorage(UserDefaultsStore.Keys.theme.rawValue, store: GroupUserDefaults.groupDefaults) private var theme: Theme = .system
    @Environment(\.dismiss) var dismiss
    
    @StateObject private var customWidget: CustomWidgetModel
    
    @State private var mouth: CustomWidgetMouthOptions = CustomWidgetMouthOptions.defaultOption
    
    @State var widgetView: CustomWidgetView
    
    private var randomElements: [AnyView]
    
    init(customWidget: CustomWidgetModel, randomElements: [AnyView] = [AnyView]()) {
        self.randomElements = [
            AnyView(Image(CustomWidgetBackGroundOptions.selectable.randomElement()!.rawValue)
                        .resizable()
                        .frame(width: 20, height: 20)),
            AnyView(Image(CustomWidgetBackGroundOptions.selectable.randomElement()!.rawValue)
                        .resizable()
                        .frame(width: 20, height: 20)),
            AnyView(Image(CustomWidgetBackGroundOptions.selectable.randomElement()!.rawValue)
                        .resizable()
                        .frame(width: 20, height: 20)),
            AnyView(Image(CustomWidgetBackGroundOptions.selectable.randomElement()!.rawValue)
                        .resizable()
                        .frame(width: 20, height: 20))
        ]
        
        _customWidget = StateObject(wrappedValue: customWidget)
        
        _widgetView = State(initialValue:CustomWidgetView(customWidgetModel: customWidget))
    }
    
    func update(eye: CustomWidgetEyes, eyeOption: CustomWidgetEyeOptions) {
        switch eye {
        case .left:
            customWidget.leftEye = eyeOption
        case .right:
            customWidget.rightEye = eyeOption
        }
        
        widgetView = CustomWidgetView(customWidgetModel: customWidget)
    }
    
    func createRandom() {
        customWidget.bgColor = Color.random()
        customWidget.innerColor = Color.random()
        customWidget.bgOverlayColor = Color.random()
        customWidget.circleStrokeColor = Color.random()
        customWidget.leftEyeColor = Color.random()
        customWidget.rightEyeColor = Color.random()
        customWidget.mouthColor = Color.random()
        
        update(eye: .left, eyeOption: CustomWidgetEyeOptions.allCases.randomElement()!)
        update(eye: .right, eyeOption: CustomWidgetEyeOptions.allCases.randomElement()!)
        update(mouthOption: CustomWidgetMouthOptions.allCases.randomElement()!)
        
        update(background: CustomWidgetBackGroundOptions.allCases.randomElement()!)
        
        widgetView = CustomWidgetView(customWidgetModel: customWidget)
    }
    
    func update(mouthOption: CustomWidgetMouthOptions) {
        customWidget.mouth = mouthOption
        widgetView = CustomWidgetView(customWidgetModel: customWidget)
    }
    
    func update(background: CustomWidgetBackGroundOptions) {
        customWidget.background = background
        widgetView = CustomWidgetView(customWidgetModel: customWidget)
    }
    
    var mixBG: some View {
        VStack {
            HStack {
                randomElements[0]
                randomElements[1]
            }
            HStack {
                randomElements[2]
                randomElements[3]
            }
        }
    }
    
    var body: some View {
        VStack(spacing: 0) {
            widgetView
                .cornerRadius(10)
                .padding()
            
            Spacer()
            
            Divider().background(Color(UIColor.tertiarySystemBackground))
            
            Group {
                HStack(alignment: .center) {
                    Spacer()
                    VStack(alignment: .center) {
                        Menu(String(localized: "create_widget_view_left_eye")) {
                            ForEach(CustomWidgetEyeOptions.allCases, id: \.self) { option in
                                Button(action: {
                                    update(eye: .left, eyeOption: option)
                                }, label: {
                                    Label(option.rawValue, image: option.rawValue)
                                })
                            }
                        }
                        .foregroundColor(theme.currentTheme.labelColor)
                    }
                    Spacer()
                    VStack(alignment: .center) {
                        Menu(String(localized: "create_widget_view_right_eye")) {
                            ForEach(CustomWidgetEyeOptions.allCases, id: \.self) { option in
                                Button(action: {
                                    update(eye: .right, eyeOption: option)
                                }, label: {
                                    Label(option.rawValue, image: option.rawValue)
                                })
                            }
                        }
                        .foregroundColor(theme.currentTheme.labelColor)
                    }
                    Spacer()
                    VStack(alignment: .center) {
                        Menu(String(localized: "create_widget_view_mouth")) {
                            ForEach(CustomWidgetMouthOptions.allCases, id: \.self) { option in
                                Button(action: {
                                    update(mouthOption: option)
                                }, label: {
                                    Label(option.rawValue, image: option.rawValue)
                                })
                            }
                        }
                        .foregroundColor(theme.currentTheme.labelColor)
                    }
                    Spacer()
                }
                .padding()
                .background(
                    theme.currentTheme.secondaryBGColor
                )
            }
            
            Divider().background(Color(UIColor.tertiarySystemBackground))
            
            Group {
                HStack {
                    ForEach(CustomWidgetBackGroundOptions.selectable, id: \.self) { bg in
                        Image(bg.rawValue, bundle: .main)
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                            .frame(minWidth: 10, idealWidth: 40, maxWidth: 40,
                                   minHeight: 10, idealHeight: 40, maxHeight: 40,
                                   alignment: .center)
                            .onTapGesture {
                                update(background: bg)
                            }
                    }
                    mixBG
                        .onTapGesture {
                            update(background: .random)
                        }
                    
                    ColorPicker("", selection: $customWidget.bgOverlayColor)
                }
                .padding()
                .background(
                    theme.currentTheme.secondaryBGColor
                )
            }
            
            
            Divider().background(Color(UIColor.tertiarySystemBackground))
            
            Group {
                VStack {
                    HStack(spacing: 0) {
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_background_color"))
                            ColorPicker("", selection: $customWidget.bgColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                        
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_inner_color"))
                            ColorPicker("", selection: $customWidget.innerColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                        
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_face_outline_color"))
                            ColorPicker("", selection: $customWidget.circleStrokeColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                    }
                    
                    HStack(spacing: 0) {
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_view_left_eye_color"))
                            ColorPicker("", selection: $customWidget.leftEyeColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                        
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_view_right_eye_color"))
                            ColorPicker("", selection: $customWidget.rightEyeColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                        
                        VStack(alignment: .center) {
                            Text(String(localized: "create_widget_view_mouth_color"))
                            ColorPicker("", selection: $customWidget.mouthColor)
                                .labelsHidden()
                        }
                        .frame(minWidth: 0, maxWidth: .infinity)
                    }
                }
                .padding()
                .background(
                    theme.currentTheme.secondaryBGColor
                )
            }
            
            Divider().background(Color(UIColor.tertiarySystemBackground))
            
            Group {
                HStack(alignment: .center, spacing: 0) {
                    Button(action: {
                        createRandom()
                    }, label: {
                        Image(systemName: "shuffle")
                            .font(.title)
                            .foregroundColor(Color(UIColor.white))
                        
                    })
                        .frame(minWidth: 0, maxWidth: .infinity)
                        .frame(height: 40)
                        .background(.blue)
                    
                    Button(action: {
                        UserDefaultsStore.saveCustomWidget(widgetModel: customWidget, inUse: false)
                        let impactMed = UIImpactFeedbackGenerator(style: .heavy)
                        impactMed.impactOccurred()
                        dismiss()
                    }, label: {
                        Text(String(localized: "create_widget_save"))
                            .font(.title)
                            .fontWeight(.bold)
                            .foregroundColor(Color(UIColor.white))
                        
                    })
                        .frame(minWidth: 0, maxWidth: .infinity)
                        .frame(height: 40)
                        .background(.green)
                    
                    Button(action: {
                        UserDefaultsStore.saveCustomWidget(widgetModel: customWidget, inUse: true)
                        let impactMed = UIImpactFeedbackGenerator(style: .heavy)
                        impactMed.impactOccurred()
                        dismiss()
                    }, label: {
                        Text(String(localized: "create_widget_use"))
                            .font(.title)
                            .fontWeight(.bold)
                            .foregroundColor(Color(UIColor.white))
                        
                    })
                        .frame(height: 40)
                        .frame(minWidth: 0, maxWidth: .infinity)
                        .background(.pink)
                    
                    if customWidget.isSaved {
                        Button(action: {
                            UserDefaultsStore.deleteCustomWidget(withUUID: customWidget.uuid)
                            let impactMed = UIImpactFeedbackGenerator(style: .heavy)
                            impactMed.impactOccurred()
                            dismiss()
                        }, label: {
                            Image(systemName: "trash")
                                .font(.title)
                                .foregroundColor(Color(UIColor.white))
                            
                        })
                            .frame(height: 40)
                            .frame(minWidth: 0, maxWidth: .infinity)
                            .background(.orange)
                    }
                }
            }
        }
    }
}

struct CreateIconView_Previews: PreviewProvider {
    static var widget: CustomWidgetModel {
        let _widget = CustomWidgetModel.randomWidget
        _widget.isSaved = true
        return _widget
    }
    
    static var previews: some View {
        Group {
            CreateWidgetView(customWidget: CreateIconView_Previews.widget)
            
            CreateWidgetView(customWidget: CustomWidgetModel.randomWidget)
                .preferredColorScheme(.dark)
        }
    }
}