import QtQuick 2.13
import QtQuick.Layouts 1.13
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"
import "Privileges/"
import "BrowserModals"

Item {
    id: root
    Layout.fillHeight: true
    Layout.fillWidth: true

    property Component dappListPopup: DappList {
        onClosed: destroy()
    }

    property Component homePagePopup: HomepageModal {}

    Column {
        id: generalColumn
        spacing: Style.current.bigPadding
        anchors.top: parent.top
        anchors.topMargin: Style.current.bigPadding
        anchors.left: parent.left
        anchors.leftMargin: contentMargin
        anchors.right: parent.right
        anchors.rightMargin: contentMargin

        StatusSectionHeadline {
            text: qsTr("General")
        }

        StatusSettingsLineButton {
            text: qsTr("Homepage")
            currentValue: appSettings.browserHomepage === "" ? qsTr("Default") : appSettings.browserHomepage
            onClicked: homePagePopup.createObject(root).open()
        }

        StatusSettingsLineButton {
            text: qsTr("Show favorites bar")
            isSwitch: true
            switchChecked: appSettings.showFavoritesBar
            onClicked: function (checked) {
                appSettings.showFavoritesBar = checked
            }
        }

        StatusSettingsLineButton {
            text: qsTr("Search engine used in the address bar")
            currentValue: qsTr("None")
            onClicked: function () {
                console.log('Change search engine')
            }
        }

        Item {
            width: parent.width
            height: childrenRect.height

            StatusSettingsLineButton {
                id: ethereumExplorerBtn
                text: qsTr("Ethereum explorer used in the address bar")
                currentValue: qsTr("None")
                onClicked: function () {
                    console.log('Change ethereum explorer')
                }
            }
            StyledText {
                text: qsTr("Open an ethereum explorer after a transaction hash or an address is entered")
                font.pixelSize: 15
                color: Style.current.secondaryText
                anchors.top: ethereumExplorerBtn.bottom
                anchors.topMargin: 2
                anchors.left: parent.left
                anchors.right: parent.right
                anchors.rightMargin: 150
                wrapMode: Text.WordWrap
            }
        }



        Separator {}

        StatusSectionHeadline {
            text: qsTr("Downloads")
        }


        Item {
            height: textItem.height
            width: parent.width

            StyledText {
                id: textItem
                text: qsTr("Location")
                font.pixelSize: 15
            }

            StyledText {
                id: valueText
                text: "path/to/downloads"
                font.pixelSize: 15
                color: Style.current.secondaryText
                anchors.right: locationBtn.left
                anchors.rightMargin: Style.current.halfPadding
                anchors.verticalCenter: textItem.verticalCenter
            }

            StatusButton {
                id: locationBtn
                text: qsTr("Change")
                anchors.right: parent.right
                anchors.verticalCenter: textItem.verticalCenter
                onClicked: {
                    console.log('change location')
                }
            }
        }

        StatusSettingsLineButton {
            text: qsTr("Location")
            currentValue: "path/to/downloads"
            onClicked: function () {
                console.log('Change download')
            }
        }

        Separator {}

        StatusSectionHeadline {
            text: qsTr("Privacy")
        }

        StatusSettingsLineButton {
            text: qsTr("Set DApp access permissions")
            onClicked: dappListPopup.createObject(root).open()
        }
    }
}

/*##^##
Designer {
    D{i:0;height:400;width:700}
}
##^##*/