//! MNOTE 首页组件（Wolai 风格）

use super::layout::PageLayout;
use leptos::prelude::*;

/// MNOTE 首页。
#[component]
pub fn HomePage(
    /// 侧栏页面树 HTML（可选）
    #[prop(optional)]
    sidebar_tree_html: Option<String>,
    /// 工作区名称（可选）
    #[prop(optional)]
    workspace_name: Option<String>,
    /// 工作区 id（可选）
    #[prop(optional)]
    workspace_id: Option<String>,
    /// workspace shell 侧栏 sections HTML（可选）
    #[prop(optional)]
    workspace_sidebar_html: Option<String>,
    /// 当前选中的页面 id（可选）
    #[prop(optional)]
    active_page_id: Option<String>,
    /// 当前选中的页面标题（可选）
    #[prop(optional)]
    active_page_title: Option<String>,
) -> impl IntoView {
    let active_page_id = active_page_id.unwrap_or_default();
    let active_page_title = active_page_title
        .map(|value| value.trim().to_string())
        .filter(|value| !value.is_empty())
        .unwrap_or_else(|| "个人".to_string());
    let has_active_page = !active_page_id.trim().is_empty();
    let workspace_id = workspace_id
        .map(|value| value.trim().to_string())
        .filter(|value| !value.is_empty());
    let workspace_id_value = workspace_id.clone().unwrap_or_default();
    let active_href = workspace_id
        .as_deref()
        .map(|workspace_id| format!("/documents/{active_page_id}?workspaceId={workspace_id}"))
        .unwrap_or_else(|| format!("/documents/{active_page_id}"));
    view! {
        <PageLayout current_nav="home" sidebar_tree_html={sidebar_tree_html.unwrap_or_default()} workspace_name={workspace_name.unwrap_or_default()} workspace_sidebar_html={workspace_sidebar_html.unwrap_or_default()} topbar_title={active_page_title.clone()}>
            {move || if has_active_page {
                view! {
                    <main class="document-shell document-shell--workspace-entry" data-root-active-page-id={active_page_id.clone()} data-editor-host="leptos_tiptap_island">
                        <header class="document-shell-header">
                            <div class="document-page-icon" aria-hidden="true">"⌂"</div>
                            <h1>{active_page_title.clone()}</h1>
                            <div class="document-shell-meta" aria-label="页面元信息">
                                <span><span aria-hidden="true">"◌"</span>"个人空间"</span>
                                <span><span aria-hidden="true">"▣"</span>"工作区首页"</span>
                            </div>
                        </header>
                        <section class="mnote-workspace-active-state" data-testid="mnote-workspace-active-page-state">
                            <a class="mnote-workspace-active-link" href={active_href.clone()}>"打开当前页面"</a>
                        </section>
                    </main>
                }.into_any()
            } else {
                view! {
                    <section class="mnote-workspace-empty-state" data-testid="mnote-workspace-empty-state">
                        <h1>"暂无页面"</h1>
                        <p>"当前工作区还没有可显示的页面。"</p>
                        <button
                            type="button"
                            class="mnote-empty-create-page"
                            data-testid="mnote-empty-create-page"
                            data-mnote-action="create-page"
                            data-workspace-id={workspace_id_value.clone()}
                        >"新建页面"</button>
                    </section>
                }.into_any()
            }}
        </PageLayout>
    }
}
