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

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', 
                                  'ASR', 
                                  'ASR (Chinese)', 
                                  'Speech Translation',
                                  'Speech Question Answering', 
                                  'Speech Instruction', 
                                  'Audio Captioning', 
                                  'Audio Scene Question Answering', 
                                  'Accent Recognition', 
                                  'Gender Recognition', 
                                  'Emotion Recognition', 
                                  ],
                            iconName=['dashboard', 'filter_1', 'filter_2', 'filter_3', 'filter_4', 'filter_5', 
                                      'filter_6', 'filter_7', 'filter_8', 'filter_9', 'filter_9_plus'], 
                            styles = {
                                'navtab': {
                                    'font-size': '12px',
                                    'transition': '0.3s',
                                    'text-transform': 'none',
                                },
                                'iconStyle':{
                                    'font-size': '18px',

                                },
                            },
                            default_choice=0
                            )
    

if tabs =='Dashboard':
    dashboard()

elif tabs == 'ASR':
    asr()

elif tabs == 'ASR (Chinese)':
    cnasr()

elif tabs == 'Speech Question Answering':
    sqa()

elif tabs == 'Speech Instruction':
    si()

elif tabs == 'Audio Captioning':
    ac()

elif tabs == 'Audio Scene Question Answering':
    asqa()

elif tabs == 'Accent Recognition':
    ar()

elif tabs == 'Gender Recognition':
    gr()

elif tabs == 'Emotion Recognition':
    er()

elif tabs == 'Speech Translation':
    spt()