import dash
from dash import dcc, Output, callback, State, html
import dash_bootstrap_components as dbc
import pandas as pd
# Initialize the Dash app
app = dash.Dash(__name__, use_pages= True, external_stylesheets=[dbc.themes.BOOTSTRAP])
# define the layout of the app
app.layout =dbc.Container([
        html.H1('USA Views Analysis Dashboard', className='page-header'),
        # styling the navigation link
        dbc.Nav(
            [
                dbc.NavItem(
                    dbc.NavLink(f'{page['name']}', href=page['relative_path'], className='dash-link', active='exact' )
                ) for page in dash.page_registry.values()
            ],
            className = 'nav-links',
            pills=True,
        ),
        # customizing the page container with styling
        html.Div(dash.page_container, className='page-container'),
        # developing the footer
        dbc.Row(
            [
                dbc.Col(
                    dbc.Nav(
                        [
                            footer
                        ],
                        className='footer-links',
                        pills=True,
                        
                    ),
                    width='auto',
                    className='text-center mt-4'
                )
            ],
            justify='center'
            
        )
    ],
    fluid=True
)
if __name__ == "__main__":
    app.run(debug=True, port=6530)