import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import Flora

Dialog {
    id: root

    property int providerIndex: -1
    property string providerName: ""
    property bool connected: false

    signal saved(int index)

    readonly property bool isGit: providerIndex <= 2

    title: qsTr("Подключение: %1").arg(providerName)
    z: 100
    modal: false
    width: 640
    height: 520
    anchors.centerIn: parent
    closePolicy: Dialog.CloseOnEscape | Dialog.CloseOnPressOutside
    background: Rectangle { color: Theme.surface; border.color: Theme.borderStrong; radius: 10 }

    function defaultUrl() {
        switch (root.providerIndex) {
        case 0: return "https://github.com"
        case 1: return "https://gitlab.com"
        case 2: return "http://localhost:3000"
        case 3: return "https://nextcloud.local/remote.php/dav/files/USER"
        default: return "http://127.0.0.1:8384"
        }
    }

    function tokenName() {
        switch (root.providerIndex) {
        case 0: return qsTr("Токен GitHub (Personal Access Token)")
        case 1: return qsTr("Токен GitLab (PRIVATE-TOKEN)")
        case 2: return qsTr("Токен Gitea (Personal Access Token)")
        case 3: return qsTr("Пароль от Nextcloud")
        default: return qsTr("API-ключ Syncthing")
        }
    }

    Component.onCompleted: { urlField.text = defaultUrl() }

    ColumnLayout {
        anchors.fill: parent
        spacing: 10
        anchors.margins: 4

        Rectangle {
            Layout.fillWidth: true
            Layout.preferredHeight: 150
            color: Theme.bgAlt
            border.color: Theme.border
            radius: 8
            Flickable {
                anchors.fill: parent
                anchors.margins: 8
                ScrollBar.vertical: ScrollBar {}
                clip: true
                contentWidth: width
                contentHeight: instText.implicitHeight
                Text {
                    id: instText
                    width: parent.width - 16
                    wrapMode: Text.Wrap
                    textFormat: Text.MarkdownText
                    color: Theme.textSecondary
                    linkColor: Theme.accent
                    onLinkActivated: (url) => Qt.openUrlExternally(url)
                    text: root.providerIndex === 0
                        ? "**Как подключить GitHub:**\n\n" + "1. Создайте токен: [github.com/settings/tokens](https://github.com/settings/tokens) — scope **repo**.\n" + "2. Создайте **пустой** репозиторий (без README).\n" + "3. Вставьте токен ниже и нажмите «Проверить».\n"
                        : root.providerIndex === 1
                        ? "**Как подключить GitLab:**\n\n" + "1. Токен: Настройки → Access Tokens — scope **api**.\n" + "2. Создайте **пустой** репозиторий.\n" + "3. Для self-hosted: укажите адрес инстанса.\n"
                        : root.providerIndex === 2
                        ? "**Как подключить Gitea:**\n\n" + "1. Токен: Настройки → Приложения → **Создать новый токен** (scope **repo**).\n" + "2. Создайте **пустой** репозиторий.\n"
                        : root.providerIndex === 3
                        ? "**Как подключить Nextcloud (WebDAV):**\n\n" + "1. Создайте папку для синхронизации (например **Flora**).\n" + "2. Адрес WebDAV: https://ВАШ_ХОСТ/remote.php/dav/files/ВАШ_ЛОГИН/\n" + "3. Укажите логин и пароль.\n"
                        : "**Как подключить Syncthing:**\n\n" + "1. Установите и запустите Syncthing.\n" + "2. API-ключ: Действия → Настройки → API-ключ.\n" + "3. Адрес по умолчанию: http://127.0.0.1:8384.\n"
                }
            }
        }

        ColumnLayout {
            Layout.fillWidth: true
            spacing: 6
            Label { text: qsTr("Адрес сервера"); color: Theme.textSecondary; font.bold: true; font.pixelSize: 11 }
            TextField {
                id: urlField; Layout.fillWidth: true
                placeholderTextColor: Theme.textFaint
                color: Theme.text
                background: Rectangle { color: Theme.bgAlt; border.color: urlField.activeFocus ? Theme.accent : Theme.border; radius: 6 }
            }
            Label { visible: root.providerIndex === 3; text: qsTr("Логин (для WebDAV):"); color: Theme.textSecondary; font.pixelSize: 11 }
            TextField {
                id: userField
                Layout.fillWidth: true
                visible: root.providerIndex === 3
                placeholderText: qsTr("Логин Nextcloud")
                placeholderTextColor: Theme.textFaint
                color: Theme.text
                background: Rectangle { color: Theme.bgAlt; border.color: userField.activeFocus ? Theme.accent : Theme.border; radius: 6 }
            }
            Label { text: tokenName(); color: Theme.textSecondary; font.bold: true; font.pixelSize: 11 }
            TextField {
                id: tokenField
                Layout.fillWidth: true
                echoMode: TextInput.Password
                placeholderText: qsTr("Вставьте значение")
                placeholderTextColor: Theme.textFaint
                color: Theme.text
                background: Rectangle { color: Theme.bgAlt; border.color: tokenField.activeFocus ? Theme.accent : Theme.border; radius: 6 }
            }
        }

        Rectangle {
            Layout.fillWidth: true
            visible: resultLabel.text.length > 0
            color: root.connected ? Theme.successBg : Theme.errorBg
            border.color: root.connected ? Theme.successText : Theme.errorText
            radius: 6
            height: resultLabel.implicitHeight + 12
            Label {
                id: resultLabel
                anchors.fill: parent
                anchors.margins: 6
                wrapMode: Text.Wrap
                visible: text.length > 0
                color: root.connected ? Theme.successText : Theme.errorText
                font.pixelSize: 11
            }
        }

        Item { Layout.fillHeight: true }

        RowLayout {
            Layout.fillWidth: true
            Button { text: qsTr("Отмена"); onClicked: root.reject() }
            Item { Layout.fillWidth: true }
            Button {
                text: qsTr("Проверить соединение")
                enabled: tokenField.text.length > 0 && !syncManager.busy
                onClicked: {
                    resultLabel.text = ""
                    root.connected = false
                    syncManager.testConnection(root.providerIndex, urlField.text, userField.text, tokenField.text)
                }
            }
            Button {
                text: qsTr("Сохранить")
                highlighted: true
                enabled: root.connected
                onClicked: {
                    settingsStore.addProvider(root.providerName, { url: urlField.text, user: userField.text, token: tokenField.text })
                    root.saved(root.providerIndex)
                    root.accept()
                }
            }
        }
        BusyIndicator { visible: syncManager.busy; running: syncManager.busy; Layout.alignment: Qt.AlignHCenter }
    }

    Connections {
        target: syncManager
        function onConnectionResult(provider, ok, code, title, hint, raw) {
            if (provider !== root.providerIndex) return
            root.connected = ok
            resultLabel.text = ok ? qsTr("Соединение установлено. Нажмите «Сохранить».") : title + (hint && hint.length > 0 ? "\n" + hint : "")
        }
    }
}