console.log("Ваш чат успешно загружен! Приятного общения!");

function showMessage(username, timestamp, messageText) {
    var chat = document.getElementById("displayMessage");
    chat.innerHTML += `<div style="margin: 5px;"><span class="usernameMessage">` + username + `</span><span class="timestampMessage"> (` + timestamp + `)</span> : <span class="text">` + messageText + `</span></div>`
    chat.scrollTop = 9999;
}

// Подключение к БД
var db = firebase.firestore();
var messages = db.collection("messages").orderBy("timestamp", "desc").limit(25).get();
messages.then(onGetMessages);

console.log(messages);

// Отображение сообщения в блоке
function onGetMessages(messages) {
    for (var i = 24; i == 0; i--) {
        var message = messages.docs[i].data();
        console.log(message);
        showMessage(message.username, message.timestamp, message.text);
    }
}
setInterval(onGetMessages(messages), 5000);

// Отправка сообщений в базу данных с поле ввода
function saveMessage(username, timestamp, messageText) {
    console.log("Сообщение от пользователя " + username + " (" + messageText + ") успешно отправлено!");
    return db.collection("messages").add(
        {
            username: username,
            text: messageText,
            timestamp: timestamp
        });
}

// Кнопка отправки сообщений
function sendMessage() {
    var username = document.getElementById("username").value;
    var messageText = document.getElementById("messageText").value;
    var timestamp = new Date().toLocaleString();

    saveMessage(username, timestamp, messageText);

    showMessage(username, timestamp, messageText);

    document.getElementById("username").value = "";
    document.getElementById("messageText").value = "";
    checkParams();
}