import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Controls.Material
import QtQuick.Window
import Qt5Compat.GraphicalEffects
import ScreenPlayApp
import ScreenPlay
import ScreenPlayUtil as Util

Util.Dialog {
    id: root

    property ApplicationWindow window
    property string message
    standardButtons: Dialog.Ok | Dialog.Help
    onHelpRequested: {
        Qt.openUrlExternally("https://forum.screen-play.app/");
    }

    Connections {
        function onDisplayErrorPopup(msg) {
            root.message = msg;
            root.window.show();
            root.open();
        }

        target: App.screenPlayManager
    }

    contentItem: Item {
        implicitWidth: 600
        implicitHeight: 400

        ColumnLayout {
            anchors.margins: 20
            anchors.fill: parent
            spacing: 20

            Image {
                Layout.alignment: Qt.AlignHCenter
                Layout.preferredWidth: 150
                Layout.preferredHeight: 150
                source: "qrc:/qml/ScreenPlayApp/assets/icons/exclamation-triangle-solid.svg"
                fillMode: Image.PreserveAspectFit

                layer {
                    enabled: true

                    effect: ColorOverlay {
                        color: Material.color(Material.DeepOrange)
                    }
                }
            }

            Text {
                text: root.message
                Layout.fillWidth: true
                Layout.fillHeight: true
                Layout.margins: 20
                wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                horizontalAlignment: Text.AlignHCenter
                font.family: App.settings.font
                font.pointSize: 16
                color: Material.primaryTextColor
            }
        }
    }
}