import streamlit as st 

# --- SHARED ON ALL PAGES ---
st.logo(image="images/menu_book_60dp_75FBFD.png")
st.sidebar.title("SBS V2.0 mapper")
st.sidebar.subheader("(work in progress)")
st.sidebar.text("Demo by JA-RAD")

st.markdown(
    """
    <style>
        div[data-testid="stApp"] {
            position: fixed !important;
            top: 0;
            left: 0;
            right: 0;
            z-index: 9999 !important;
            background-color: rgba(255, 255, 255, 0.95); /* Optional background */
            padding: 10px 1rem; /* Optional padding */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow */
        }
    </style>
    """,
    unsafe_allow_html=True,
)

st.title("SBS Mapper") # Keep your title here

# Your Streamlit app content below this line
st.markdown("## Welcome to the SBS Mapper App!")
st.write("Trying to target the stApp container directly...")
for i in range(50):
    st.write(f"More content: {i}")


# --- PAGE SETUP ---
type_text_page = st.Page(
    page="pages/type_text.py",
    title="DEMO (work in progress)",
    icon=":material/keyboard:",
    default=True,)

# --- NAVIGATION SETUP ---
pg = st.navigation(pages=[type_text_page]) # WITHOUT SECTIONS
#pg = st.navigation({"Chapter_Index": [start_page], "Demo": [type_text_page, upload_file_page], "About": [about_page]}) # WITH SECTIONS
pg.run()