import bb.cascades 1.4

Page {
    id: settingsPage
    
    titleBar: TitleBar {
        title: qsTr("Settings")
    }
    
    signal reload()
    
    ScrollView {
        Container {
            layout: StackLayout {}
            Container {
                topPadding: ui.sdu(2)
            }
            Container {
                layout: DockLayout {}
                horizontalAlignment: HorizontalAlignment.Fill
                verticalAlignment: VerticalAlignment.Fill
                Container {
                    verticalAlignment: VerticalAlignment.Center
                    leftPadding: ui.sdu(3)
                    Label {
                        text: qsTr("Unified Home")
                        textStyle.fontSize: FontSize.Medium
                        textStyle.fontWeight: FontWeight.Bold
                    }
                    Label {
                        text: qsTr("Include mentions in home stream")
                        textStyle.fontSize: FontSize.Small
                    }
                }
                Container {
                    rightPadding: ui.sdu(3)
                    horizontalAlignment: HorizontalAlignment.Right
                    verticalAlignment: VerticalAlignment.Center
                    ToggleButton {
                        checked: _app.setting("unified")
                        onCheckedChanged: {
                            if (checked) {
                                _app.setSetting("unified", true)
                                reload()
                            } else {
                                _app.setSetting("unified", false)
                                reload()
                            }
                        }
                        accessibility.name: "unified"
                    }
                }
            }
            Divider {}
//            Container {
//                layout: DockLayout {}
//                horizontalAlignment: HorizontalAlignment.Fill
//                Container {
//                    leftPadding: ui.sdu(3)
//                    rightPadding: ui.sdu(3)
//                    DropDown {
//                        title: "Dropdown"
//                        preferredWidth: 1440.0
//                        onSelectedIndexChanged: {
//                            modifySetting("sort", selectedValue)
//                        }
//                        Option {
//                            text: "Option Zero"
//                            value: 0
//                            selected: sort == 0
//                        }
//                        Option {
//                            text: "Option Three"
//                            value: 3
//                            selected: sort == 3
//                        }
//                        Option {
//                            text: "Option One"
//                            value: 1
//                            selected: sort == 1
//                        }
//                        Option {
//                            text: "Option Two"
//                            value: 2
//                            selected: sort == 2
//                        }
//                    }
//                }
//            }
//            Divider {}
//            Container {
//                layout: DockLayout {}
//                horizontalAlignment: HorizontalAlignment.Fill
//                leftPadding: 30.0
//                rightPadding: 30.0
//                Button {
//                    preferredWidth: 1440.0
//                    text: "Button"
//                    onClicked: {
//                        console.log("button")
//                    }
//                }
//            }
//            Divider {}
        }
    }
}