class Exchanges {
    constructor() {
        this.exchanges = {};
        this.balances = {};
        this.connected_exchanges = [];
    }

    initialize() {
        let el = document.getElementById('conned_excs');
        this.connected_exchanges = el.innerHTML;
    }

    status(){
        document.getElementById('exchanges_config_form').style.display = "grid";
    }

    closeForm(){
        document.getElementById('exchanges_config_form').style.display = "none";
    }

    validateApiKey(data) {
        if (data === undefined || data === null || data === "") {
            alert('Enter a valid API key to register.');
            return false;
        } else {
            return true;
        }
    }

    submitApi() {
        // Collect the data to submit.
        let exchange = document.getElementById('c_exchanges').value;
        let user = window.UI.data.user_name;
        let key = document.getElementById('api_key').value;
        let secret_key = document.getElementById('api_secret_key').value;
        let keys = { 'key': key, 'secret': secret_key };

        // Validate the data.
        let success = this.validateApiKey(key) && this.validateApiKey(secret_key);
        if (success) {
            // Send the valid data.
            let payload = { 'user': user, 'exch': exchange, 'keys': keys };
            window.UI.data.comms.sendToApp("config_exchange", payload);
            this.closeForm();
            // Refreshes the current page
            setTimeout(function() {location.reload();}, 200);
        }
    }
}