import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QmlComponents 1.0

Rectangle {
    id: root

    property bool panelVisible: false
    property string executionStatus: ""
    property string testInput: '{"userId": "u-42", "email": "demo@example.com"}'
    property string testOutput: ""
    property bool canExecute: true

    signal toggleVisibility()
    signal executeRequested()

    Layout.fillWidth: true
    Layout.preferredHeight: panelVisible ? 220 : 36
    color: Theme.paper
    border.color: Theme.border
    border.width: 1
    clip: true

    Behavior on Layout.preferredHeight { NumberAnimation { duration: 200
    easing.type: Easing.OutCubic } }

    ColumnLayout {
        anchors.fill: parent
        anchors.margins: 10
        spacing: 8

        FlexRow {
            Layout.fillWidth: true
            spacing: 8

            CText {
                variant: "body2"
                text: "Test Execution"
                font.bold: true
            }

            CExecutionStatusDot { status: executionStatus }

            Item { Layout.fillWidth: true }

            CButton {
                text: panelVisible ? "Hide" : "Show"
                variant: "ghost"
                size: "sm"
                onClicked: root.toggleVisibility()
            }
        }

        RowLayout {
            Layout.fillWidth: true
            Layout.fillHeight: true
            spacing: 12
            visible: panelVisible

            ColumnLayout {
                Layout.preferredWidth: 300
                Layout.fillHeight: true
                spacing: 6

                CText { variant: "caption"; text: "Test Input (JSON)" }
                CTextField {
                    Layout.fillWidth: true
                    Layout.fillHeight: true
                    text: root.testInput
                    onTextChanged: root.testInput = text
                }
                CButton {
                    text: executionStatus === "running"
                        ? "Executing..." : "Execute"
                    variant: "primary"
                    enabled: executionStatus !== "running" && canExecute
                    onClicked: root.executeRequested()
                }
            }

            CWorkflowOutputLog {
                Layout.fillWidth: true
                Layout.fillHeight: true
                output: root.testOutput
            }
        }
    }
}