//
//   RadioButtonViewController.swift
//  VDSSample
//
//  Created by Matt Bruce on 8/1/22.
//

import Foundation
import UIKit
import VDS
import VDSColorTokens
import Combine

class  RadioButtonViewController: ModelViewController<DefaultRadioButtonGroupModel>, StoryboardInitable {
    deinit {
        print("\(Self.self) deinit")
    }
    
    enum PickerType {
        case surface
    }
    static var storyboardId: String = "radioButton"
    static var storyboardName: String = "Components"
    
    @IBOutlet weak var componentContainerView: UIView!
    @IBOutlet weak var picker: UIPickerView!
    @IBOutlet weak var surfaceLabel: UILabel!
    
    @IBOutlet weak var disabledSwitch: UISwitch!
    @IBOutlet weak var labelTextField: UITextField!
    @IBOutlet weak var childTextField: UITextField!
    @IBOutlet weak var showErrorSwitch: UISwitch!
    
    var radioButtonGroup = RadioButtonGroup()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.addGestureRecognizer(UITapGestureRecognizer(target: self.view, action: #selector(UIView.endEditing(_:))))
        
        componentContainerView.addSubview(radioButtonGroup)
        radioButtonGroup.leadingAnchor.constraint(equalTo: componentContainerView.leadingAnchor, constant: 10).isActive = true
        radioButtonGroup.topAnchor.constraint(equalTo: componentContainerView.topAnchor, constant: 20).isActive = true
        radioButtonGroup.bottomAnchor.constraint(equalTo: componentContainerView.bottomAnchor, constant: -20).isActive = true
        radioButtonGroup.trailingAnchor.constraint(equalTo: componentContainerView.trailingAnchor, constant: 10).isActive = true
        setupPicker()
        setupModel()
    }
    
    func setupModel(){
        var defaultModel = DefaultRadioButtonGroupModel()
        var model1 = DefaultRadioButtonModel()
        model1.value = "model 1 Value"
        model1.labelText = "iPhone 11 Bundle 1"
        model1.childText = "Apple iPhone 11 - 64 GB\nOtterbox Case Red\nScreen Protector"
        
        var model2 = DefaultRadioButtonModel()
        model2.value = "model 2 Value"
        model2.labelText = "iPhone 11 Bundle 2"
        model2.childText = "Apple iPhone 11 - 128 GB\nOtterbox Case Black\nScreen Protector"
        defaultModel.selectors = [model1, model2]
        set(with: defaultModel)

        //update the model
        radioButtonGroup
            .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
        labelTextField.text = model1.labelText
        childTextField.text = model1.childText
    }
    
    override func updateView(viewModel: DefaultRadioButtonGroupModel) {
        print("\(Self.self) updateView(viewModel)")
        showErrorSwitch.isOn = viewModel.hasError
        disabledSwitch.isOn = viewModel.disabled
        radioButtonGroup.set(with: viewModel)
    }
    
    var radioButton: RadioButton? {
        radioButtonGroup.selectorViews.first
    }
    @IBAction func disabledChanged(_ sender: UISwitch) {
        radioButtonGroup.disabled = sender.isOn
    }
    
    @IBAction func onLabelTextDidEnd(_ sender: UITextField) {
        radioButton?.labelText = sender.text
        sender.resignFirstResponder()
    }
    
    @IBAction func onChildTextDidEnd(_ sender: UITextField) {
        radioButton?.childText = sender.text
        sender.resignFirstResponder()
    }
    
    @IBAction func showErrorChanged(_ sender: UISwitch) {
        radioButtonGroup.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?.radioButtonGroup.surface = item
            self?.componentContainerView.backgroundColor = item.color
            self?.surfaceLabel.text = item.rawValue
        }
    }
}