//
//  RadioBoxGroupViewController.swift
//  VDSSample
//
//  Created by Matt Bruce on 8/23/22.
//

import Foundation
import UIKit
import VDS
import VDSColorTokens
import Combine

//class  RadioBoxGroupViewController: ModelViewController<DefaultRadioBoxGroupModel>, StoryboardInitable {
//    deinit {
//        print("\(Self.self) deinit")
//    }
//
//    enum PickerType {
//        case surface
//    }
//    static var storyboardId: String = "radioBoxGroup"
//    static var storyboardName: String = "Components"
//
//    @IBOutlet weak var componentContainerView: UIView!
//    @IBOutlet weak var disabledSwitch: UISwitch!
//    @IBOutlet weak var picker: UIPickerView!
//    @IBOutlet weak var surfaceLabel: UILabel!
//    @IBOutlet weak var textField: UITextField!
//    @IBOutlet weak var subTextField: UITextField!
//    @IBOutlet weak var subTextRightField: UITextField!
//    @IBOutlet weak var showErrorSwitch: UISwitch!
//
//    var radioBoxGroup = RadioBoxGroup()
//
//    override func viewDidLoad() {
//        super.viewDidLoad()
//        view.addGestureRecognizer(UITapGestureRecognizer(target: self.view, action: #selector(UIView.endEditing(_:))))
//
//        componentContainerView.addSubview(radioBoxGroup)
//        radioBoxGroup.leadingAnchor.constraint(equalTo: componentContainerView.leadingAnchor, constant: 10).isActive = true
//        radioBoxGroup.topAnchor.constraint(equalTo: componentContainerView.topAnchor, constant: 20).isActive = true
//        radioBoxGroup.bottomAnchor.constraint(equalTo: componentContainerView.bottomAnchor, constant: -20).isActive = true
//        radioBoxGroup.trailingAnchor.constraint(equalTo: componentContainerView.trailingAnchor, constant: 10).isActive = true
//        setupPicker()
//        setupModel()
//    }
//
//    func setupModel(){
//        var defaultModel = DefaultRadioBoxGroupModel()
//        var model1 = DefaultRadioBoxModel()
//        model1.value = "model 1 Value"
//        model1.text = "iPhone 11 Bundle 1"
//        model1.subText = "Apple iPhone 11 - 64 GB\nOtterbox Case Red\nScreen Protector"
//        model1.subTextRight = "Right Text"
//
//        var model2 = DefaultRadioBoxModel()
//        model2.strikethrough = true
//        model2.value = "model 2 Value"
//        model2.text = "iPhone 11 Bundle 2"
//        model2.subText = "Apple iPhone 11 - 128 GB\nOtterbox Case Black\nScreen Protector"
//
//        defaultModel.selectors = [model1, model2]
//        set(with: defaultModel)
//
//        //update the model
//        radioBoxGroup
//            .handlerPublisher()
//            .sink { [weak self] updatedModel in
//                self?.model = updatedModel
//                self?.showErrorSwitch.isOn = updatedModel.hasError
//                self?.disabledSwitch.isOn = updatedModel.disabled
//            }
//            .store(in: &subscribers)
//
//        //set UI values
//        surfaceLabel.text = model.surface.rawValue
//        disabledSwitch.isOn = model.disabled
//        showErrorSwitch.isOn = model.hasError
//        textField.text = model1.text
//        subTextField.text = model1.subText
//        subTextRightField.text = model1.subTextRight
//    }
//
//    override func updateView(viewModel: ModelType) {
//        print("\(Self.self) updateView(viewModel)")
//        showErrorSwitch.isOn = viewModel.hasError
//        disabledSwitch.isOn = viewModel.disabled
//        radioBoxGroup.set(with: viewModel)
//    }
//
//    var radioBox: RadioBox? {
//        radioBoxGroup.selectorViews.first
//    }
//    @IBAction func disabledChanged(_ sender: UISwitch) {
//        radioBoxGroup.disabled = sender.isOn
//    }
//
//    @IBAction func onTextDidEnd(_ sender: UITextField) {
//        radioBox?.text = sender.text ?? "No value entered"
//        sender.resignFirstResponder()
//    }
//
//    @IBAction func onSubTextDidEnd(_ sender: UITextField) {
//        radioBox?.subText = sender.text
//        sender.resignFirstResponder()
//    }
//
//    @IBAction func onSubTextRightDidEnd(_ sender: UITextField) {
//        radioBox?.subTextRight = sender.text
//        sender.resignFirstResponder()
//    }
//
//    @IBAction func showErrorChanged(_ sender: UISwitch) {
//        radioBoxGroup.hasError = sender.isOn
//    }
//
//    @IBAction func surfaceClick(_ sender: Any) {
//        pickerType = .surface
//    }
//
//    //Picker
//    var surfacePicker = SurfacePicker()
//
//    var pickerType: PickerType = .surface {
//        didSet {
//            func update(object: UIPickerViewDelegate & UIPickerViewDataSource){
//                picker.delegate = object
//                picker.dataSource = object
//            }
//
//            switch pickerType{
//            case .surface:
//                update(object: surfacePicker)
//            }
//            picker.reloadAllComponents()
//            picker.selectRow(0, inComponent: 0, animated: false)
//            picker.isHidden = false
//        }
//    }
//
//    func setupPicker(){
//        picker.isHidden = true
//        surfacePicker.onPickerDidSelect = { [weak self] item in
//            self?.radioBoxGroup.surface = item
//            self?.componentContainerView.backgroundColor = item.color
//            self?.surfaceLabel.text = item.rawValue
//        }
//    }
//}

class  RadioBoxGroupViewController: ModelScrollViewController<DefaultRadioBoxGroupModel> {
    deinit {
        print("\(Self.self) deinit")
    }
    
