//
//  TabsViewController.swift
//  VDSSample
//
//  Created by Matt Bruce on 5/18/23.
//

import Foundation
import UIKit
import VDS
import Combine
import VDSColorTokens

class TabsViewController: BaseViewController<Tabs> {
    
    var disabledSwitch = Toggle()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        addContentTopView(view: component)
        setupPicker()
        setupModel()
    }
    
    override func setupForm(){
        super.setupForm()
        addFormRow(label: "Disabled", view: .makeWrapper(for: disabledSwitch))
        addFormRow(label: "Surface", view: surfacePickerSelectorView)
        
    }
    
    func setupModel() {
        component.overflow = .scroll
        component.updateTabItems(with: [
            TabItemModel(text: "All", width: 200),
            TabItemModel(text: "Work Devices", width: 250),
            TabItemModel(text: "3", width: 100),
            TabItemModel(text: "4"),
            TabItemModel(text: "5"),
            TabItemModel(text: "6 Devices"),
            TabItemModel(text: "7 Devices"),
            TabItemModel(text: "8 Devices"),
            TabItemModel(text: "9 Devices"),
            TabItemModel(text: "10 Devices")
        ])
        //setup UI
        surfacePickerSelectorView.text = component.surface.rawValue
        disabledSwitch.isOn = component.disabled
    }
    
    func setupPicker(){
        surfacePickerSelectorView.onPickerDidSelect = {  [weak self] item in
            self?.component.surface = item
            self?.contentTopView.backgroundColor = item.color
        }
    }
}