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

use leptos_use::{use_cookie, utils::FromToStringCodec};
use upub_web::{
	LoginBox, ObjectPage, UserPage, PostBox, Timeline
};


fn main() {
	_ = console_log::init_with_level(log::Level::Debug);
	console_error_panic_hook::set_once();
	let (cookie, set_cookie) = use_cookie::<String, FromToStringCodec>("token");
	mount_to_body(
		move || view! {
			<nav class="w-100">
				<p>
					<code><a class="upub-title" href="/web" >μpub</a></code>
					<small class="ml-1 mr-1" ><a class="clean" href="/web" >micro social network, federated</a></small>
					/* TODO kinda jank with the float but whatever, will do for now */
					<small style="float: right" ><a href="https://git.alemi.dev/upub.git" >src</a></small>
				</p>
			</nav>
			<hr />
			<div class="container">
				<div class="two-col">
					<div class="col-side">
						<LoginBox
							tx=set_cookie
							rx=cookie
						/>
						<PostBox token=cookie />
					</div>
					<div class="col-main">
						<Router // TODO maybe set base="/web" ?
							fallback=move || view! { 
								<div class="center">
									<h3>nothing to see here!</h3>
									<p><a href="/web"><button type="button">back to root</button></a></p>
								</div>
							}.into_view()
						>
							<main>
								<Routes>
									<Route path="/" view=move || view! { <Redirect path="/web" /> } />
									<Route path="/web" view=move || view! { <Timeline token=cookie /> } />
									<Route path="/web/users/:id" view=UserPage />
									<Route path="/web/objects/:id" view=ObjectPage />
								</Routes>
							</main>
						</Router>
					</div>
				</div>
			</div>
		}
	);
}