import QtQuick 2.12
import QtQuick.Controls 2.12
import PageEnum 1.0
import "./"
import "../Controls"
import "../Config"

PageBase {
    id: root
    page: PageEnum.ShareConnection
    logic: ShareConnectionLogic

    BackButton {
        id: back
    }
    ScrollView {
        x: 10
        y: 40
        width: 360
        height: 580
        Item {
            id: ct
            width: parent.width
            height: childrenRect.height + 10
            property var contentList: [
                full_access,
                share_amezia,
                share_openvpn,
                share_shadowshock,
                share_cloak
            ]
            property int currentIndex: ShareConnectionLogic.toolBoxShareConnectionCurrentIndex
            onCurrentIndexChanged: {
                ShareConnectionLogic.toolBoxShareConnectionCurrentIndex = currentIndex
                for (let i = 0; i < contentList.length; ++i) {
                    if (i == currentIndex) {
                        contentList[i].active = true
                    } else {
                        contentList[i].active = false
                    }
                }
            }

            function clearActive() {
                for (let i = 0; i < contentList.length; ++i) {
                    contentList[i].active = false
                }
                currentIndex = -1;
            }
            Column {
                spacing: 5
                ShareConnectionContent {
                    id: full_access
                    x: 0
                    text: qsTr("Full access")
                    visible: ShareConnectionLogic.pageShareFullAccessVisible
                    content: Component {
                        Item {
                            width: 360
                            height: 380
                            Text {
                                x: 10
                                y: 250
                                width: 341
                                height: 111
                                font.family: "Lato"
                                font.styleName: "normal"
                                font.pixelSize: 16
                                color: "#181922"
                                horizontalAlignment: Text.AlignLeft
                                verticalAlignment: Text.AlignVCenter
                                wrapMode: Text.Wrap
                                text: qsTr("Anyone who logs in with this code will have the same permissions to use VPN and your server as you. \nThis code includes your server credentials!\nProvide this code only to TRUSTED users.")
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 130
                                width: 341
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareFullCopyText
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareFullCopyClicked()
                                }
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 180
                                width: 341
                                height: 40
                                text: qsTr("Save file")
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareFullSaveClicked()
                                }
                            }
                            TextFieldType {
                                x: 10
                                y: 10
                                width: 341
                                height: 100
                                verticalAlignment: Text.AlignTop
                                text: ShareConnectionLogic.textEditShareFullCodeText
                                onEditingFinished: {
                                    ShareConnectionLogic.textEditShareFullCodeText = text
                                }
                            }
                        }
                    }
                    onClicked: {
                        if (active) {
                            ct.currentIndex = -1
                        } else {
                            ct.clearActive()
                            ct.currentIndex = 0
                        }
                    }
                }
                ShareConnectionContent {
                    id: share_amezia
                    x: 0
                    text: qsTr("Share for Amnezia client")
                    visible: ShareConnectionLogic.pageShareAmneziaVisible
                    content: Component {
                        Item {
                            width: 360
                            height: 380
                            Text {
                                x: 10
                                y: 280
                                width: 341
                                height: 111
                                font.family: "Lato"
                                font.styleName: "normal"
                                font.pixelSize: 16
                                color: "#181922"
                                horizontalAlignment: Text.AlignLeft
                                verticalAlignment: Text.AlignVCenter
                                wrapMode: Text.Wrap
                                text: qsTr("Anyone who logs in with this code will be able to connect to this VPN server. \nThis code does not include server credentials.")
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 180
                                width: 341
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareAmneziaCopyText
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareAmneziaCopyClicked()
                                }
                                enabled: ShareConnectionLogic.pushButtonShareAmneziaCopyEnabled
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 130
                                width: 341
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareAmneziaGenerateText
                                enabled: ShareConnectionLogic.pushButtonShareAmneziaGenerateEnabled
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareAmneziaGenerateClicked()
                                }
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 230
                                width: 341
                                height: 40
                                text: qsTr("Save file")
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareAmneziaSaveClicked()
                                }
                            }
                            TextFieldType {
                                x: 10
                                y: 10
                                width: 341
                                height: 100
                                verticalAlignment: Text.AlignTop
                                text: ShareConnectionLogic.textEditShareAmneziaCodeText
                                onEditingFinished: {
                                    ShareConnectionLogic.textEditShareAmneziaCodeText = text
                                }
                            }
                        }
                    }
                    onClicked: {
                        if (active) {
                            ct.currentIndex = -1
                        } else {
                            ct.clearActive()
                            ct.currentIndex = 1
                        }
                    }
                }
                ShareConnectionContent {
                    id: share_openvpn
                    x: 0
                    text: qsTr("Share for OpenVPN client")
                    visible: ShareConnectionLogic.pageShareOpenVpnVisible
                    content: Component {
                        Item {
                            width: 360
                            height: 380
                            ShareConnectionButtonType {
                                x: 10
                                y: 180
                                width: 341
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareOpenVpnCopyText
                                enabled: ShareConnectionLogic.pushButtonShareOpenVpnCopyEnabled
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareOpenVpnCopyClicked()
                                }
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 130
                                width: 341
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareOpenVpnGenerateText
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareOpenVpnGenerateClicked()
                                }
                                enabled: ShareConnectionLogic.pushButtonShareOpenVpnGenerateEnabled
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 230
                                width: 341
                                height: 40
                                text: qsTr("Save file")
                                enabled: ShareConnectionLogic.pushButtonShareOpenVpnSaveEnabled
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareOpenVpnSaveClicked()
                                }
                            }
                            TextFieldType {
                                x: 10
                                y: 10
                                width: 341
                                height: 100
                                verticalAlignment: Text.AlignTop
                                text: ShareConnectionLogic.textEditShareOpenVpnCodeText
                                onEditingFinished: {
                                    ShareConnectionLogic.textEditShareOpenVpnCodeText = text
                                }
                            }
                        }
                    }
                    onClicked: {
                        if (active) {
                            ct.currentIndex = -1
                        } else {
                            ct.clearActive()
                            ct.currentIndex = 2
                        }
                    }
                }
                ShareConnectionContent {
                    id: share_shadowshock
                    x: 0
                    text: qsTr("Share for ShadowSocks client")
                    visible: ShareConnectionLogic.pageShareShadowSocksVisible
                    content: Component {
                        Item {
                            width: 360
                            height: 380
                            LabelType {
                                x: 10
                                y: 70
                                width: 100
                                height: 20
                                text: qsTr("Password")
                            }
                            LabelType {
                                x: 10
                                y: 10
                                width: 100
                                height: 20
                                text: qsTr("Server:")
                            }
                            LabelType {
                                x: 10
                                y: 50
                                width: 100
                                height: 20
                                text: qsTr("Encryption:")
                            }
                            LabelType {
                                x: 10
                                y: 30
                                width: 100
                                height: 20
                                text: qsTr("Port:")
                            }
                            LabelType {
                                x: 10
                                y: 100
                                width: 191
                                height: 20
                                text: qsTr("Connection string")
                            }
                            LabelType {
                                x: 130
                                y: 70
                                width: 100
                                height: 20
                                text: ShareConnectionLogic.labelShareShadowSocksPasswordText
                            }
                            LabelType {
                                x: 130
                                y: 10
                                width: 100
                                height: 20
                                text: ShareConnectionLogic.labelShareShadowSocksServerText
                            }
                            LabelType {
                                x: 130
                                y: 50
                                width: 100
                                height: 20
                                text: ShareConnectionLogic.labelShareShadowSocksMethodText
                            }
                            LabelType {
                                x: 130
                                y: 30
                                width: 100
                                height: 20
                                text: ShareConnectionLogic.labelShareShadowSocksPortText
                            }
                            Image {
                                id: label_share_ss_qr_code
                                x: 85
                                y: 235
                                width: 200
                                height: 200
                                source: ShareConnectionLogic.labelShareShadowSocksQrCodeText === "" ? "" : "data:image/png;base64," + UiLogic.labelShareShadowSocksQrCodeText
                            }
                            ShareConnectionButtonType {
                                x: 10
                                y: 180
                                width: 331
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareShadowSocksCopyText
                                enabled: ShareConnectionLogic.pushButtonShareShadowSocksCopyEnabled
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareShadowSocksCopyClicked()
                                }
                            }
                            TextFieldType {
                                x: 10
                                y: 130
                                width: 331
                                height: 100
                                horizontalAlignment: Text.AlignHCenter
                                text: ShareConnectionLogic.lineEditShareShadowSocksStringText
                                onEditingFinished: {
                                    ShareConnectionLogic.lineEditShareShadowSocksStringText = text
                                }
                            }
                        }
                    }
                    onClicked: {
                        if (active) {
                            ct.currentIndex = -1
                        } else {
                            ct.clearActive()
                            ct.currentIndex = 3
                        }
                    }
                }
                ShareConnectionContent {
                    id: share_cloak
                    x: 0
                    text: qsTr("Share for Cloak client")
                    visible: ShareConnectionLogic.pageShareCloakVisible
                    content: Component {
                        Item {
                            width: 360
                            height: 380
                            ShareConnectionButtonType {
                                x: 10
                                y: 290
                                width: 331
                                height: 40
                                text: ShareConnectionLogic.pushButtonShareCloakCopyText
                                enabled: ShareConnectionLogic.pushButtonShareCloakCopyEnabled
                                onClicked: {
                                    ShareConnectionLogic.onPushButtonShareCloakCopyClicked()
                                }
                            }
                            TextInput {
                                x: 10
                                y: 30
                                width: 331
                                height: 100
                                text: ShareConnectionLogic.plainTextEditShareCloakText
                                onEditingFinished: {
                                    ShareConnectionLogic.plainTextEditShareCloakText = text
                                }
                            }
                        }
                    }
                    onClicked: {
                        if (active) {
                            ct.currentIndex = -1
                        } else {
                            ct.clearActive()
                            ct.currentIndex = 4
                        }
                    }
                }
            }
        }
    }
}