//
//  TextAreaViewController.swift
//  VDSSample
//
//  Created by Matt Bruce on 1/10/23.
//

import Foundation
import UIKit
import VDS
import VDSCoreTokens
import Combine

class  TextAreaViewController: BaseViewController<TextArea> {

    var disabledSwitch = Toggle()
    var requiredSwitch = Toggle()
    var transparentBgSwitch = Toggle()
    var labelTextField = TextField()
    var errorTextField = TextField()
    var helperTextField = TextField()
    var widthTextField = NumericField()
    var showErrorSwitch = Toggle()
    var tooltipTitleTextField = TextField()
    var tooltipContentTextField = TextField()
    var maxLengthTextField = NumericField()
    var readOnlySwitch = Toggle()

    lazy var heightPickerSelectorView = {
        PickerSelectorView(title: "2X",
                           picker: self.picker,
                           items: TextArea.Height.allCases)
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        addContentTopView(view: component)
        setupPicker()
        setupModel()
    }
        
    override func setupForm(){
        super.setupForm()
        addFormRow(label: "Surface", view: surfacePickerSelectorView)
        addFormRow(label: "Disabled", view: disabledSwitch, pinTrailing: false)
        addFormRow(label: "Read Only", view: readOnlySwitch, pinTrailing: false)
        addFormRow(label: "Required", view: requiredSwitch, pinTrailing: false)
        addFormRow(label: "Transparent Background", view: transparentBgSwitch, pinTrailing: false)
        addFormRow(label: "Label Text", view: labelTextField)
        addFormRow(label: "Helper Text", view: helperTextField)
        addFormRow(label: "Error", view: showErrorSwitch, pinTrailing: false)
        addFormRow(label: "Error Text", view: errorTextField)
        addFormRow(label: "Width", view: widthTextField)
        addFormRow(label: "ToolTip Title", view: tooltipTitleTextField)
        addFormRow(label: "ToolTip Content", view: tooltipContentTextField)
        addFormRow(label: "Character Count", view: maxLengthTextField)
        addFormRow(label: "Min Height", view: heightPickerSelectorView)

        requiredSwitch.onChange = { [weak self] sender in
            self?.component.isRequired = sender.isOn
        }
        
        showErrorSwitch.onChange = { [weak self] sender in
            guard let self else { return }
            self.component.showError = sender.isOn
            if self.component.showError != sender.isOn {
                self.showErrorSwitch.isOn = self.component.showError
            }
        }
        
        disabledSwitch.onChange = { [weak self] sender in
            self?.component.isEnabled = !sender.isOn
        }

        readOnlySwitch.onChange = { [weak self] sender in
            self?.component.isReadOnly = sender.isOn
        }
        
        transparentBgSwitch.onChange = { [weak self] sender in
            self?.component.transparentBackground = sender.isOn
        }
        
        labelTextField
            .textPublisher
            .sink { [weak self] text in
                self?.component.labelText = text
            }.store(in: &subscribers)
        
        helperTextField
            .textPublisher
            .sink { [weak self] text in
                self?.component.helperText = text
            }.store(in: &subscribers)

        errorTextField
            .textPublisher
            .sink { [weak self] text in
                self?.component.errorText = text
            }.store(in: &subscribers)
        
        widthTextField
            .numberPublisher
            .sink { [weak self] number in
                self?.updateComponentConstraint(pinTrailing: number == nil)
                self?.component.width = number?.cgFloatValue
            }.store(in: &subscribers)
        
        tooltipTitleTextField
            .textPublisher
            .sink { [weak self] text in
                self?.updateTooltip()
            }.store(in: &subscribers)

        tooltipContentTextField
            .textPublisher
            .sink { [weak self] text in
                self?.updateTooltip()
            }.store(in: &subscribers)
        
        maxLengthTextField
            .numberPublisher
            .sink { [weak self] number in
                guard let number else {
                    self?.component.maxLength = nil
                    return
                }
                self?.component.maxLength = number.intValue
            }.store(in: &subscribers)
    }
    
    func setupModel() {
        component.labelText = "Street Address"
        component.helperText = "For example: 123 Verizon St"
        component.errorText = "Enter a valid address."
        component.tooltipModel = .init(title: "Check the formatting of your address", content:"House/Building number then street name")
        
        component.onChange = { component in
            if let text = component.value {
                print("text entry: \(text)")
            } else {
                print("text entry: null")
            }
        }

        //setup UI
        surfacePickerSelectorView.text = component.surface.rawValue
        disabledSwitch.isOn = !component.isEnabled
        requiredSwitch.isOn = component.isRequired
        labelTextField.text = component.labelText
        helperTextField.text = component.helperText
        showErrorSwitch.isOn = component.showError
        errorTextField.text = component.errorText
        tooltipTitleTextField.text = component.tooltipModel?.title
        tooltipContentTextField.text = component.tooltipModel?.content
    }
    
    //Picker
    func setupPicker(){
        surfacePickerSelectorView.onPickerDidSelect = {  [weak self] item in
            self?.component.surface = item
            self?.contentTopView.backgroundColor = item.color
        }
        
        heightPickerSelectorView.onPickerDidSelect = {  [weak self] item in
            self?.component.minHeight = item
        }
    }
    
    func updateTooltip() {
        let title = tooltipTitleTextField.text ?? ""
        let content = tooltipContentTextField.text ?? ""
        
        component.tooltipModel = !title.isEmpty || !content.isEmpty ? .init(title: title,
                                                                            content: content) : nil

    }

}

extension TextAreaViewController: ComponentSampleable {
    static func makeSample() -> ComponentSample {
        let c = Self()
        c.setupModel()
        return ComponentSample(component: c.component)
    }
}