import streamlit as st
import app_matching_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)

    # 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, tab3, tab4 = st.tabs([
        "📘 Landing Page",
        "📊 All Projects",
        "🎯 Single-Project Matching",
        "🔍 Multi-Project Matching"
    ])

    with tab1:
        app_matching_page.show_landing_page()

    with tab2:
        app_matching_page.show_all_projects_page()

    with tab3:
        app_matching_page.show_single_matching_page()

    with tab4:
        app_matching_page.show_multi_matching_page()