firebase.js

import { initializeApp } from "https://www.gstatic.com/firebasejs/10.14.1/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/10.14.1/firebase-analytics.js";

import { getAuth, sendPasswordResetEmail, signInWithEmailAndPassword, createUserWithEmailAndPassword, onAuthStateChanged, signOut, GoogleAuthProvider, signInWithPopup  } from 'https://www.gstatic.com/firebasejs/10.14.1/firebase-auth.js';
import { getFirestore, doc, setDoc, getDoc } from "https://www.gstatic.com/firebasejs/10.14.1/firebase-firestore.js";


const provider = new GoogleAuthProvider();


export async function signInWithPopupMethod() {
    try {
        const result = await signInWithPopup(auth, provider);
        currentUser = result.user;
        console.log('User signed in:', currentUser);
        return currentUser;
    } catch (error) {
        console.error('Error during sign in with popup:', error);
        throw error;
    }
}



// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries

// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
    apiKey: "AIzaSyCfZVAvR8bDfk3E0MCzmTxhNGonV3lJkB8",
    authDomain: "grammar-of-english.firebaseapp.com",
    projectId: "grammar-of-english",
    storageBucket: "grammar-of-english.appspot.com",
    messagingSenderId: "691355325894",
    appId: "1:691355325894:web:51edad1e0e76361f30cec7",
    measurementId: "G-78LYTLBM7M"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const db = getFirestore(app);
const auth = getAuth(app);

export let currentUser = null;

export function getCurrentUser() {
    return new Promise((resolve, reject) => {
        onAuthStateChanged(auth, (user) => {
            if (user) {
                currentUser = user;
                resolve(currentUser);
            } else {
                currentUser = null;
                reject("No authenticated user");
            }
        });
    });
}

// Функция регистрации
export async function signUp(email, password) {
    try {
        const userCredential = await createUserWithEmailAndPassword(auth, email, password);
        currentUser = userCredential.user;
        console.log('User signed up:', currentUser);
        return currentUser;
    } catch (error) {
        console.error('Error signing up:', error);
        throw error; 
    }
}

// Функция входа
/*export async function signIn(email, password) {
    try {
        const userCredential = await signInWithEmailAndPassword(auth, email, password);
        currentUser = userCredential.user;
        console.log('User signed in:', currentUser);
        return currentUser;
    } catch (error) {
        console.error('Error signing in:', error);
        throw error; 
    }
}*/
/*
// Функция сброса пароля
export async function resetPassword(email) {
    try {
        await sendPasswordResetEmail(auth, email);
        console.log('Password reset email sent!');
        alert('Password reset email sent! Check your inbox.');
    } catch (error) {
        console.error('Error sending password reset email:', error);
        alert('Error sending password reset email. Please try again.');
    }
}*/

// Функция выхода из аккаунта
export async function logOut() {
    try {
        await signOut(auth);
        console.log("User signed out");
    } catch (error) {
        console.error("Sign out error: ", error);
    }
}

async function click_sign_up_btn(){
    const email = document.getElementById('email-input').value;
    const password = document.getElementById('password-input').value;
    if (!email) {
        alert('Please enter your email address.');
        return;
    }
    if (!password) {
        alert('Please enter password.');
        return;
    }
    signUp(email, password);
}

async function click_logout_btn(loginBlock){
    await logOut(); 
    add_input_login(loginBlock);
}

async function click_sign_in_btn(loginBlock) {
    try {
        const user = await signInWithPopupMethod(); // Используем signInWithPopupMethod вместо signIn

        loginBlock.innerHTML = `
            <p>Welcome, ${user.email.split('@')[0]}</p>
            <button id="logout-btn">Log Out</button>
        `;

        document.getElementById('logout-btn').addEventListener('click', async () => {
            click_logout_btn(loginBlock);
        });
    } catch (error) {
        console.error('Error during sign in:', error);
    }
}

/*async function click_sign_in_btn(loginBlock){
    const email = document.getElementById('email-input').value;
    const password = document.getElementById('password-input').value;
    try {
        const user = await signIn(email, password); 
        
        loginBlock.innerHTML = `
            <p>Welcome, ${user.email.split('@')[0]}</p>
            <button id="logout-btn">Log Out</button>
        `;

        document.getElementById('logout-btn').addEventListener('click', async () => {
            click_logout_btn();
            
        });
    } catch (error) {
        console.error('Error during sign in:', error);
    }
}*/

