import Git 1.0
import Lomiri.Components 1.3
import Pass 1.0
import QtQuick 2.4

Column {
    signal repoUrlChanged(string url)

    function setRepoUrl(url) {
        repoUrlInput.text = url;
    }

    anchors.top: parent.fill
    spacing: units.gu(1)

    Text {
        id: repoUrlLabel

        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        width: parent.width
        text: i18n.tr('Repo Url')
        color: theme.palette.normal.backgroundText
    }

    TextField {
        id: repoUrlInput

        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        width: parent.width
        placeholderText: "http(s)://<username>@<hostname>"
        onTextChanged: repoUrlChanged(repoUrlInput.text)
    }

    Text {
        id: repoPasswordLabel

        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        width: parent.width
        text: i18n.tr('Password')
        color: theme.palette.normal.backgroundText
    }

    TextField {
        id: repoPasswordInput

        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        width: parent.width
        echoMode: TextInput.Password
        placeholderText: i18n.tr('Password')
    }

    Rectangle {
        width: parent.width
        height: units.gu(1)
        color: theme.palette.normal.background
    }

    Button {
        id: buttonClone

        width: parent.width
        color: theme.palette.normal.positive
        text: i18n.tr('Clone')
        onClicked: {
            Git.cloneHttpPass(repoUrlInput.text, Pass.password_store, repoPasswordInput.text);
        }
    }

}