# Read
import streamlit as st
import sys,os


sys.path.append(f'{os.getcwd()}/utils')
from utils.data_users import get_developer_page_layout,get_product_dev_page_layout


print(os.getcwd())
# st.write(st.session_state.user_group)
USER_GROUPS = ["Developer", "Manager", "Practitioner"]

st.set_page_config(layout="wide")

if 'user_group' not in st.session_state:
    index_tmp = 0
else: 
    index_tmp = USER_GROUPS.index(st.session_state['user_group'])

#Sidebar for USER GROUPS
st.sidebar.title("USER GROUPS")
backend = st.sidebar.selectbox(
            "Select User-Group ", USER_GROUPS, index=index_tmp
        )

st.session_state['user_group'] = backend

# #     with st.sidebar:
# st.sidebar.title("🎈Explore Data Panel")

st.title("🎈Explore Data Panel")

st.write(
        """
        ##
        Examining data is the key factor here and it provides deta-centric approach. Thus this module provides details regarding forllowing aspect of the data . 
        """)

list_test = """<ul>
                        <li>Data preprocessing: asdsdfdf</li>
                        <li>Data source: asdsdfdf</li>
                        <li>Data onboarding: asdsdfdf</li>
                    </ul>"""
st.markdown(list_test, unsafe_allow_html=True)


# with st.sidebar.expander("🧩 COMPONENTS", True):

#     # genre = st.radio("",('Data Info', 'Data EDA', 'Data ONboard'))
#     status_a = st.checkbox("Test editor", key="a")
#     status_b = st.checkbox("Ace editor", key="b")
# if status_a:
#     st.write("A checked")
# if status_a and status_b:
#     st.write("They arechecked")

if backend == "Developer":
    get_product_dev_page_layout()
    # st.checkbox("Ace editor", key="b", disabled=selected)
    # page.item("Ace editor", components.ace_editor)
    # page.item("Disqus", components.disqus)
    # page.item("Elements⭐", components.elements)
    # page.item("Pandas profiling", components.pandas_profiling)
    # page.item("Quill editor", components.quill_editor)
    # page.item("React player", components.react_player)