#![allow(clippy::let_unit_value)]  // This is triggering on yew html! {}.
use yew::prelude::*;
use yew_router::prelude::*;
pub mod components;
pub mod utils;
use components::{AppContextProvider, ErrorInfo, OnlineTable};
extern crate wee_alloc;
pub mod routing;
use crate::{components::use_app_context, routing::Route};
pub mod services;

// Use `wee_alloc` as the global allocator.
#[global_allocator]
static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;

fn main() {
    std::panic::set_hook(Box::new(console_error_panic_hook::hook));
    wasm_logger::init(wasm_logger::Config::new(log::Level::Debug));
    yew::start_app::<App>();
}

#[function_component(App)]
pub fn app() -> Html {
    html! {
        <>
            <AppContextProvider>
                <BrowserRouter>
                    <Switch<Route> render={Switch::render(switch)} />
                </BrowserRouter>
            </AppContextProvider>
        </>
    }
}

#[function_component(Home)]
fn home() -> Html {
    let ctx = use_app_context();

    let user = match &ctx.user() {
        Some(userinfo) => html! {
            <p>{ format!("Logged in as {}", userinfo.username) }</p>
        },
        None => html! { <p><a href="/api/login">{ "Log in" }</a></p> },
    };

    if let Some(table) = ctx.user().as_ref().and_then(|u| u.table.as_ref()) {
        let history = use_history().unwrap();
        history.push(Route::Table { id: table.id });
    }

    let create_table = {
        Callback::from(move |_| {
            ctx.create_table();
        })
    };

    html! {
        <>
        <div class="main-page">
        <h1>{"Bridge App"}</h1>
        <ul class="main-menu">
          <li>{ user }</li>
          <li><button onclick={create_table}>{ "Create table" }</button></li>
        </ul>
        </div>
        <div class="footer">
          <p>{"Copyright © 2022 Kjetil Ørbekk. "}
            <a href={"https://git.orbekk.com/bridge.git/"}>{"Source code"}</a>
          </p>
        </div>
        </>
    }
}

#[function_component(Header)]
fn header() -> Html {
    let ctx = use_app_context();
    html! {
        if let Some(error) = &ctx.error() {
            <ErrorInfo ..(*error).clone()/>
        }
    }
}

fn switch(routes: &Route) -> Html {
    let main = match routes {
        Route::Home => html! { <Home/> },
        Route::Table { id } => html! {
            <OnlineTable table={ protocol::Table { id: *id } } />
        },
    };

    html! {
        <>
          <Header/>
          { main }
        </>
    }
}