let vars = {
    sections: {
        login: {
            username: {
                id: 'inputUsername',
                placeholder: 'username',
                label: 'Username',
                class: 'form-control'
            },
            password: {
                id: 'inputPassword',
                placeholder: 'password',
                label: 'Password',
                class: 'form-control'
            },
            buttonCreate: {
                id: 'btnUserCreate',
                class: 'btn btn-primary',
                value: 'Create'
            },
            buttonLogin: {
                id: 'btnUserLogin',
                class: 'btn btn-info',
                value: 'Login'
            },
            buttonForgotPassword: {
                id: 'btnForgotPassword',
                class: 'btn btn-info',
                value: 'Forgot Password'
            }
        },
        mainMenu: {
            dashboard: {
                header: {
                    class: 'card-header',
                    value: 'Dashboard!'
                },
                username: {
                    id: 'textUsername',
                    class: 'card-title'
                },
                balance: {
                    id: 'textAccountBalance',
                    class: 'card-text'
                },
                gamesPlayed: {
                    id: 'textGamesPlayed',
                    class: 'card-text'
                },
                winLossRecord: {
                    id: 'textWinLossRecord',
                    class: 'card-text'
                },
                buttonDeposit: {
                    id: 'btnDeposit',
                    class: 'btn btn-info btn-sm',
                    value: 'Deposit'
                },
                buttonWithdraw: {
                    id: 'btnWithdraw',
                    class: 'btn btn-info btn-sm',
                    value: 'Withdraw'
                },
                buttonChangePassword: {
                    id: 'btnChangePassword',
                    class: 'btn btn-info btn-sm',
                    value: 'Change Password'
                },
                buttonSetEmail: {
                    id: 'btnSetEmail',
                    class: 'btn btn-info btn-sm',
                    value: 'Set Email'
                }
            },
            cardGame1: {
                title: {
                    id: 'textGame1Title',
                    class: 'card-title',
                    value: 'Cheapskate'
                },
                description: {
                    id: 'textGame1Description',
                    class: 'card-text',
                    value: 'Play head-to-head for 1,000 credits.'
                },
                playing: {
                    id: 'textGamePlaying1',
                    class: 'card-text'
                },
                waiting: {
                    id: 'textGameWait1',
                    class: 'card-text'
                },
                buttonPlay: {
                    id: 'btnGamePlay1',
                    class: 'btn btn-success',
                    value: 'Play'
                }
            },
            cardGame2: {
                title: {
                    id: 'textGame2Title',
                    class: 'card-title',
                    value: 'Challenger'
                },
                description: {
                    id: 'textGame2Description',
                    class: 'card-text',
                    value: 'Play head-to-head for 10,000 credits.'
                },
                playing: {
                    id: 'textGamePlaying2',
                    class: 'card-text'
                },
                waiting: {
                    id: 'textGameWait2',
                    class: 'card-text'
                },
                buttonPlay: {
                    id: 'btnGamePlay2',
                    class: 'btn btn-warning',
                    value: 'Play'
                }
            },
            cardGame3: {
                title: {
                    id: 'textGame3Title',
                    class: 'card-title',
                    value: 'High-Roller'
                },
                description: {
                    id: 'textGame3Description',
                    class: 'card-text',
                    value: 'Play head-to-head for 100,000 credits!'
                },
                playing: {
                    id: 'textGamePlaying3',
                    class: 'card-text'
                },
                waiting: {
                    id: 'textGameWait3',
                    class: 'card-text'
                },
                buttonPlay: {
                    id: 'btnGamePlay3',
                    class: 'btn btn-danger',
                    value: 'Play'
                }
            },
            chat: {
                header: {
                    id: 'textChatOnlineUsers',
                    class: 'card-header',
                    value: 'Chat'
                },
                content: {
                    id: 'chatContent',
                    class: 'border border-light'
                },
                input: {
                    id: 'chatMessage',
                    class: 'form-control',
                    placeholder: 'Say something!'
                },
                buttonSend: {
                    id: 'chatSend',
                    class: 'btn btn-success',
                    value: 'Send'
                }
            }
        }
    }

};