import streamlit as st
import streamlit.components.v1 as components

from st_on_hover_tabs import on_hover_tabs

from app.pages import *

import json

# if __name__ == "__main__":
st.set_page_config(
    page_title="Leaderboard", page_icon=":chart_with_upwards_trend:", layout="wide"
)

st.header("AudioBench Leaderboard")
st.markdown('<style>' + open('./style/sidebar_style.css').read() + '</style>', unsafe_allow_html=True)

with st.sidebar:
    tabs = on_hover_tabs(tabName=['Dashboard', 'Speech Understanding', 'Audio Scene Understanding', 'Voice Understanding'],
                            iconName=['dashboard', 'filter_1', 'filter_2', 'filter_3'], 
                            styles = {
                                'navtab': {
                                    'font-size': '12px',
                                    'transition': '.1s',
                                },
                                'iconStyle':{
                                    'font-size': '18px',
                                },
                            },
                            default_choice=0
                            )
    

if tabs =='Dashboard':
    dashboard()

elif tabs == 'Speech Understanding':
    speech_understanding()

elif tabs == 'Audio Scene Understanding':
    audio_scene_understanding()

elif tabs == 'Voice Understanding':
    voice_understanding()