import streamlit as st
from utils.levels import complete_level, render_page, initialize_level
from utils.login import initialize_login

LEVEL = 3

initialize_login()
initialize_level()


def step_page():
    st.header("How Current(Whisper) Systems Works?")
    st.markdown(
        """Now, let's talk about how speech recognition systems like Whisper work. Whisper is a cutting-edge speech recognition system developed by OpenAI. But how does it understand what we say?
        When we speak, our voices create sound waves. These sound waves are converted into digital signals that computers can understand. Whisper uses advanced machine learning algorithms to process these signals and extract meaningful information."""
    )
    st.image(
        "https://uploads-ssl.webflow.com/614c82ed388d53640613982e/63eb5ebedd3a9a738e22a03f_open%20ai%20whisper.jpg",
        use_column_width=True,
    )
    st.markdown(
        """
    It works by analyzing patterns and features in spoken language. The system has been trained on vast amounts of data to recognize words, phrases, and sentences. This training allows Whisper to accurately transcribe speech and understand what we're saying.

    Whisper is constantly improving and learning from new data, which helps it become even better at recognizing speech over time. It's like a clever student who keeps learning and getting smarter with practice!"""
    )
    st.image(
        "https://miro.medium.com/v2/resize:fit:1400/1*ixOo69Ze7IS0TKU1sjrGKA.png",
        use_column_width=True,
    )

    st.info("Click on the button below to continue!")

    if st.button("Complete"):
        complete_level(LEVEL)


render_page(step_page, LEVEL)