import streamlit as st

# Set page configuration
st.set_page_config(page_title="Innomatics Data Science Chat Bot", layout="centered")

# Custom CSS styling
st.markdown("""
    <style>
    .main {
        background: linear-gradient(to right, #1e3c72, #2a5298);
        padding: 2rem;
        font-family: 'Segoe UI', sans-serif;
    }
    .stButton>button {
        background-color: rgba(255, 255, 255, 0.1);
        border: 2px solid #ffffff33;
        color: white;
        font-size: 16px;
        font-weight: bold;
        padding: 0.6em 1.2em;
        border-radius: 15px;
        margin-top: 10px;
        transition: all 0.3s ease;
        width: 100%;
    }
    .stButton>button:hover {
        background-color: rgba(255, 255, 255, 0.3);
        color: #000;
        border-color: white;
    }
    h1, h3, p {
        color: #ffffff;
        text-align: center;
    }
    hr {
        border: 1px solid #ffffff50;
        margin: 2em 0;
    }
    .glass-panel {
        background: rgba(255, 255, 255, 0.1);
        border-radius: 20px;
        padding: 2rem;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(5px);
    }
    </style>
""", unsafe_allow_html=True)

# Glass Panel Wrapper
with st.container():
    st.markdown('<div class="glass-panel">', unsafe_allow_html=True)

    st.title("🤖 Innomatics Data Science Chat Bot")
    # st.markdown("### 👋 Welcome to your personalized learning companion!")
    # st.markdown("This smart assistant helps you navigate your doubts in Data Science and related fields.")

    st.markdown("## 📚 Select the domain:")

    # Grid of subject buttons
    subjects = [
        ("🐍 Python", "pages/python.py"),
        ("🧠 Machine Learning", "pages/machine_learning.py"),
        ("🕸️ Deep Learning", "pages/deep_learning.py"),
        ("📊 Statistics", "pages/statistics.py"),
        ("✨ GenAI", "pages/gen_ai.py"),
        ("🛢️ SQL", "pages/sql.py")
    ]

    # Render buttons in a grid (3 per row)
    for i in range(0, len(subjects), 3):
        cols = st.columns([1, 1, 1])
        for j in range(3):
            if i + j < len(subjects):
                with cols[j]:
                    if st.button(subjects[i + j][0]):
                        st.switch_page(subjects[i + j][1])

    st.markdown("---")
    st.markdown("🧠 *Empowering your journey through every concept, one question at a time.*")
    st.markdown('</div>', unsafe_allow_html=True)