#app.py
import streamlit as st
from modules.database import initialize_mongodb_connection
from modules.auth import authenticate_user, get_user_role, register_user
from modules.ui import login_register_page, display_student_progress, display_text_analysis_interface
from modules.spacy_utils import load_spacy_models
import time

st.set_page_config(page_title="AIdeaText", layout="wide", page_icon="random")

def logged_in_interface():
    nlp_models = load_spacy_models()
    languages = {'Español': 'es', 'English': 'en', 'Français': 'fr'}

    # Crear un contenedor para la barra superior
    with st.container():
        # Usar más columnas para un mejor control del espacio
        col1, col2, col3, col4, col5 = st.columns([4, 1, 3, 1, 2])

        with col1:
            st.markdown(f"<h3 style='margin-bottom: 0;'>Bienvenido, {st.session_state.username}</h3>", unsafe_allow_html=True)

        with col3:
            st.markdown("""
                <style>
                    .language-container {
                        display: flex;
                        align-items: center;
                        gap: 10px;
                    }
                    .language-label {
                        font-size: 1.2rem;
                        white-space: nowrap;
                    }
                    div[data-baseweb="select"] {
                        flex-grow: 1;
                    }
                    div[data-baseweb="select"] > div {
                        font-size: 1.0rem;
                    }
                </style>
                <div class="language-container">
                    <span class="language-label">Idioma:</span>
                    <div id="language-select-placeholder"></div>
                </div>
                """, unsafe_allow_html=True)
            
            selected_lang = st.selectbox("", list(languages.keys()), key="language_selector", label_visibility="collapsed")
            lang_code = languages[selected_lang]

            # Mover el select al placeholder
            st.markdown("""
                <script>
                    var placeholder = document.getElementById('language-select-placeholder');
                    var select = document.querySelector('[data-baseweb="select"]');
                    placeholder.parentNode.replaceChild(select, placeholder);
                </script>
                """, unsafe_allow_html=True)

        with col5:
            if st.button("Cerrar Sesión"):
                st.session_state.logged_in = False
                st.experimental_rerun()

    # Añadir una línea divisoria
    st.markdown("---")

    tab1, tab2, tab3, tab4 = st.tabs(["Análisis morfosintáctico", "Análisis semántico", "Análisis semántico discursivo", "Mi Progreso"])

    with tab1:
        display_text_analysis_interface(nlp_models, lang_code)

    with tab2:
        st.header("Análisis semántico")
        st.write("Esta función aún no está implementada.")

    with tab3:
        st.header("Análisis semántico discursivo")
        st.write("Esta función aún no está implementada.")

    with tab4:
        display_student_progress(st.session_state.username, lang_code)

def main():
    if not initialize_mongodb_connection():
        st.warning("La conexión a la base de datos MongoDB no está disponible. Algunas funciones pueden no estar operativas.")

    if 'logged_in' not in st.session_state:
        st.session_state.logged_in = False

    if not st.session_state.logged_in:
        login_register_page()
    else:
        logged_in_interface()

if __name__ == "__main__":
    main()