use leptos::*;
use leptos_meta::*;
use leptos_router::*;

use crate::routes::*;

#[component]
pub fn App() -> impl IntoView {
    provide_meta_context();

    view! {
        <Stylesheet href="/pkg/rust_leptos.css"/>

         <Title text="Welcome to Leptos"/>

         <div class="dark:bg-black dark:text-lime-500 dark:hover:text-lime-400 h-screen flex flex-col">
            <Router>
                <nav class="flex gap-5 px-2 py-1 ">
                    <a href="/">Home</a>
                    <A href="/liens">Liens</A>
                    <a href="/formulaire">Formulaire</a>
                </nav>
                <main class="flex-1">
                    <Routes>
                        <Route path="/" view=move || view! { <Home/> }/>
                        <Route path="/liens" view=move || view! { <Links/> }/>
                        <Route path="/formulaire" view=move || view! { <FormValues/> }/>
                        //<Route path="/*any" view=move || view! { <NotFound/> }/>
                    </Routes>
                </main>
                <footer>Footer</footer>
            </Router>
        </div>
    }
}

#[component]
pub fn Home() -> impl IntoView {
    view! {
        <h1>Home</h1>
    }
}

#[component]
pub fn NotFound() -> impl IntoView {
    view! {
        <h1>Not Found</h1>
    }
}