import {
    triggerCreateGame,
    triggerJoinGame,
} from './uno.js';

const btnCreateGame = document.getElementById('btnCreateGame');
const btnJoinGame = document.getElementById('btnJoinGame');
const btnJoinGameConfirm = document.getElementById('btnJoinGameConfirm');

const inputGameCode = document.getElementById('inputGameCode');

btnCreateGame.addEventListener('click', () => {
    triggerCreateGame();
    fadeOutTitleScreen();
});
btnJoinGame.addEventListener('click', () => {
    showJoinDialog();
});
btnJoinGameConfirm.addEventListener('click', () => {
    const gameCode = inputGameCode.value;
    triggerJoinGame(gameCode);
    fadeOutTitleScreen();
    closeJoinDialog();
})

function showJoinDialog() {
    document.getElementById('dialogJoinGame').classList.remove('hidden');
}

function closeJoinDialog() {
    document.getElementById('dialogJoinGame').classList.add('hidden');
}

function fadeOutTitleScreen() {
    document.getElementsByClassName('title-screen')[0].classList.add('hidden');
}