import streamlit as st
from streamlit_navigation_bar import st_navbar
import st_pages as pg

st.set_page_config(page_title='T-Systems LLM Playground', page_icon='favicon.png')

with st.sidebar:
    st.html("""<center><img src="https://upload.wikimedia.org/wikipedia/commons/0/0a/T-SYSTEMS-LOGO2013.svg" width="300" height="68" ></center>""")
    
    st.markdown('**This is playground for the LLM available via T-Systems AI Foundation Services**')

pages_name = ['Visual Retrieval',"Documentation", "Terms & Conditions"]
urls = {
    #"Create API Key":"https://apikey.llmhub.t-systems.net/#/dashboard",
    "Documentation":"https://docs.llmhub.t-systems.net/",
    "Terms & Conditions":"https://creativecommons.org/licenses/by-nc/4.0/legalcode.en"
}
styles = {
    "nav": {
        #"background-color": "#E20074",
        "justify-content": "center",
    },
    "span": {
        "border-radius": "0.5rem",
        "color": "rgb(49, 51, 63)",
        "margin": "0 0.125rem",
        "padding": "0.4375rem 0.625rem",
    },
    # "active": {
    #     "background-color": "rgba(256, 0, 116, 0.25)",
    # },
    "hover": {
        "background-color": "rgba(226, 0, 116, 0.5)",
    },
}

# options = {
#     "show_menu": False,
#     #"show_sidebar": False,
# }
page = st_navbar(
    pages_name,
    urls=urls,
    styles=styles,
    #options=options,
)

if page == 'Visual Retrieval':
    pg.page_vdr()