import streamlit as st
from streamlit_option_menu import option_menu # https://github.com/victoryhb/streamlit-option-menu
import similarity_page

# giz-dsc colors
# orange: #e5b50d
# green: #48d47b
# blue: #0da2dc
# grey: #dadada

# giz colors https://www.giz.de/cdc/en/html/59638.html
# red: #c80f0f 
# grey: #6f6f6f
# light_grey: #b2b2b2
# light_red: #eba1a3

def show_navbar():
    #st.markdown("<h1 style='color: red;'>THIS APP IS WORK IN PROGRESS ...</h1>", unsafe_allow_html=True)

    #st.title("Development Bank Synergy Mapper")

    # enlarge tab fontsizes 
    css = '''
    <style>
        .stTabs [data-baseweb="tab-list"] button [data-testid="stMarkdownContainer"] p {
        font-size:1rem;
        }
    </style>
    '''
    st.markdown(css, unsafe_allow_html=True)
    tab1, tab2 = st.tabs([
        "🔍 Multi-Project Matching", 
        "🎯 Single-Project Matching"
        ])

    with tab1:
        similarity_page.show_multi_matching_page()

    with tab2:
        similarity_page.show_single_matching_page()