import { _decorator, Component, Node, Label, Button, Canvas, UITransform, Widget, Layout, Sprite, Color } from 'cc';
import { BehaviorTreeExample } from './BehaviorTreeExample';

const { ccclass, property } = _decorator;

/**
 * 行为树测试场景
 * 自动创建UI界面用于测试行为树
 */
@ccclass('BehaviorTreeTestScene')
export class BehaviorTreeTestScene extends Component {

    onLoad() {
        this.createTestUI();
    }

    private createTestUI() {
        // 创建Canvas
        const canvasNode = new Node('BehaviorTreeTestCanvas');
        canvasNode.addComponent(Canvas);
        canvasNode.addComponent(UITransform);
        canvasNode.parent = this.node;

        // 创建背景
        const backgroundNode = new Node('Background');
        const backgroundTransform = backgroundNode.addComponent(UITransform);
        backgroundTransform.setContentSize(1920, 1080);
        const backgroundSprite = backgroundNode.addComponent(Sprite);
        backgroundSprite.color = new Color(40, 40, 40, 255);
        backgroundNode.parent = canvasNode;

        // 设置Widget组件使背景充满整个画布
        const backgroundWidget = backgroundNode.addComponent(Widget);
        backgroundWidget.isAlignTop = true;
        backgroundWidget.isAlignBottom = true;
        backgroundWidget.isAlignLeft = true;
        backgroundWidget.isAlignRight = true;

        // 创建主容器
        const mainContainer = new Node('MainContainer');
        const mainTransform = mainContainer.addComponent(UITransform);
        mainTransform.setContentSize(1600, 900);
        mainContainer.parent = canvasNode;

        // 设置主容器居中
        const mainWidget = mainContainer.addComponent(Widget);
        mainWidget.isAlignHorizontalCenter = true;
        mainWidget.isAlignVerticalCenter = true;

        // 设置主容器的Layout
        const mainLayout = mainContainer.addComponent(Layout);
        mainLayout.type = Layout.Type.VERTICAL;
        mainLayout.spacingY = 20;
        mainLayout.paddingTop = 50;
        mainLayout.paddingBottom = 50;
        mainLayout.paddingLeft = 50;
        mainLayout.paddingRight = 50;

        // 创建标题
        const titleNode = this.createText('简化API行为树测试器', 48, Color.WHITE);
        titleNode.parent = mainContainer;

        // 创建状态显示区域
        const statusContainer = new Node('StatusContainer');
        const statusTransform = statusContainer.addComponent(UITransform);
        statusTransform.setContentSize(1500, 80);
        statusContainer.parent = mainContainer;

        const statusLayout = statusContainer.addComponent(Layout);
        statusLayout.type = Layout.Type.HORIZONTAL;
        statusLayout.spacingX = 20;

        // 状态标签
        const statusLabelNode = this.createText('状态: 初始化中...', 24, Color.YELLOW);
        statusLabelNode.parent = statusContainer;

        // 创建控制按钮区域
        const buttonContainer = new Node('ButtonContainer');
        const buttonTransform = buttonContainer.addComponent(UITransform);
        buttonTransform.setContentSize(1500, 80);
        buttonContainer.parent = mainContainer;

        const buttonLayout = buttonContainer.addComponent(Layout);
        buttonLayout.type = Layout.Type.HORIZONTAL;
        buttonLayout.spacingX = 20;

        // 创建控制按钮
        const startButton = this.createButton('开始执行', Color.GREEN);
        const stopButton = this.createButton('停止', Color.RED);
        const pauseButton = this.createButton('暂停', Color.YELLOW);
        const resumeButton = this.createButton('恢复', Color.BLUE);

        startButton.parent = buttonContainer;
        stopButton.parent = buttonContainer;
        pauseButton.parent = buttonContainer;
        resumeButton.parent = buttonContainer;

        // 创建说明区域
        const infoContainer = new Node('InfoContainer');
        const infoTransform = infoContainer.addComponent(UITransform);
        infoTransform.setContentSize(1500, 60);
        infoContainer.parent = mainContainer;

        const infoNode = this.createText('使用新的简化API - 一行代码完成所有初始化！', 18, Color.CYAN);
        infoNode.parent = infoContainer;

        // 创建日志显示区域
        const logContainer = new Node('LogContainer');
        const logTransform = logContainer.addComponent(UITransform);
        logTransform.setContentSize(1500, 600);
        logContainer.parent = mainContainer;

        // 日志背景
        const logBackground = new Node('LogBackground');
        const logBgTransform = logBackground.addComponent(UITransform);
        logBgTransform.setContentSize(1500, 600);
        const logBgSprite = logBackground.addComponent(Sprite);
        logBgSprite.color = new Color(20, 20, 20, 255);
        logBackground.parent = logContainer;

        // 日志文本
        const logLabelNode = this.createText('等待行为树配置加载...', 16, Color.CYAN);
        const logLabel = logLabelNode.getComponent(Label);
        logLabel.overflow = Label.Overflow.RESIZE_HEIGHT;
        logLabel.verticalAlign = Label.VerticalAlign.TOP;
        logLabel.horizontalAlign = Label.HorizontalAlign.LEFT;
        const logTransformComp = logLabelNode.getComponent(UITransform);
        logTransformComp.setContentSize(1450, 550);
        logLabelNode.parent = logContainer;

        // 设置日志文本位置
        const logWidget = logLabelNode.addComponent(Widget);
        logWidget.isAlignTop = true;
        logWidget.isAlignLeft = true;
        logWidget.top = 25;
        logWidget.left = 25;

        // 添加BehaviorTreeExample组件
        const behaviorTreeExample = this.node.addComponent(BehaviorTreeExample);
        behaviorTreeExample.statusLabel = statusLabelNode.getComponent(Label);
        behaviorTreeExample.logLabel = logLabel;
        behaviorTreeExample.startButton = startButton.getComponent(Button);
        behaviorTreeExample.stopButton = stopButton.getComponent(Button);
        behaviorTreeExample.pauseButton = pauseButton.getComponent(Button);
        behaviorTreeExample.resumeButton = resumeButton.getComponent(Button);

        // 初始化按钮状态
        stopButton.getComponent(Button).interactable = false;
        pauseButton.getComponent(Button).interactable = false;
        resumeButton.getComponent(Button).interactable = false;
        startButton.getComponent(Button).interactable = false; // 等待行为树配置加载完成

        console.log('行为树测试UI创建完成');
    }

