var config = {
    apiKey: "AIzaSyChd-30m8kRXCdN4vBVYYF1ZtPDObfM3XI",
    authDomain: "lcd-display-a89a9.firebaseapp.com",
    databaseURL: "https://lcd-display-a89a9.firebaseio.com",
    projectId: "lcd-display-a89a9",
    storageBucket: "lcd-display-a89a9.appspot.com",
    messagingSenderId: "248455484576",
    appId: "1:248455484576:web:ca24e011a8f92fef9125c5"
};
    
    
firebase.initializeApp(config);

//Reference messages collection

//listen to form
document.getElementById('contactForm').addEventListener('submit', submitForm);

function submitForm(e){
    e.preventDefault();

    // get Values
    let exampleFullName = getInputVal('exampleFullName');
    let exampleEmail = getInputVal('exampleEmail');
    let exampleSubject = getInputVal('exampleSubject');
    let exampleMessage = getInputVal('exampleMessage');

    //save message
    alert(exampleEmail);

    saveMessage(exampleFullName, exampleEmail, exampleSubject, exampleMessage);

    //show alert
    document.querySelector('.alert').style.display='block';

    //Hide alert after 3 s
    setTimeout(function(){
        document.querySelector('.alert').style.display='none';
    }, 3000)
    //clear form
    document.getElementById('contactForm').reset();
}
//function to get form values

function getInputVal(id){
    return document.getElementById(id).value;
}

//save message to firebase
function saveMessage(exampleFullName, exampleEmail, exampleSubject, exampleMessage){
    let newMessageRef = messagesRef.push();
    
    newMessageRef.set({
        exampleFullName: exampleFullName,
        exampleEmail: exampleEmail,
        exampleSubject: exampleSubject,
        exampleMessage: exampleMessage
    });
}