/**
 * Main application JavaScript for the Power BI Measure Call Graph
 */

// DOM elements
const serverInput = document.getElementById('server');
const databaseInput = document.getElementById('database');
const connectBtn = document.getElementById('connect-btn');
const connectionStatus = document.getElementById('connection-status');
const resetBtn = document.getElementById('reset-btn');
const resetDetailBtn = document.getElementById('reset-detail-btn');
const searchInput = document.getElementById('search-input');
const measureName = document.getElementById('measure-name');
const measureExpression = document.getElementById('measure-expression');

// Graph instance
let graph = null;

// Event listeners
document.addEventListener('DOMContentLoaded', () => {
    // Initialize the graph
    graph = new Graph('#graph-container');
    
    // Connect button
    connectBtn.addEventListener('click', connectToModel);
    
    // Reset button for main graph
    resetBtn.addEventListener('click', () => {
        if (graph) {
            graph.resetView();
        }
    });
    
    // Reset button for detail graph
    resetDetailBtn.addEventListener('click', () => {
        if (graph) {
            graph.resetDetailView();
        }
    });
    
    // Search input
    searchInput.addEventListener('input', (e) => {
        if (graph) {
            graph.searchNodes(e.target.value);
        }
    });
});

/**
 * Connect to the Analysis Services model
 */
async function connectToModel() {
    const server = serverInput.value.trim() || 'localhost';
    const database = databaseInput.value.trim();
    
    if (!database) {
        showConnectionStatus('Please enter a database name', 'error');
        return;
    }
    
    try {
        showConnectionStatus('Connecting...', '');
        
        // Connect to the model
        const connectResponse = await fetch('/connect', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({ server, database })
        });
        
        const connectData = await connectResponse.json();
        
        if (!connectData.success) {
            showConnectionStatus(`Connection failed: ${connectData.message}`, 'error');
            return;
        }
        
        showConnectionStatus('Connected successfully. Loading measures...', 'success');
        
        // Get the call graph data
        const graphResponse = await fetch('/get_call_graph');
        const graphData = await graphResponse.json();
        
        if (!graphData.success) {
            showConnectionStatus(`Failed to load graph: ${graphData.message}`, 'error');
            return;
        }
        
        // Initialize the graph with the data
        graph.setData(graphData.graph);
        graph.render();
        
        showConnectionStatus('Graph loaded successfully', 'success');
    } catch (error) {
        showConnectionStatus(`Error: ${error.message}`, 'error');
    }
}

/**
 * Show connection status message
 * @param {string} message - The message to display
 * @param {string} type - The message type (success, error, or empty for neutral)
 */
function showConnectionStatus(message, type) {
    connectionStatus.textContent = message;
    connectionStatus.className = type;
}

/**
 * Display measure details
 * @param {Object} measure - The measure object
 */
function showMeasureDetails(measure) {
    if (!measure) {
        measureName.textContent = '';
        measureExpression.textContent = '';
        return;
    }
    
    measureName.textContent = measure.id;
    measureExpression.textContent = measure.expression || 'No expression available';
}

// Export functions for use in graph.js
window.appFunctions = {
    showMeasureDetails
};