import streamlit as st
from streamlit_option_menu import option_menu
from app_utils import switch_page
import streamlit as st
from PIL import Image

im = Image.open("icon.png")
st.set_page_config(page_title="hAIring Buddy", layout="centered", page_icon=im)

lan = st.selectbox("#### Language", ["English", "हिंदी"])

if lan == "हिंदी":
    home_title = "एआई साक्षात्कारकर्ता"
    home_introduction = "जेनरेटिव एआई के साथ आपके साक्षात्कार की तैयारी को सशक्त बनाना।"
    with st.sidebar:
        st.markdown('एआई साक्षात्कारकर्ता - V0.1.2')
        st.markdown("""
        #### संपर्क करें:
        [आदित्य अवती](https://www.linkedin.com/in/adithya-awati-87b7541a3/)

        [आदर्श यू](https://www.linkedin.com/in/todd-wang-5001aa264/)

        #### द्वारा संचालित

        [ओपनएआई](https://openai.com/)

        [फैस](https://github.com/facebookresearch/faiss)

        [लैंगचेन](https://github.com/hwchase17/langchain)

                    """)
    st.markdown(
        "<style>#MainMenu{visibility:hidden;}</style>",
        unsafe_allow_html=True
    )
    st.image(im, width=100)
    st.markdown(f"""# {home_title} <span style=color:#2E9BF5><font size=5>बीटा</font></span>""",unsafe_allow_html=True)
    st.markdown("""\n""")
    #st.markdown("#### अभिवादन")
    st.markdown("एआई साक्षात्कारकर्ता में आपका स्वागत है!  एआई साक्षात्कारकर्ता जेनरेटिव एआई द्वारा संचालित आपका व्यक्तिगत साक्षात्कारकर्ता है जो नकली साक्षात्कार आयोजित करता है।"
                "आप अपना रेज़्यूमे अपलोड कर सकते हैं और नौकरी का विवरण दर्ज कर सकते हैं, और एआई साक्षात्कारकर्ता आपसे अनुकूलित प्रश्न पूछेगा। इसके अतिरिक्त, आप अपने स्वयं के साक्षात्कारकर्ता को कॉन्फ़िगर कर सकते हैं!")
    st.markdown("""\n""")
    with st.expander("अद्यतन"):
        st.write("""
        23/12/2023
        - उपयोगकर्ता इनपुट रिकॉर्ड करने में विफल होने पर होने वाली त्रुटि को ठीक करें। """)
    with st.expander("आगे क्या आ रहा है?"):
        st.write("""
        एक सहज अनुभव के लिए बेहतर आवाज इंटरैक्शन। """)
    st.markdown("""\n""")
    st.markdown("#### शुरू हो जाओ!")
    st.markdown("अपना साक्षात्कार शुरू करने के लिए निम्नलिखित स्क्रीन में से एक का चयन करें!")
    selected = option_menu(
            menu_title= None,
            options=["व्यावसायिक", "रेज़्यूमे", "व्यवहार", "अनुकूलित करें!"],
            icons = ["cast", "cloud-upload", "cast"],
            default_index=0,
            orientation="horizontal",
        )
    if selected == 'व्यावसायिक':
        st.info("""
            इस सत्र में, एआई साक्षात्कारकर्ता नौकरी विवरण के संबंध में आपके तकनीकी कौशल का आकलन करेगा।
            ध्यान दें: आपके उत्तर की अधिकतम लंबाई 4097 टोकन है!
            - प्रत्येक साक्षात्कार में 10 से 15 मिनट का समय लगेगा।
            - एक नया सत्र शुरू करने के लिए, बस पृष्ठ को ताज़ा करें।
            - अपनी पसंदीदा इंटरैक्शन शैली चुनें (चैट/वॉयस)
            - अपना परिचय देना शुरू करें और आनंद लें！ """)
        if st.button("साक्षात्कार शुरू करें!"):
            switch_page("व्यवहार स्क्रीन")

    if selected == 'रेज़्यूमे':
        st.info("""
    इस सत्र में, एआई साक्षात्कारकर्ता आपके रेज़्यूमे की समीक्षा करेगा और आपके पिछले अनुभवों पर चर्चा करेगा।
    ध्यान दें: आपके उत्तर की अधिकतम लंबाई 4097 टोकन है!
    - प्रत्येक साक्षात्कार में 10 से 15 मिनट का समय लगेगा।
    - एक नया सत्र शुरू करने के लिए, बस पृष्ठ को ताज़ा करें।
    - अपनी पसंदीदा इंटरैक्शन शैली चुनें (चैट/वॉयस)
    - अपना परिचय देना शुरू करें और आनंद लें！ """
                )
        if st.button("साक्षात्कार शुरू करें!"):
            switch_page("रेज़्यूमे स्क्रीन")

    if selected == 'अनुकूलित करें!':
        st.info("""
    इस सत्र में, आप अपने स्वयं के एआई साक्षात्कारकर्ता को अनुकूलित कर सकते हैं और उसके साथ अभ्यास कर सकते हैं!
    - विभिन्न विशिष्टताओं में एआई साक्षात्कारकर्ता को कॉन्फ़िगर करें।
    - विभिन्न व्यक्तित्वों में एआई साक्षात्कारकर्ता को कॉन्फ़िगर करें।
    - आवाज के विभिन्न स्वर। जुलाई के अंत में आ रहा है""")
        if st.button("साक्षात्कार शुरू करें!"):
            switch_page("अनुकूलित स्क्रीन")

    st.markdown("""\n""")
    st.markdown("#### विकी")
    st.write(
        '[सामान्य FAQ, भविष्य के अपडेट और अधिक देखने के लिए यहां क्लिक करें!](https://jiatastic.notion.site/wiki-8d962051e57a48ccb304e920afa0c6a8?pvs=4)')
    #st.write(
    #        f'<iframe src="https://17nxkr0j95z3vy.embednotionpage.com/AI-Interviewer-Wiki-8d962051e57a48ccb304e920afa0c6a8" style="width:100%; height:100%; min-height:500px; border:0; padding:0;"/>',
    #        unsafe_allow_html=True,
    #    )