    enum PickerType {
        case surface
    }
  
    var disabledSwitch = UISwitch()
    var strikeThroughSwitch = UISwitch()
    var surfacePickerSelectorView = PickerSelectorView(title: "light")
    var textField = TextField()
    var subTextField = TextField()
    var subTextRightField = TextField()
    var showErrorSwitch = UISwitch()
    
    var radioBoxGroup = RadioBoxGroup()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        addContentTopView(view: radioBoxGroup)

        setupForm()
        setupPicker()
        setupModel()
    }
    
    func setupForm() {
        addFormRow(label: "Disabled", view: disabledSwitch)
        addFormRow(label: "Surface", view: surfacePickerSelectorView)
        addFormRow(label: "Error", view: showErrorSwitch)
        addFormRow(label: "Strikethrough", view: strikeThroughSwitch)
        addFormRow(label: "Text", view: textField)
        addFormRow(label: "Sub Text", view: subTextField)
        addFormRow(label: "Sub Text Right", view: subTextRightField)

        radioBoxGroup
            .handlerPublisher()
            .sink { [weak self] viewModel in
                self?.model = viewModel
            }.store(in: &subscribers)

        showErrorSwitch
            .publisher(for: .valueChanged)
            .sink { [weak self] sender in
                self?.radioBoxGroup.hasError = sender.isOn
            }.store(in: &subscribers)

        disabledSwitch
            .publisher(for: .valueChanged)
            .sink { [weak self] sender in
                self?.radioBoxGroup.disabled = sender.isOn
            }.store(in: &subscribers)

        strikeThroughSwitch
            .publisher(for: .valueChanged)
            .sink { [weak self] sender in
                self?.radioBox?.strikethrough = sender.isOn
            }.store(in: &subscribers)

        textField
            .textPublisher
            .sink { [weak self] text in
                self?.radioBox?.text = text
            }.store(in: &subscribers)
        
        subTextField
            .textPublisher
            .sink { [weak self] text in
                self?.radioBox?.subText = text
            }.store(in: &subscribers)
        
        subTextRightField
            .textPublisher
            .sink { [weak self] text in
                self?.radioBox?.subTextRight = text
            }.store(in: &subscribers)
        
        surfacePickerSelectorView.button
            .publisher(for: .touchUpInside)
            .sink { [weak self] _ in
                self?.pickerType = .surface
            }.store(in: &subscribers)
    }
    
    func setupModel(){
        var defaultModel = DefaultRadioBoxGroupModel()
        var model1 = DefaultRadioBoxModel()
        model1.value = "model 1 Value"
        model1.text = "iPhone 11 Bundle 1"
        model1.subText = "Apple iPhone 11 - 64 GB\nOtterbox Case Red\nScreen Protector"
        model1.subTextRight = "Right Text"

        var model2 = DefaultRadioBoxModel()
        model2.value = "model 2 Value"
        model2.text = "iPhone 11 Bundle 2"
        model2.subText = "Apple iPhone 11 - 128 GB\nOtterbox Case Black\nScreen Protector"

        defaultModel.selectors = [model1, model2]
        set(with: defaultModel)

        //update the model
        radioBoxGroup
            .handlerPublisher()
            .sink { [weak self] updatedModel in
                self?.model = updatedModel
                self?.showErrorSwitch.isOn = updatedModel.hasError
                self?.disabledSwitch.isOn = updatedModel.disabled
            }
            .store(in: &subscribers)

        //set UI values
        surfacePickerSelectorView.text = model.surface.rawValue
        disabledSwitch.isOn = model.disabled
        showErrorSwitch.isOn = model.hasError
        textField.text = model1.text
        subTextField.text = model1.subText
        subTextRightField.text = model1.subTextRight
    }
    
    override func updateView(viewModel: ModelType) {
        print("\(Self.self) updateView(viewModel)")
        showErrorSwitch.isOn = viewModel.hasError
        disabledSwitch.isOn = viewModel.disabled
        radioBoxGroup.set(with: viewModel)
    }
    
    var radioBox: RadioBox? {
        radioBoxGroup.selectorViews.first
    }
    @IBAction func disabledChanged(_ sender: UISwitch) {
        radioBoxGroup.disabled = sender.isOn
    }
    
    @IBAction func onTextDidEnd(_ sender: UITextField) {
        radioBox?.text = sender.text ?? "No value entered"
        sender.resignFirstResponder()
    }
    
    @IBAction func onSubTextDidEnd(_ sender: UITextField) {
        radioBox?.subText = sender.text
        sender.resignFirstResponder()
    }
    
    @IBAction func onSubTextRightDidEnd(_ sender: UITextField) {
        radioBox?.subTextRight = sender.text
        sender.resignFirstResponder()
    }
    
    @IBAction func showErrorChanged(_ sender: UISwitch) {
        radioBoxGroup.hasError = sender.isOn
    }
    
    @IBAction func surfaceClick(_ sender: Any) {
        pickerType = .surface
    }
    
    //Picker
    var surfacePicker = SurfacePicker()
    
    var pickerType: PickerType = .surface {
        didSet {
            func update(object: UIPickerViewDelegate & UIPickerViewDataSource){
                picker.delegate = object
                picker.dataSource = object
            }
            
            switch pickerType{
            case .surface:
                update(object: surfacePicker)
            }
            picker.reloadAllComponents()
            picker.selectRow(0, inComponent: 0, animated: false)
            picker.isHidden = false
        }
    }
    
    func setupPicker(){
        surfacePicker.onPickerDidSelect = { [weak self] item in
            self?.radioBoxGroup.surface = item
            self?.contentTopView.backgroundColor = item.color
            self?.surfacePickerSelectorView.text = item.rawValue
        }
    }
}