    private createText(text: string, fontSize: number, color: Color): Node {
        const textNode = new Node('Text');
        const textTransform = textNode.addComponent(UITransform);
        
        const label = textNode.addComponent(Label);
        label.string = text;
        label.fontSize = fontSize;
        label.color = color;
        label.lineHeight = fontSize + 4;
        
        // 根据文本内容调整大小
        const estimatedWidth = Math.max(200, text.length * fontSize * 0.6);
        textTransform.setContentSize(estimatedWidth, fontSize + 10);
        
        return textNode;
    }

    private createButton(text: string, color: Color): Node {
        const buttonNode = new Node('Button');
        const buttonTransform = buttonNode.addComponent(UITransform);
        buttonTransform.setContentSize(180, 60);

        // 按钮背景
        const buttonSprite = buttonNode.addComponent(Sprite);
        buttonSprite.color = color;

        // 按钮组件
        const button = buttonNode.addComponent(Button);
        button.target = buttonNode;

        // 按钮文本
        const labelNode = new Node('Label');
        const labelTransform = labelNode.addComponent(UITransform);
        labelTransform.setContentSize(170, 50);
        
        const label = labelNode.addComponent(Label);
        label.string = text;
        label.fontSize = 20;
        label.color = Color.WHITE;
        label.horizontalAlign = Label.HorizontalAlign.CENTER;
        label.verticalAlign = Label.VerticalAlign.CENTER;
        
        labelNode.parent = buttonNode;

        return buttonNode;
    }
}