use dioxus::prelude::*;
use dioxus_desktop::{tao::dpi::LogicalSize, Config, WindowBuilder};
use dioxus_router::prelude::*;

fn main() {
    env_logger::init();

    LaunchBuilder::new(Route::Home {})
        .cfg(
            Config::new().with_window(
                WindowBuilder::new()
                    .with_inner_size(LogicalSize::new(600, 1000))
                    .with_resizable(false),
            ),
        )
        .launch()
}

#[derive(Routable, Clone)]
#[rustfmt::skip]
enum Route {
    #[layout(Footer)]
        #[route("/")]
        Home {},
        #[route("/games")]
        Games {},
        #[route("/play")]
        Play {},
        #[route("/settings")]
        Settings {},
}

#[component]
fn Footer() -> Element {
    render! {
        div {
            Outlet::<Route> {}

            p { "----" }

            nav {
                ul {
                    li {
                        Link { to: Route::Home {}, "Home" }
                    }
                    li {
                        Link { to: Route::Games {}, "Games" }
                    }
                    li {
                        Link { to: Route::Play {}, "Play" }
                    }
                    li {
                        Link { to: Route::Settings {}, "Settings" }
                    }
                }
            }
        }
    }
}

#[component]
fn Home() -> Element {
    render!("Home")
}

#[component]
fn Games() -> Element {
    render!("Games")
}

#[component]
fn Play() -> Element {
    render!("Play")
}

#[component]
fn Settings() -> Element {
    render!("Settings")
}