import QtQuick
import FluentUI
import QtQuick.Controls
import QtQuick.Window
import QtQuick.Layouts
import org.wangwenx190.FramelessHelper
import AicsKB.HttpClient

Row {
    anchors.fill: parent

    Rectangle {
        id: introdutcitonItem
        height: parent.height
        width: parent.width * 0.5
        color: "#f3fbff"

        //color: "transparent"
        Image {
            anchors.fill: parent
            fillMode: Image.PreserveAspectFit
            source: "qrc:/AicsKnowledgeBase/res/login_background.webp"
        }
    }

    ColumnLayout {
        id: loginRect
        width: parent.width * 0.5
        height: parent.height
        FluPivot {

            Layout.fillWidth: true
            Layout.alignment: Qt.AlignVCenter
            Layout.margins: 20
            height: 200

            FluPivotItem {
                id: loginItem
                title: "登录"

                function login(s)
                {
                     showSuccess(s);
                }

                contentItem: Column {
                    anchors.margins: {
                        top: 10
                    }
                    anchors.top: parent.top
                    spacing: 12

                    FluTextBox {
                        anchors.left: parent.left
                        anchors.right: parent.right
                        id: account
                        placeholderText: "用户名"
                    }
                    FluPasswordBox {
                        anchors.left: parent.left
                        anchors.right: parent.right
                        id: password
                        placeholderText: "密码"
                    }
                    RowLayout {
                        anchors.left: parent.left
                        anchors.right: parent.right
                        FluCheckBox {
                            Layout.alignment: Qt.AlignLeft
                            //anchors.left: parent.left
                            text: "记住密码"
                        }
                        FluTextButton {
                            Layout.alignment: Qt.AlignRight
                            //anchors.right: parent.right
                            text: "忘记密码？"
                        }
                    }
                    FluFilledButton {
                        anchors.horizontalCenter: parent.horizontalCenter
                        normalColor: FluColors.Green.normal
                        text: "登录"
                        onClicked: {
                            HttpClient.doGetRequest(loginItem, "login");
                        }
                    }
                }
            }
            FluPivotItem {
                title: "注册"
                //                    Rectangle{
                //                        anchors.fill: parent
                //                        color: "blue"
                //                    }
            }
        }
    }
}