if lan == 'English':
    home_title = "hAIring Buddy"
    home_introduction = "Welcome to use this AI Interviewer, it can help you prepare for the interview through generative AI."
    with st.sidebar:
        st.markdown('hAIring Buddy - V0.1.2')
        st.markdown(""" 
            #### LinkedIn:
            [Adithya Awati](https://www.linkedin.com/in/adithya-awati-87b7541a3/)

            [Adarsh U](https://www.linkedin.com/in/todd-wang-5001aa264/)

            #### Technologies used：

            [OpenAI](https://openai.com/)

            [DeepLake](https://www.activeloop.ai/)

            [Langchain](https://github.com/hwchase17/langchain)
                        """)
    st.markdown(
        "<style>#MainMenu{visibility:hidden;}</style>",
        unsafe_allow_html=True
    )
    st.image(im, width=100)
    st.markdown(f"""# {home_title} <span style=color:#2E9BF5><font size=5>Beta</font></span>""",
                unsafe_allow_html=True)

    st.markdown("""\n""")
    # st.markdown("#### Greetings")
    st.markdown(
        "Welcome to use this AI Interviewer! 👏It is a personal interviewer driven by generative AI, which can conduct mock interviews. You can upload your resume or copy and paste the job description, and the AI interviewer will ask customized questions based on your situation."
    )
st.markdown("""\n""")
with st.expander("Change Log"):
    st.write("""
        12/23/2023
        - Fixed the error message when user input fails""")
with st.expander("Future Plans"):
    st.write("""
        - Provide more stable and faster voice interaction
        - Support fully Chinese simulated interviews""")
st.markdown("""\n""")
st.markdown("#### Let's get started!")
st.markdown("Please select one of the following to start your interview!")
selected = option_menu(
    menu_title=None,
    options=["Professional Assessment", "Resume Assessment", "Behavior Assessment"],
    icons=["cast", "cloud-upload", "cast"],
    default_index=0,
    orientation="horizontal",
)
if selected == 'Professional Assessment':
    st.info("""
            📚In this interview, the AI interviewer will assess your technical capabilities based on the job description.
            Note: The maximum length of your response is 4097 tokens!
            - Each interview will last 10 to 15 minutes.
            - You can start a new interview by refreshing the page.
            - You can choose your preferred interaction mode (text/voice)
            - Start introducing yourself!""")
    if st.button("Start the interview!"):
        switch_page("Professional Screen")
if selected == 'Resume Assessment':
    st.info("""
            📚In this interview, the AI interviewer will assess your past experience based on your resume.
            Note: The maximum length of your response is 4097 tokens!
            - Each interview will last 10 to 15 minutes.
            - You can start a new interview by refreshing the page.
            - You can choose your preferred interaction mode (text/voice)
            - Start introducing yourself!""")
    if st.button("Start the interview!"):
        switch_page("Resume Screen")
if selected == 'Behavior Assessment':
    st.info("""
        📚In this interview, the AI interviewer will assess your technical capabilities based on your resume.
        Note: The maximum length of your response is 4097 tokens!
        - Each interview will last 10 to 15 minutes.
        - You can start a new interview by refreshing the page.
        - You can choose your preferred interaction mode (text/voice)
        - Start introducing yourself!""")
    if st.button("Start the interview!"):
        switch_page("Behavioral Screen")
st.markdown("""\n""")
st.markdown("#### Wiki")
st.write(
    '[Click to view FAQs, updates, and plans!](https://jiatastic.notion.site/wiki-8d962051e57a48ccb304e920afa0c6a8?pvs=4)')