import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Dialogs
import QtCore

import Logos.Theme
import Logos.Controls

ColumnLayout {
    id: root

    property string generatedUserConfigPath: ""
    property bool resultSuccess: false
    property string resultMessage: ""

    signal generateRequested(string outputPath, var initialPeers, int netPort, int blendPort, string httpAddr, string externalAddress, bool noPublicIpCheck, int deploymentMode, string deploymentConfigPath, string statePath)


    Component.onCompleted: {
        if (outputField.text === "" && root.generatedUserConfigPath !== "")
            outputField.text = root.generatedUserConfigPath
    }

    QtObject {
        id: d
        function doGenerate() {
            var peers = initialPeersArea.text.split("\n").map(function(s) { return s.trim() }).filter(function(s) { return s.length > 0 })
            root.generateRequested(
                outputField.text.trim(),
                peers,
                netPortSpin.value,
                blendPortSpin.value,
                httpAddrField.text.trim(),
                externalAddrField.text.trim(),
                noPublicIpCheckBox.checked,
                devnetRadio.checked ? 0 : 1,
                customDeploymentField.text.trim(),
                statePathField.text.trim())
        }
    }

    spacing: Theme.spacing.medium

    LogosText {
        Layout.alignment: Qt.AlignLeft
        font.bold: true
        text: qsTr("Generate user config")
    }

    LogosText {
        Layout.alignment: Qt.AlignLeft
        Layout.topMargin: -Theme.spacing.small
        text: qsTr("All fields are optional. Values are passed as args to generate config.")
        font.pixelSize: Theme.typography.secondaryText
        color: Theme.palette.textSecondary
        wrapMode: Text.WordWrap
    }

    // Output path (defaults to generated path; user can change via text or folder browse)
    RowLayout {
        Layout.fillWidth: true
        spacing: Theme.spacing.small
        LogosTextField {
            id: outputField
            Layout.fillWidth: true
            placeholderText: root.generatedUserConfigPath || qsTr("Output config path (e.g. node_config.yaml)")
        }
        LogosButton {
            text: qsTr("Browse…")
            onClicked: outputFolderDialog.open()
        }
    }

    // Initial peers (multi-line)
    LogosText {
        Layout.alignment: Qt.AlignLeft
        text: qsTr("Initial peers (one per line)")
        font.pixelSize: Theme.typography.secondaryText
    }

    ScrollView {
        Layout.fillWidth: true
        Layout.preferredHeight: 60
        clip: true
        TextArea {
            id: initialPeersArea
            background: Rectangle {
                radius: Theme.spacing.radiusSmall
                color: Theme.palette.backgroundSecondary
                border.width: 1
                border.color: d.inputActiveFocus ? Theme.palette.overlayOrange : Theme.palette.backgroundElevated
            }
            placeholderText: qsTr("Peer addresses, one per line")
            placeholderTextColor: Theme.palette.textTertiary
            font.pixelSize: Theme.typography.secondaryText
        }
    }

    // Net port / Blend port
    RowLayout {
        Layout.fillWidth: true
        spacing: Theme.spacing.large
        LogosText {
            text: qsTr("Net port")
            font.pixelSize: Theme.typography.secondaryText
        }
        SpinBox {
            id: netPortSpin
            from: 0
            to: 65535
            value: 0
            Layout.preferredWidth: 100
            editable: true
        }
        Item { Layout.fillWidth: true }
        LogosText {
            text: qsTr("Blend port")
            font.pixelSize: Theme.typography.secondaryText
        }
        SpinBox {
            id: blendPortSpin
            from: 0
            to: 65535
            value: 0
            Layout.preferredWidth: 100
            editable: true
        }
    }

    LogosTextField {
        id: httpAddrField
        Layout.fillWidth: true
        placeholderText: qsTr("HTTP address (e.g. 0.0.0.0:8080)")
    }

    LogosTextField {
        id: externalAddrField
        Layout.fillWidth: true
        placeholderText: qsTr("External address (e.g. /ip4/1.2.3.4/udp/3000/quic-v1)")
    }

    CheckBox {
        id: noPublicIpCheckBox
        contentItem: LogosText {
            text: qsTr("No public IP check")
            font.pixelSize: Theme.typography.secondaryText
            verticalAlignment: Text.AlignVCenter
            leftPadding: noPublicIpCheckBox.indicator.width + noPublicIpCheckBox.spacing
        }
    }

    // Deployment
    LogosText {
        Layout.alignment: Qt.AlignLeft
        text: qsTr("Deployment")
        font.pixelSize: Theme.typography.secondaryText
    }
    RowLayout {
        Layout.fillWidth: true
        spacing: Theme.spacing.medium
        LogosRadioButton {
            id: devnetRadio
            checked: true
            text: qsTr("Devnet")
        }
        LogosRadioButton {
            id: customRadio
            text: qsTr("Custom config")
        }
        LogosTextField {
            id: customDeploymentField
            visible: customRadio.checked
            Layout.fillWidth: true
            placeholderText: qsTr("Path to deployment config")
        }
        LogosButton {
            visible: customRadio.checked
            text: qsTr("Browse")
            onClicked: deploymentConfigFileDialog.open()
        }
    }

    LogosTextField {
        id: statePathField
        Layout.fillWidth: true
        placeholderText: qsTr("State path")
    }

    LogosButton {
        Layout.alignment: Qt.AlignHCenter
        Layout.fillWidth: true
        Layout.preferredHeight: 50
        text: qsTr("Generate config")
        onClicked: d.doGenerate()
    }

    LogosText {
        Layout.alignment: Qt.AlignHCenter
        Layout.fillWidth: true
        text: root.resultMessage
        color: root.resultSuccess ? Theme.palette.success : Theme.palette.error
        font.pixelSize: Theme.typography.secondaryText
        wrapMode: Text.WordWrap
        visible: root.resultMessage !== ""
    }

    FileDialog {
        id: deploymentConfigFileDialog
        modality: Qt.NonModal
        nameFilters: ["YAML files (*.yaml)", "All files (*)"]
        currentFolder: StandardPaths.standardLocations(StandardPaths.DocumentsLocation)[0]
        onAccepted: customDeploymentField.text = selectedFile
    }

    FolderDialog {
        id: outputFolderDialog
        modality: Qt.NonModal
        title: qsTr("Choose folder for config file")
        onAccepted: {
            var urlStr = selectedFolder.toString()
            if (urlStr.indexOf("file://") === 0)
                urlStr = urlStr.substring(7)
            if (urlStr.length > 0)
                outputField.text = urlStr + "/user_config.yaml"
        }
    }

    component LogosRadioButton: RadioButton {
        id: customRadio
        contentItem: LogosText {
            text: customRadio.text
            font.pixelSize: Theme.typography.secondaryText
            verticalAlignment: Text.AlignVCenter
            leftPadding: noPublicIpCheckBox.indicator.width + noPublicIpCheckBox.spacing
        }
    }     
}