import time
import streamlit as st
from Toeic_manager import ToeicVocabularyApp

# Khởi tạo đối tượng app từ class ToeicVocabularyApp
app = ToeicVocabularyApp('Toeic.csv')

# Thiết lập tiêu đề chính và phụ
st.markdown("<h1 style='text-align: center;'>Chương trình ôn tập từ vựng Toeic</h1>", unsafe_allow_html=True)
st.markdown("<h3 style='text-align: center;'>❤️</h3>", unsafe_allow_html=True)

# Sidebar để chọn cài đặt ứng dụng hoặc chế độ ôn tập
sidebar_choice = st.sidebar.selectbox(
    "Menu",
    ["Cài đặt ứng dụng", "Chế độ ôn tập"]
)

# Cài đặt ứng dụng
if sidebar_choice == "Cài đặt ứng dụng":
    st.subheader("Cài đặt Ứng Dụng")
    # Cho phép người dùng điều chỉnh các cài đặt
    time_limit = st.slider("Thiết lập thời gian cho Thử thách tốc độ (giây)", min_value=10, max_value=120, value=30)
    app.update_settings("time_limit", time_limit)
    if st.button("Lưu Cài Đặt"):
        st.success("Cài đặt đã được lưu thành công!")

# Chế độ ôn tập
elif sidebar_choice == "Chế độ ôn tập":
    st.subheader("Chọn Chế độ Ôn tập")
    study_mode = st.selectbox(
        "Chọn chế độ",
        app.settings["study_mode"]
    )

    if study_mode == "Thử thách tốc độ":
        # Đếm ngược thời gian cho Thử thách tốc độ
        st.subheader("Thử thách tốc độ")
        st.write("Thời gian: ", app.settings["time_limit"], " giây")
        # Đặt một nút để bắt đầu thử thách
        if st.button("Bắt đầu"):
            st.write("Thử thách bắt đầu!")
            # Thêm mã cho tính năng đếm ngược ở đây
            # Đây là một giả lập, bạn sẽ cần sử dụng thư viện khác để xử lý đếm ngược thực tế
            countdown = app.settings["time_limit"]
            for i in range(countdown, 0, -1):
                st.write(i)
                time.sleep(1)
            st.write("Hết giờ!")

    # Đối với các chế độ ôn tập khác, hiển thị thông tin tương ứng
    else:
        st.write(f"Chế độ {study_mode} được chọn")

# Tiêu đề chân trang
st.markdown("<h3 style='text-align: center;'>Chúc chị Hân thi tốt nhé😘</h3>", unsafe_allow_html=True)