//
//  TableViewController.swift
//  VDSSample
//
//  Created by Nadigadda, Sumanth on 24/04/24.
//

import Foundation
import VDS

class TableViewController: BaseViewController<Table> {
    
    var showHeaderLine = Toggle()
    var showRowLine = Toggle()
    var striped = Toggle()
    
    lazy var headerLineStylePicker = {
        PickerSelectorView(title: "primary", picker: self.picker, items: Line.Style.allCases)
    }()
    
    lazy var rowLineStylePicker = {
        PickerSelectorView(title: "secondary", picker: self.picker, items: Line.Style.allCases)
    }()
    
    lazy var paddingPicker = {
        PickerSelectorView(title: "standard", picker: self.picker, items: Table.Padding.allCases)
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.setupPicker()
        self.setupModel()
        
        showHeaderLine.isOn = true
        showRowLine.isOn = true
        component.headerBottomLine = showHeaderLine.isOn
        component.rowBottomLine = showRowLine.isOn
    }
    
    override func setupForm() {
        super.setupForm()
        addFormRow(label: "Surface", view: surfacePickerSelectorView)
        addFormRow(label: "Padding", view: paddingPicker)
        addFormRow(label: "Header line style", view: headerLineStylePicker)
        addFormRow(label: "Row line style", view: rowLineStylePicker)
        addFormRow(label: "Show header line", view: showHeaderLine)
        addFormRow(label: "Show row line", view: showRowLine)
        addFormRow(label: "Striped", view: striped)
        
        addContentTopView(view: component)
        
        showHeaderLine.onChange = { [weak self] sender in
            self?.component.headerBottomLine = sender.isOn
        }
        
        showRowLine.onChange = { [weak self] sender in
            self?.component.rowBottomLine = sender.isOn
        }
        
        striped.onChange = { [weak self] sender in
            self?.component.striped = sender.isOn
        }
    }
    
    func setupPicker() {
        surfacePickerSelectorView.onPickerDidSelect = { [weak self] item in
            self?.component.surface = item
            self?.contentTopView.backgroundColor = item.color
        }
        
        headerLineStylePicker.onPickerDidSelect = { [weak self] item in
            self?.component.headerBottomLineType = item
        }
        
        rowLineStylePicker.onPickerDidSelect = { [weak self] item in
            self?.component.rowBottomLineType = item
        }
        
        paddingPicker.onPickerDidSelect = { [weak self] item in
            self?.component.padding = item
        }
    }
    
    func setupModel() {
        self.component.tableData =  [[Table.TableCellLabelModel.init(text: ""), Table.TableCellLabelModel.init(text: "Verizon smart family"), Table.TableCellLabelModel.init(text: "Call filter")],
                                        [Table.TableCellLabelModel.init(text: "Cost"), Table.TableCellLabelModel.init(text: "$5/month for up to 10 lines"), Table.TableCellLabelModel.init(text: "$2.99/month per device")],
                                        [Table.TableCellLabelModel.init(text: "Block web domains"), Table.TableCellImageModel.init(name: Icon.Name.checkmark, size: .medium), Table.TableCellImageModel.init(name: Icon.Name.checkmark, size: .medium)],
                                     [Table.TableCellLabelModel.init(text: "Block calls and messages from specific numbers "), Table.TableCellLabelModel.init(text: "Permanently"), Table.TableCellLabelModel.init(text: "Permanently")],]
    }
}