import QtQuick
import QtQuick.Layouts
import QtQuick.Window
import QtQuick.Controls
import QtQuick.Controls.Basic
import QtWebEngine 1.2
import FluentUI
import AicsKB.FileTransferManager
import SignalFileOperation 1.0
import "qrc:///AicsKnowledgeBase/qml/page"
import "qrc:///AicsKnowledgeBase/qml/component"
import "qrc:///AicsKnowledgeBase/qml/global"

FluArea {
    id: edit_area
    paddings: 0
    backgroundColor: "#f9f9f9"
    property string uuid
    property string fileType: "OTHER"
    property string fileTitle: "dgfgf"
    property string noteId
    property string noteTitle
    property string noteContent
    property bool isModifying: false

    Component.onCompleted: {
        if (isModifying) {

        }

        noteTitle = Qt.binding(function () {
            return input_title.text
        })
        noteContent = Qt.binding(function () {
            return input_md.contentMd
        })
    }

    FluScrollablePage {
        id: edit_page
        anchors.fill: parent
        leftPadding: 5
        topPadding: 5
        rightPadding: 5
        bottomPadding: 0

        Item {
            Layout.fillWidth: true
            implicitHeight: 30
            Layout.leftMargin: 5
            Layout.bottomMargin: 10
            MouseArea {
                anchors.fill: parent
                onDoubleClicked: {
                    emit: SignalFileOperation.open(note_page.uuid)
                }
            }
            RowLayout {
                id: titleRow
                RowLayout {
                    FluIconButton {
                        iconSize: 12
                        iconSource: FluentIcons.Back
                        onClicked: {
                            emit: SignalFileOperation.back()
                        }
                    }
                }
                Image {
                    id: icon
                    source: edit_area.fileType ? "qrc:/AicsKnowledgeBase/res/"
                                                 + edit_area.fileType + ".png" : ""
                    Layout.preferredHeight: 24
                    Layout.preferredWidth: 24
                }
                FluText {
                    id: title
                    font.bold: true
                    font.pointSize: 12
                    text: edit_area.fileTitle
                }
            }
        }
        Item {
            Layout.fillWidth: true
            implicitHeight: 50
            RowLayout {
                Layout.fillWidth: true
                FluText {
                    padding: 10
                    text: "标题"
                    font {
                        pointSize: 15
                        bold: true
                    }
                }
                FluTextBox {
                    id: input_title
                    padding: 10
                    placeholderText: "单行输入框"
                    implicitWidth: parent.width
                }
            }
        }

        FluText {
            padding: 10
            text: "内容"
            font {
                pointSize: 15
                bold: true
            }
        }

        NoteEditPage {
            id: input_md
            noteId: "255454"
            width: parent.width
            height: width * 9 / 16
            isEditable: true
            isEditing: true
        }

        RowLayout {
            Layout.alignment: Qt.AlignCenter
            Layout.topMargin: 10
            FluFilledButton {
                text: "上传"
                onClicked: {

                }
            }
            FluButton {
                text: "取消"
            }
        }
    }
}