use crate::components::auth::*;
use crate::components::browser::*;
use crate::components::chat::*;
use crate::components::debug::*;
use crate::components::game::*;
use crate::components::websocket::*;
use leptos::*;

/// Default Home Page
#[component]
pub fn Home() -> impl IntoView {
    view! {
        <ErrorBoundary fallback=|errors| {
            view! {
                <h1>"Uh oh! Something went wrong!"</h1>

                <p>"Errors: "</p>
                // Render a list of errors as strings - good for development purposes
                <ul>
                    {move || {
                        errors
                            .get()
                            .into_iter()
                            .map(|(_, e)| view! { <li>{e.to_string()}</li> })
                            .collect_view()
                    }}

                </ul>
            }
        }>

            <div class="container m-auto">
                <h1 class="mx-4 text-6xl inter-med text-neutral-200">"Cards For Humanity"</h1>
                <div class="p-5 bg-neutral-950 rounded-3xl shadow-black shadow-xl">
                    <h1 class="text-4xl">Hey!</h1>
                    <br />
                    <p>
                        {"Welcome! Thank you for helping me test this. It's made out of glass right now so don't be too harsh but I would really like to know about any issues you find. Chances are you already know how to contact me but in case you don't you can find me at @whitedopeonpunk on discord and telegram or you can email me at "}
                        <a href="mailto:adam@doordesk.net">adam@doordesk.net</a>
                        {". If you manage to crash the server it'll be down until I notice, I built it brittle on purpose to see where it fails. This will get better with time. (I promise!)"}
                    </p>
                    <br />
                    <p>Have fun!</p>
                    <br />
                    <Websocket />
                    <hr />
                    <Chat />
                    <hr />
                    <Auth />
                    <hr />
                    <Browser />
                    <hr />
                    <Game />
                    <hr />
                    <Debug />
                    <hr />
                    <a href="https://git.doordesk.net/adam/cards/">git</a>
                </div>
            </div>
        </ErrorBoundary>
    }
}