function add_input_login(loginBlock) {
    loginBlock.innerHTML = `
        <button id="google-sign-in-btn">Sign In with Google</button>
    `;

    document.getElementById('google-sign-in-btn').addEventListener('click', async () => {
        try {
            await click_sign_in_btn(loginBlock); // Вход через Google
        } catch (error) {
            console.error('Error during Google sign in:', error);
        }
    });
}

/*function add_input_login(loginBlock){
    // Пользователь не авторизован, показываем форму регистрации и входа
    loginBlock.innerHTML = `
        <input type="email" id="email-input" placeholder="Email" required>
        <input type="password" id="password-input" placeholder="Password">
        <button id="sign-up-btn">Register</button>
        <button id="sign-in-btn">Sign In</button>
        <button id="reset-password-btn">Reset Password</button>
    `;

    // Добавляем события для регистрации и входа
    document.getElementById('sign-up-btn').addEventListener('touchstart', () => {
        click_sign_up_btn();
    });
    document.getElementById('sign-up-btn').addEventListener('click', () => {
        click_sign_up_btn();
    });

    const signInBtn = document.getElementById('sign-in-btn');
    signInBtn.style.pointerEvents = 'auto';
    document.getElementById('sign-in-btn').addEventListener('touchstart', () => {
        click_sign_in_btn(loginBlock);
    });
    document.getElementById('sign-in-btn').addEventListener('click', async () => {
        click_sign_in_btn(loginBlock);
    });

    document.getElementById('reset-password-btn').addEventListener('touchstart', async () => {
        const email = document.getElementById('email-input').value;
        if (!email) {
            alert('Please enter your email address.');
            return;
        }
        await resetPassword(email);
    });

    document.getElementById('reset-password-btn').addEventListener('click', async () => {
        const email = document.getElementById('email-input').value;
        if (!email) {
            alert('Please enter your email address.'); 
            return; 
        }
        await resetPassword(email);
    });
}*/

// Функция для проверки авторизации и модификации страницы
function checkAuthAndModifyPage() {
    const loginBlock = document.getElementById('login-block');
    if (!loginBlock) {
        console.error("Element with class 'login-block' not found.");
        return;
    }
    onAuthStateChanged(auth, (user) => {
        if (user) {
            currentUser = user;
            loginBlock.innerHTML = `
                <p>Welcome, ${user.email.split('@')[0]}</p>
                <button id="logout-btn">Log Out</button>
            `;

            document.getElementById('logout-btn').addEventListener('click', () => {
                click_logout_btn(loginBlock);
            });
            document.getElementById('logout-btn').addEventListener('touchstart', () => {
                click_logout_btn(loginBlock);
            });
            currentUser = user;
        } else {
            currentUser = null;
            add_input_login(loginBlock);
        }
    });
}

document.addEventListener('DOMContentLoaded', () => {
    checkAuthAndModifyPage();
});

//----------------------------------------------------------------------------------

// Функция для сохранения результатов упражнений
/*
const userId = "user123";  // Например, ID пользователя
const results = { score: 85, completedAt: new Date() };

saveExerciseResults(userId, results);
*/
async function saveExerciseResults(userId, results) {
    const db = getFirestore();  // Получение экземпляра Firestore
    try {
        await setDoc(doc(db, 'exerciseResults', userId), {
            results: results
        });
        console.log('Results saved successfully');
    } catch (error) {
        console.error('Error saving results:', error);
    }
}

// Функция для получения результатов упражнений
/*
const userId = "user123";

getExerciseResults(userId);
*/
async function getExerciseResults(userId) {
    const db = getFirestore();  // Получение экземпляра Firestore
    try {
        const docRef = doc(db, 'exerciseResults', userId);
        const docSnap = await getDoc(docRef);
        if (docSnap.exists()) {
            console.log('Results:', docSnap.data().results);
        } else {
            console.log('No such document!');
        }
    } catch (error) {
        console.error('Error getting document:', error);
    }
}