//! Share creation dialog and the "Your shares" management panel (milestone 6).

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

use crate::api::{self, ShareInfo};
use crate::components::icon::Icon;
use crate::components::modal::Modal;
use crate::components::toast::{ToastMsg, show, show_error};
use crate::i18n;
use crate::icons::IconName;
use crate::router::{dav_share_url, share_url};
use crate::util::format_date;
use crate::util::{select_input, select_value};

// ---------------------------------------------------------------------------
// Expiry helpers (compute the RFC 3339 expiry client-side)
// ---------------------------------------------------------------------------

/// Format a millisecond timestamp as an RFC 3339 UTC string (ISO 8601).
fn ms_to_rfc3339(ms: f64) -> Option<String> {
    if ms.is_nan() {
        return None;
    }
    Some(
        js_sys::Date::new(&wasm_bindgen::JsValue::from_f64(ms))
            .to_iso_string()
            .into(),
    )
}

/// Convert the user's expiry choice into an RFC 3339 timestamp, or `None` for
/// "never". Presets are computed from "now"; "custom" parses the
/// datetime-local value as the browser's local time.
fn expiry_to_rfc3339(choice: &str, custom: &str) -> Option<String> {
    let now = js_sys::Date::now();
    let h = 60.0 * 60.0 * 1000.0;
    let target_ms: Option<f64> = match choice {
        "never" => return None,
        "1h" => Some(now + h),
        "1d" => Some(now + 24.0 * h),
        "1w" => Some(now + 7.0 * 24.0 * h),
        "1mo" => Some(now + 30.0 * 24.0 * h),
        "custom" => {
            if custom.is_empty() {
                None
            } else {
                // `Date.parse` treats a bare datetime as local time, so the
                // result is already the correct UTC instant.
                Some(js_sys::Date::parse(custom))
            }
        }
        _ => return None,
    };
    target_ms.and_then(ms_to_rfc3339)
}

fn copy_to_clipboard(text: &str, toast: ToastMsg) {
    let Some(win) = web_sys::window() else {
        show_error(toast, i18n::t(i18n::k::COPY_MANUAL).to_string());
        return;
    };
    let cb = win.navigator().clipboard();
    let t = text.to_string();
    spawn_local(async move {
        let _ = wasm_bindgen_futures::JsFuture::from(cb.write_text(&t)).await;
        show(toast, i18n::t(i18n::k::LINK_COPIED).to_string());
    });
}

// ---------------------------------------------------------------------------
// Share creation dialog (two-phase: form -> link)
// ---------------------------------------------------------------------------

