extends CanvasLayer

@onready var content_label = $CenterContainer/PanelContainer/VBoxContainer/ContentContainer/TextPanel/ContentLabel
@onready var prev_btn = $CenterContainer/PanelContainer/VBoxContainer/Footer/PrevButton
@onready var next_btn = $CenterContainer/PanelContainer/VBoxContainer/Footer/NextButton
@onready var dots_container = $CenterContainer/PanelContainer/VBoxContainer/Footer/DotsContainer
@onready var content_container = $CenterContainer/PanelContainer/VBoxContainer/ContentContainer

# Mock Data
var pages = [
	{
		"text": "欢迎来到 [color=#3399ff]Datawhale Town[/color]!\n\n这里是开源学习者的家园。在这里，我们一同探索知识，分享成长。\n\n[center]🐋[/center]",
		# 使用社区图片作为封面
		"image_path": "res://assets/sprites/environment/community_512_512.png",
		"image_color": Color(0.9, 0.9, 0.9) # 保留作为后备选项
	},
	{
		"text": "最新活动：\n\n- 镇长刚刚搬进来了，就在喷泉左边。\n- 欢迎板已经设立，查看最新动态。\n- 玩家名字现在显示在头顶了！",
		# 使用喷泉图片对应"喷泉左边"的描述
		"image_path": "res://assets/sprites/environment/fountain_256_192.png", 
		"image_color": Color(0.8, 0.9, 0.8)
	},
	{
		"text": "操作提示：\n\n- 按 [color=#ffaa00]F[/color] 键可以与物体互动。\n- 在下方输入框输入文字并在气泡中显示。\n- 点击右下角按钮发送聊天。",
		# 使用公告板图片对应"操作提示"
		"image_path": "res://assets/sprites/environment/board.png",
		"image_color": Color(0.9, 0.8, 0.8)
	}
]

var current_page = 0
var tween: Tween
var mock_pages = []

func _ready():
	# Pause the game
	get_tree().paused = true
	
	$CenterContainer/PanelContainer/VBoxContainer/Header/RightContainer/CloseButton.pressed.connect(_on_close_pressed)
	prev_btn.pressed.connect(_on_prev_pressed)
	next_btn.pressed.connect(_on_next_pressed)
	
	# Network Integration - Use direct callback for better error handling
	# Short timeout (2.0s) so mock data appears quickly if server is down
	NetworkManager.get_request("/notices", _on_notices_response, 2.0)
	
	# Initial Setup (with generic "Loading" state)
	mock_pages = pages.duplicate(true)
	pages = [{"text": "[center]Loading notices...[/center]", "image_color": Color(0.9, 0.9, 0.9)}]
	_setup_dots()
	_update_ui(false) 

func _on_notices_response(success: bool, data: Dictionary, _error_info: Dictionary):
	var new_pages = []
	if success and data.has("data") and data["data"] is Array:
		new_pages = data["data"]
	
	if new_pages.is_empty():
		pages = mock_pages
	else:
		pages = new_pages
		# Handle color strings from JSON if necessary
		for p in pages:
			if p.has("image_color") and p["image_color"] is String:
				p["image_color"] = Color(p["image_color"])
	
	current_page = 0
	_setup_dots()
	_update_ui(true)


func _setup_dots():
	for child in dots_container.get_children():
		child.queue_free()
	
	for i in range(pages.size()):
		var dot = ColorRect.new()
		dot.custom_minimum_size = Vector2(10, 10) # Base size
		dots_container.add_child(dot)

func _update_ui(animate: bool = true):
	if pages.is_empty():
		return
		
	# Update Buttons
	prev_btn.disabled = (current_page == 0)
	next_btn.disabled = (current_page == pages.size() - 1)
	
	# Update Dots Logic
	var dots = dots_container.get_children()
	for i in range(dots.size()):
		if i == current_page:
			dots[i].color = Color(0.2, 0.2, 0.2, 1) # Dark Active
			dots[i].custom_minimum_size = Vector2(12, 12) # Active Slightly Larger
		else:
			dots[i].color = Color(0.8, 0.8, 0.8, 1) # Light Inactive
			dots[i].custom_minimum_size = Vector2(10, 10)
	
	# Update Content
	if animate:
		_animate_content_change()
	else:
		_set_content_immediate()

@onready var image_rect = $CenterContainer/PanelContainer/VBoxContainer/ContentContainer/ImagePanel/ImageRect
@onready var image_label = $CenterContainer/PanelContainer/VBoxContainer/ContentContainer/ImagePanel/ImageLabel

func _set_content_immediate():
	var page = pages[current_page]
	content_label.text = page.get("text", "")
	
	if page.has("image_path") and page["image_path"] != "":
		var path = page["image_path"]
		if ResourceLoader.exists(path):
			image_rect.texture = load(path)
			image_label.visible = false
		else:
			image_rect.texture = null
			image_label.visible = true
			image_label.text = "Image Not Found"
	else:
		image_rect.texture = null
		image_label.visible = true
		image_label.text = "No Image"


	
func _animate_content_change():
	if tween and tween.is_valid():
		tween.kill()
	
	tween = create_tween()
	
	# Fade Out
	tween.tween_property(content_container, "modulate:a", 0.0, 0.15)
	
	# Callback to change text
	tween.tween_callback(self._set_content_immediate)
	
	# Fade In
	tween.tween_property(content_container, "modulate:a", 1.0, 0.15)

func _on_prev_pressed():
	if current_page > 0:
		current_page -= 1
		_update_ui()

func _on_next_pressed():
	if current_page < pages.size() - 1:
		current_page += 1
		_update_ui()

func _on_close_pressed():
	# Unpause the game
	get_tree().paused = false
	queue_free()