import QtQuick
import QtQuick.Layouts
import QtQuick.Controls
import QtQuick.Window
import FluentUI

FluPopup {
    id: popup
    property string title: "Title"
    property string message: "Message"
    property string neutralText: "Neutral"
    property string negativeText: "Negative"
    property string positiveText: "Positive"
    signal neutralClicked
    signal negativeClicked
    signal positiveClicked(string text)
    enum ButtonFlag {
        NegativeButton = 1,
        NeutralButton = 2,
        PositiveButton = 4
    }
    property int buttonFlags: FluContentDialog.NegativeButton | FluContentDialog.PositiveButton
    property var minWidth: {
        if (Window.window == null)
            return 400
        return Math.min(Window.window.width, 400)
    }
    focus: true
    Rectangle {
        id: layout_content
        anchors.fill: parent
        implicitWidth: minWidth
        implicitHeight: text_title.height + text_message.height + layout_actions.height
        color: 'transparent'
        radius: 5
        FluText {
            id: text_title
            font: FluTextStyle.TitleLarge
            text: title
            topPadding: 20
            leftPadding: 20
            rightPadding: 20
            wrapMode: Text.WrapAnywhere
            anchors {
                top: parent.top
                left: parent.left
                right: parent.right
            }
        }
        FluTextBox {
            id: text_message
            font: FluTextStyle.Body
            wrapMode: Text.WrapAnywhere
            placeholderText: message
            topPadding: 14
            leftPadding: 20
            rightPadding: 20
            bottomPadding: 14
            anchors {
                top: text_title.bottom
                left: parent.left
                right: parent.right
            }
        }
        Rectangle {
            id: layout_actions
            height: 68
            radius: 5
            color: FluTheme.dark ? Qt.rgba(
                                       32 / 255, 32 / 255, 32 / 255,
                                       blurBackground ? blurOpacity - 0.4 : 1) : Qt.rgba(
                                       243 / 255, 243 / 255, 243 / 255,
                                       blurBackground ? blurOpacity - 0.4 : 1)
            anchors {
                top: text_message.bottom
                left: parent.left
                right: parent.right
            }
            RowLayout {
                anchors {
                    centerIn: parent
                    margins: spacing
                    fill: parent
                }
                spacing: 15
                FluButton {
                    id: neutral_btn
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    visible: popup.buttonFlags & FluContentDialog.NeutralButton
                    text: neutralText
                    onClicked: {
                        popup.close()
                        neutralClicked()
                    }
                }
                FluButton {
                    id: negative_btn
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    visible: popup.buttonFlags & FluContentDialog.NegativeButton
                    text: negativeText
                    onClicked: {
                        popup.close()
                        negativeClicked()
                    }
                }
                FluFilledButton {
                    id: positive_btn
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    visible: popup.buttonFlags & FluContentDialog.PositiveButton
                    text: positiveText
                    onClicked: {
                        popup.close()
                        positiveClicked(text_message.text)
                    }
                }
            }
        }
    }
}