import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Analyser

ColumnLayout {
    ConnectionItem {}

    GroupBox {
        title: "命令"
        Layout.columnSpan: 2
        enabled: App.connected
        GridLayout {
            columns: 2
            GroupBox {
                title: "注册用户"
                GridLayout {
                    columns: 2
                    Text {
                        text: qsTr("用户姓名")
                    }
                    TextField {
                        id: enrollName
                        implicitWidth: 100
                    }
                    Text {
                        text: qsTr("超时时间")
                    }
                    TextField {
                        id: enrollTimeout
                        implicitWidth: 100
                        text: "10"
                    }

                    Text {
                        text: qsTr("持久化")
                    }
                    Switch {
                        id: persistence
                        checked: true
                    }

                    Text {
                        text: qsTr("保存图片")
                    }
                    Switch {
                        id: extendedMode
                    }

                    Button {
                        property bool enrolling: App.module ? (App.module.currentMessageId === 0x1d)
                                                              || (App.module.currentMessageId
                                                                  === 0x1e) : false
                        text: enrolling ? "取消" : "注册"
                        onClicked: {
                            if (enrolling) {
                                App.module.reset()
                            } else if (extendedMode.checked) {
                                App.enrollExtended(enrollName.text,
                                                   persistence.checked,
                                                   parseInt(enrollTimeout.text))
                            } else {
                                App.enroll(enrollName.text,
                                           persistence.checked,
                                           parseInt(enrollTimeout.text))
                            }
                        }
                    }
                }
            }
            GroupBox {
                title: "识别用户"
                GridLayout {
                    columns: 2
                    Text {
                        text: qsTr("超时时间(s)")
                    }
                    TextField {
                        id: verifyTimeout
                        implicitWidth: 80
                        text: "10"
                    }
                    Text {
                        text: qsTr("持续识别")
                    }
                    Switch {
                        checked: App.persistenceMode
                        onToggled: App.persistenceMode = !App.persistenceMode
                    }
                    Text {
                        text: qsTr("保存图片")
                    }
                    Switch {
                        id: extendedVerifyMode
                    }
                    Text {
                        text: qsTr("识别间隔(s)")
                    }
                    TextField {
                        id: verifyIntetval
                        implicitWidth: 80
                        text: App.persistenceVerifyInterval
                    }
                    Item {}
                    Button {
                        text: App.isVerifying ? "停止" : "识别"
                        onClicked: {
                            if (App.isVerifying) {
                                App.module.reset()
                            } else {
                                App.persistenceVerifyInterval = parseInt(
                                            verifyIntetval.text)
                                App.verify(extendedVerifyMode.checked,
                                           parseInt(verifyTimeout.text))
                            }
                        }
                    }
                }
            }
            GroupBox {
                title: "删除用户"
                GridLayout {
                    columns: 2
                    Text {
                        text: qsTr("用户ID")
                    }
                    TextField {
                        id: deleteUserId
                        implicitWidth: 100
                    }
                    Button {
                        text: "删除"
                        onClicked: App.deleteUser(parseInt(deleteUserId.text))
                    }
                    Button {
                        text: "删除所有"
                        onClicked: App.deleteAll()
                    }
                }
            }
            GroupBox {
                title: "图片注册"
                GridLayout {
                    columns: 1
                    Button {
                        text: "图片下发注册"
                        onClicked: App.uploadImage()
                    }
                }
            }
            Button {
                text: "复位"
                onClicked: App.module.reset()
            }
            Button {
                text: "状态查询"
                onClicked: App.module.requestCurrentStatus()
            }
            Button {
                text: "ID查询"
                onClicked: App.module.requestUniqueId()
            }
            Button {
                text: "OTA升级"
                onClicked: loader.active = true
            }
            Row {
                Text {
                    text: qsTr("日志")
                }
                Switch {
                    id: debugMode
                    onToggled: App.module.setDebugEnabled(debugMode.checked)
                }
            }
        }
    }

    Loader {
        id: loader
        source: "OtaPage.qml"
        active: false
        onLoaded: {
            if (loader.item && loader.item.open) {
                loader.item.open();
                loader.item.onClose = ()=>{
                    loader.active= false
                }
            }
        }
    }
}