import './components/LoginScreen.js';
import './components/StatsDisplay.js';
import './components/BuildingToolbox.js';
import './components/ChatBox.js';
import './components/ContextMenu.js';

export class UIManager {
    constructor(app) {
        this.app = app;
        this.loginScreen = null;
        this.statsDisplay = null;
        this.buildingToolbox = null;
        this.chatBox = null;
        this.contextMenu = null;
    }
    
    init() {
        this.loginScreen = document.getElementById('loginScreen');
        this.statsDisplay = document.getElementById('statsDisplay');
        this.buildingToolbox = document.getElementById('buildingToolbox');
        this.chatBox = document.getElementById('chatBox');
        this.contextMenu = document.getElementById('contextMenu');
        
        // Set app reference in components
        this.loginScreen.app = this.app;
        this.buildingToolbox.app = this.app;
        this.chatBox.app = this.app;
        this.contextMenu.app = this.app;
    }
    
    showLoginScreen() {
        this.loginScreen.style.display = 'flex';
    }
    
    hideLoginScreen() {
        this.loginScreen.style.display = 'none';
    }
    
    showGameUI() {
        document.getElementById('gameUI').style.display = 'block';
    }
    
    updateStats(player) {
        if (this.statsDisplay) {
            this.statsDisplay.setAttribute('money', player.money);
            this.statsDisplay.setAttribute('population', player.population);
            this.statsDisplay.setAttribute('nickname', player.nickname);
        }
    }
    
    updateBuildingToolbox(player) {
        if (this.buildingToolbox) {
            this.buildingToolbox.setAttribute('player-money', player.money);
            this.buildingToolbox.setAttribute('player-population', player.population);
        }
    }
    
    addChatMessage(nickname, message, timestamp) {
        if (this.chatBox) {
            this.chatBox.addMessage(nickname, message, timestamp);
        }
    }
    
    showContextMenu(x, y, tileX, tileY) {
        if (this.contextMenu) {
            this.contextMenu.show(x, y, tileX, tileY);
        }
    }
    
    hideContextMenu() {
        if (this.contextMenu) {
            this.contextMenu.hide();
        }
    }
}