#[component]
pub fn ShareDialog(
    name: String,
    root_id: i64,
    path: String,
    allow_writable: bool,
    root_writable: bool,
    close: Callback<()>,
) -> impl IntoView {
    let toast = use_context::<ToastMsg>().expect("toast context");
    let (writable, set_writable) = signal(false);
    let (choice, set_choice) = signal("never".to_string());
    let (custom, set_custom) = signal(String::new());
    let (password, set_password) = signal(String::new());
    let (created, set_created) = signal(Option::<ShareInfo>::None);
    let (busy, set_busy) = signal(false);
    let name_msg = name.clone();

    let do_create = move |_| {
        if busy.get() {
            return;
        }
        set_busy.set(true);
        let exp = expiry_to_rfc3339(&choice.get(), &custom.get());
        let wr = writable.get();
        let rid = root_id;
        let p = path.clone();
        // An empty field means "no password", not a password of "".
        let pw = password.get().trim().to_string();
        let pw = (!pw.is_empty()).then_some(pw);
        spawn_local(async move {
            match api::create_share(rid, &p, wr, exp.as_deref(), pw.as_deref()).await {
                Ok(info) => set_created.set(Some(info)),
                Err(e) => {
                    show(
                        toast,
                        i18n::t_fmt(i18n::k::SHARE_CREATE_ERR, &e.to_string()),
                    );
                    set_busy.set(false);
                }
            }
        });
    };

    view! {
        <Modal class="share-modal" on_close=close>
                {move || match created.get() {
                    Some(ref info) => {
                        let link = share_url(&info.token);
                        let dav_link = dav_share_url(&info.token);
                        let is_file = info.is_file;
                        view! {
                            <h2 class="modal-title">{i18n::tr(i18n::k::SHARE_LINK)}</h2>
                            <p class="modal-message">
                                {if writable.get() {
                                    i18n::t_fmt(i18n::k::SHARE_PERM_RW, &name_msg)
                                } else {
                                    i18n::t_fmt(i18n::k::SHARE_PERM_RO, &name_msg)
                                }}
                            </p>
                            <div class="share-link-row">
                                <input
                                    class="share-link-input"
                                    readonly=true
                                    value=link.clone()
                                    on:click=|ev| select_input(&ev)
                                />
                                <button
                                    class="btn"
                                    title={i18n::tr(i18n::k::COPY_LINK)}
                                    on:click=move |_| copy_to_clipboard(&link, toast)
                                >
                                    <Icon name=IconName::Copy class="ic-btn".to_string()/>
                                    {i18n::t(i18n::k::COPY)}
                                </button>
                            </div>
                            // Folder shares only: a file share has no
                            // collection to mount.
                            {(!is_file).then(|| view! {
                                <div class="share-link-row">
                                    <input
                                        class="share-link-input"
                                        readonly=true
                                        value=dav_link.clone()
                                        title={i18n::tr(i18n::k::COPY_DAV_LINK)}
                                        on:click=|ev| select_input(&ev)
                                    />
                                    <button
                                        class="btn"
                                        title={i18n::tr(i18n::k::COPY_DAV_LINK)}
                                        on:click=move |_| copy_to_clipboard(&dav_link, toast)
                                    >
                                        <Icon name=IconName::Copy class="ic-btn".to_string()/>
                                        "WebDAV"
                                    </button>
                                </div>
                            })}
                            <p class="muted share-expiry-note">
                                {match info.expires_at {
                                    Some(ref e) => i18n::t_fmt(i18n::k::EXPIRES_AT, &format_date(e)),
                                    None => i18n::t(i18n::k::NEVER_EXPIRES).to_string(),
                                }}
                            </p>
                            {info.has_password.then(|| view! {
                                <p class="muted share-expiry-note">
                                    {i18n::tr(i18n::k::SHARE_PROTECTED)}
                                </p>
                            })}
                            <div class="modal-actions">
                                <button class="btn btn-primary" on:click=move |_| close.run(())>{i18n::t(i18n::k::DONE)}</button>
                            </div>
                        }
                        .into_view()
                        .into_any()
                    }
                    None => view! {
                        <h2 class="modal-title">{i18n::t_fmt(i18n::k::SHARE_TITLE, &name)}</h2>
                        <p class="modal-message">{i18n::tr(i18n::k::SHARE_DIALOG_HINT)}</p>
                        {move || if allow_writable && root_writable {
                            view! {
                                <label class="share-check">
                                    <input
                                        type="checkbox"
                                        checked=move || writable.get()
                                        on:change=move |ev: web_sys::Event| {
                                            if let Some(t) = ev
                                                .target()
                                                .and_then(|t| t.dyn_into::<web_sys::HtmlInputElement>().ok())
                                            {
                                                set_writable.set(t.checked());
                                            }
                                        }
                                    />
                                    {i18n::tr(i18n::k::ALLOW_EDITING)}
                                </label>
                            }
                            .into_view()
                            .into_any()
                        } else {
                            view! {
                                <p class="muted">
                                    {move || {
                                        if root_writable {
                                            i18n::t(i18n::k::RW_DISABLED).to_string()
                                        } else {
                                            i18n::t(i18n::k::RW_RO_FOLDER).to_string()
                                        }
                                    }}
                                </p>
                            }
                            .into_view()
                            .into_any()
                        }}
                        <div class="share-expiry-row">
                            <label for="share-expiry">{i18n::tr(i18n::k::EXPIRES)}</label>
                            <select
                                id="share-expiry"
                                on:change=move |ev: web_sys::Event| {
                                    if let Some(v) = select_value(&ev) {
                                        set_choice.set(v);
                                    }
                                }
                            >
                                <option value="never">{i18n::tr(i18n::k::NEVER)}</option>
                                <option value="1h">{i18n::t(i18n::k::EXPIRY_1H)}</option>
                                <option value="1d">{i18n::t(i18n::k::EXPIRY_1D)}</option>
                                <option value="1w">{i18n::t(i18n::k::EXPIRY_1W)}</option>
                                <option value="1mo">{i18n::t(i18n::k::EXPIRY_1MO)}</option>
                                <option value="custom">{i18n::tr(i18n::k::CUSTOM)}</option>
                            </select>
                        </div>
                        {move || if choice.get() == "custom" {
                            view! {
                                <div class="share-expiry-row">
                                    <label for="share-custom-dt">{i18n::tr(i18n::k::UNTIL)}</label>
                                    <input
                                        type="datetime-local"
                                        id="share-custom-dt"
                                        value=move || custom.get()
                                        on:change=move |ev: web_sys::Event| {
                                            if let Some(t) = ev
                                                .target()
                                                .and_then(|t| t.dyn_into::<web_sys::HtmlInputElement>().ok())
                                            {
                                                set_custom.set(t.value());
                                            }
                                        }
                                    />
                                </div>
                            }
                            .into_view()
                            .into_any()
                        } else {
                            view! {}.into_any()
                        }}
                        <div class="share-pw-row">
                            <label for="share-pw">{i18n::tr(i18n::k::PASSWORD)}</label>
                            <input
                                type="password"
                                id="share-pw"
                                autocomplete="new-password"
                                value=move || password.get()
                                on:input=move |ev: web_sys::Event| {
                                    if let Some(t) = ev
                                        .target()
                                        .and_then(|t| t.dyn_into::<web_sys::HtmlInputElement>().ok())
                                    {
                                        set_password.set(t.value());
                                    }
                                }
                            />
                        </div>
                        <p class="muted share-pw-hint">{i18n::tr(i18n::k::SHARE_PASSWORD_HINT)}</p>
                        <div class="modal-actions">
                            <button class="btn" on:click=move |_| close.run(())>{i18n::tr(i18n::k::CANCEL)}</button>
                            <button
                                class="btn btn-primary"
                                disabled=move || busy.get()
                                on:click=do_create.clone()
                            >
                                {move || {
                                    if busy.get() {
                                        i18n::t(i18n::k::CREATING).to_string()
                                    } else {
                                        i18n::t(i18n::k::CREATE_LINK).to_string()
                                    }
                                }}
                            </button>
                        </div>
                    }
                    .into_view()
                    .into_any(),
                }}
        </Modal>
    }
}

