use leptos::prelude::*;
use wasm_bindgen_futures::spawn_local;

use crate::api::{self, Me};
use crate::components::toast::{provide_toast, ToastView};
use crate::router::Location;
use crate::views::admin::AdminView;
use crate::views::browser::Browser;
use crate::views::shares::SharesPanel;

#[component]
pub fn ShellView(
    me: ReadSignal<Option<Me>>,
    set_me: WriteSignal<Option<Me>>,
    set_phase: WriteSignal<crate::app::AuthPhase>,
    loc: ReadSignal<Location>,
) -> impl IntoView {
    let toast = provide_toast();
    let (show_shares, set_show_shares) = signal(false);
    let (show_admin, set_show_admin) = signal(false);

    let on_logout = move |_| {
        spawn_local(async move {
            let _ = api::logout().await;
            set_me.set(None);
            set_phase.set(crate::app::AuthPhase::Login);
        });
    };

    view! {
        <div class="layout">
            <header class="topbar">
                <div class="brand">"📂 filebrowser-ng"</div>
                <div class="topbar-right">
                    {move || {
                        let m = me.get()?;
                        let u = m.user?;
                        let is_admin = u.is_admin;
                        Some(
                            view! {
                                <span class="user-badge">
                                    {u.name}
                                    <Show when=move || is_admin>
                                        <span class="badge">"admin"</span>
                                    </Show>
                                </span>
                            }
                            .into_view()
                            .into_any(),
                        )
                    }}
                    <Show when=move || me.get().and_then(|m| m.user).map(|u| u.is_admin).unwrap_or(false)>
                        <button
                            class="btn"
                            class:active=move || show_admin.get()
                            on:click=move |_| set_show_admin.update(|v| *v = !*v)
                        >
                            "Admin"
                        </button>
                    </Show>
                    <button class="btn" on:click=move |_| set_show_shares.set(true)>"Shares"</button>
                    <button class="btn" on:click=on_logout>"Log out"</button>
                </div>
            </header>
            <main class="content">
                {move || {
                    let is_admin = me
                        .get()
                        .and_then(|m| m.user)
                        .map(|u| u.is_admin)
                        .unwrap_or(false);
                    if show_admin.get() && is_admin {
                        view! { <AdminView me=me/> }
                            .into_view()
                            .into_any()
                    } else {
                        view! { <Browser me=me loc=loc/> }
                            .into_view()
                            .into_any()
                    }
                }}
            </main>
            {move || if show_shares.get() {
                view! {
                    <SharesPanel close=Callback::new(move |_| set_show_shares.set(false))/>
                }
                .into_view()
                .into_any()
            } else {
                view! {}.into_any()
            }}
            <ToastView toast=toast/>
        </div>
    }
}