use leptos::prelude::*;
use leptos_router::{Router, components::A};
use leptos_routable::prelude::*;
use my_components::*;

// Top-level routes
#[derive(Routable)]
pub enum AppRoutes {
    #[route(path = "/")]
    Home,
    #[parent_route(path = "/dashboard")]
    Dashboard(DashboardRoutes),
    #[fallback]
    #[route(path = "/404")]
    NotFound,
}

// Child routes under `/dashboard`
#[derive(Routable)]
pub enum DashboardRoutes {
    #[route(path = "")]
    DashboardHome,
    #[route(path = "/settings")]
    DashboardSettings,
    #[fallback]
    DashboardNotFound,
}

// Render the main app with a router
#[component]
pub fn App() -> impl IntoView {
    view! {
        <Router>
            // Simple Nav
            <nav>
                <A href=AppRoutes::Home>"Home"</A>
                <A href=AppRoutes::Dashboard(DashboardRoutes::DashboardHome)>"Dashboard"</A>
            </nav>

            // Route content goes here
            {move || AppRoutes::routes()}
        </Router>
    }
}