// ---------------------------------------------------------------------------
// "Your shares" manage view
// ---------------------------------------------------------------------------

#[component]
pub fn SharesView() -> impl IntoView {
    let toast = use_context::<ToastMsg>().expect("toast context");
    let (shares, set_shares) = signal(Option::<Vec<ShareInfo>>::None);
    // Set when the list could not be loaded; the error card offers a retry.
    let (load_err, set_load_err) = signal(Option::<String>::None);
    let (confirm_all, set_confirm_all) = signal(false);
    let (busy_all, set_busy_all) = signal(false);
    let load = move || {
        set_load_err.set(None);
        spawn_local(async move {
            match api::list_shares().await {
                Ok(s) => set_shares.set(Some(s)),
                Err(e) => set_load_err.set(Some(e.to_string())),
            }
        });
    };
    load();

    // Delete every share of the current user (no server-side bulk endpoint).
    let delete_all = move |_| {
        set_confirm_all.set(false);
        let Some(list) = shares.get() else {
            return;
        };
        if list.is_empty() {
            return;
        }
        let ids: Vec<i64> = list.iter().map(|s| s.id).collect();
        set_busy_all.set(true);
        let write = set_shares;
        let toast2 = toast;
        spawn_local(async move {
            let mut failed = 0usize;
            for id in &ids {
                if api::delete_share(*id).await.is_err() {
                    failed += 1;
                }
            }
            if failed == 0 {
                write.set(Some(Vec::new()));
                show(
                    toast2,
                    i18n::t(i18n::k::DELETED_N_SHARES)
                        .to_string()
                        .replace("{}", &ids.len().to_string()),
                );
            } else if failed < ids.len() {
                // Partial failure: re-read what is actually left.
                if let Ok(s) = api::list_shares().await {
                    write.set(Some(s));
                }
                show(
                    toast2,
                    i18n::t(i18n::k::DELETE_PARTIAL)
                        .replace("{}", &failed.to_string())
                        .replace("{}", &ids.len().to_string()),
                );
            } else {
                show_error(toast2, i18n::t(i18n::k::SHARES_DELETE_ERR).to_string());
            }
            set_busy_all.set(false);
        });
    };

    view! {
        <div class="shares-view">
            <div class="view-header">
                <div class="users-header">
                    <h3 class="admin-section-title">{i18n::tr(i18n::k::YOUR_SHARES)}</h3>
                    {move || {
                        let n = shares.get().map(|s| s.len()).unwrap_or(0);
                        if n > 0 {
                            view! {
                                <button
                                    class="btn btn-sm btn-danger"
                                    disabled=move || busy_all.get()
                                    on:click=move |_| set_confirm_all.set(true)
                                >
                                    <Icon name=IconName::Delete class="ic-btn".to_string()/>
                                    {i18n::tr(i18n::k::DELETE_ALL)}
                                </button>
                            }
                            .into_view()
                            .into_any()
                        } else {
                            view! {}.into_any()
                        }
                    }}
                </div>
                <p class="muted view-hint">{i18n::tr(i18n::k::SHARES_VIEW_HINT)}</p>
            </div>
            {move || match shares.get() {
                None => match load_err.get() {
                    Some(msg) => view! {
                        <div class="card error-card">
                            <span>{msg}</span>
                            <button class="btn" on:click=move |_| load()>
                                {i18n::tr(i18n::k::RETRY)}
                            </button>
                        </div>
                    }
                    .into_view()
                    .into_any(),
                    None => view! {
                        <p class="muted">{i18n::tr(i18n::k::LOADING)}</p>
                    }
                    .into_view()
                    .into_any(),
                },
                Some(ref list) if list.is_empty() => view! {
                    <div class="empty-state">
                        <Icon name=IconName::Share class="empty-glyph".to_string()/>
                        <h3>{i18n::tr(i18n::k::NO_SHARES)}</h3>
                        <p class="muted">{i18n::tr(i18n::k::SHARES_EMPTY_HINT)}</p>
                    </div>
                }
                .into_view()
                .into_any(),
                Some(ref list) => {
                    let items = list
                        .iter()
                        .map(|s| {
                            let s2 = s.clone();
                            let link = share_url(&s.token);
                            let dav_link = dav_share_url(&s.token);
                            let is_file = s.is_file;
                            let glyph = if s.is_file {
                                IconName::File
                            } else {
                                IconName::Folder
                            };
                            let mut meta = format!(
                                "{} · {}",
                                s.target,
                                if s.writable {
                                    i18n::t(i18n::k::MODE_RW)
                                } else {
                                    i18n::t(i18n::k::MODE_RO)
                                }
                            );
                            if let Some(e) = &s.expires_at {
                                meta.push_str(&format!(
                                    " · {}",
                                    i18n::t_fmt(i18n::k::META_EXPIRES, &format_date(e))
                                ));
                            }
                            meta.push_str(&format!(
                                " · {}",
                                i18n::t_fmt(i18n::k::META_CREATED, &format_date(&s.created_at))
                            ));
                            if s.has_password {
                                meta.push_str(&format!(" · {}", i18n::t(i18n::k::SHARE_PROTECTED)));
                            }
                            view! {
                                <div class="share-item">
                                    <div class="share-item-main">
                                        <div class="share-item-name">
                                            <Icon name=glyph class="ic-row".to_string()/>
                                            <span>{s.name.clone()}</span>
                                        </div>
                                        <div class="share-item-meta muted">{meta}</div>
                                    </div>
                                    <div class="share-item-actions">
                                        <button
                                            class="btn btn-sm"
                                            title={i18n::tr(i18n::k::COPY_LINK)}
                                            on:click=move |_| copy_to_clipboard(&link, toast)
                                        >
                                            <Icon name=IconName::Copy class="ic-btn".to_string()/>
                                            {i18n::tr(i18n::k::COPY)}
                                        </button>
                                        // Folder shares only: a file share has
                                        // no collection to mount.
                                        <Show when=move || !is_file>
                                            <button
                                                class="btn btn-sm"
                                                title={i18n::tr(i18n::k::COPY_DAV_LINK)}
                                                on:click={
                                                    let dav = dav_link.clone();
                                                    move |_| copy_to_clipboard(&dav, toast)
                                                }
                                            >
                                                <Icon name=IconName::Copy class="ic-btn".to_string()/>
                                                "WebDAV"
                                            </button>
                                        </Show>
                                        <button
                                            class="btn btn-sm btn-danger"
                                            title={i18n::tr(i18n::k::DELETE_SHARE)}
                                            on:click=move |_| {
                                                let id = s2.id;
                                                let read = shares;
                                                let write = set_shares;
                                                let toast2 = toast;
                                                spawn_local(async move {
                                                    if api::delete_share(id).await.is_ok() {
                                                        if let Some(mut cur) = read.get() {
                                                            cur.retain(|x| x.id != id);
                                                            write.set(Some(cur));
                                                        }
                                                        show(toast2, i18n::t(i18n::k::SHARE_DELETED).to_string());
                                                    } else {
                                                        show_error(toast2, i18n::t(i18n::k::SHARE_DELETE_ERR).to_string());
                                                    }
                                                });
                                            }
                                        >
                                            <Icon name=IconName::Delete class="ic-btn".to_string()/>
                                            {i18n::tr(i18n::k::DELETE)}
                                        </button>
                                    </div>
                                </div>
                            }
                        })
                        .collect::<Vec<_>>();
                    view! {
                        <div class="share-list">{items}</div>
                    }
                    .into_view()
                    .into_any()
                }
            }}

            // Delete-all confirmation.
            {move || {
                if confirm_all.get() {
                    let n = shares.get().map(|s| s.len()).unwrap_or(0);
                    view! {
                        <Modal
                            class="card"
                            on_close=Callback::new(move |_| set_confirm_all.set(false))
                        >
                            <h2 class="modal-title">{i18n::tr(i18n::k::DELETE_ALL_TITLE)}</h2>
                            <p class="modal-message">
                                {i18n::t_fmt(i18n::k::DELETE_ALL_MSG, &n.to_string())}
                            </p>
                            <div class="modal-actions">
                                <button class="btn" on:click=move |_| set_confirm_all.set(false)>
                                    {i18n::tr(i18n::k::CANCEL)}
                                </button>
                                <button class="btn btn-danger" disabled=move || busy_all.get() on:click=delete_all>
                                    {i18n::tr(i18n::k::DELETE_ALL)}
                                </button>
                            </div>
                        </Modal>
                    }
                    .into_view()
                    .into_any()
                } else {
                    view! {}.into_any()
                }
            }}
        </div>
    }
}