//! Full-page file view (opened files take over the whole content area).
//!
//! The top bar doubles as the file's header: the file name where the brand
//! was, with save/close on the right. Used by both the signed-in shell and
//! the public share page.

use crate::i18n;
use api_types::FileKind;
use leptos::prelude::*;

use crate::api;
use crate::components::icon::icon_svg;
use crate::components::toast::{ToastMsg, show};
use crate::icons::{IconName, icon_for};

/// A file that is open in the full-page view.
#[derive(Clone)]
pub struct FileView {
    pub root_id: i64,
    /// Path relative to the root (e.g. "docs/a.txt").
    pub path: String,
    /// Display name (used for the title + language detection).
    pub name: String,
    /// Sniffed kind: picks the viewer and the icon.
    pub kind: FileKind,
    /// True when the file's folder is read-only. Only the editor acts on it.
    pub readonly: bool,
}

/// Top-bar replacement for the brand: file icon + name (with a dirty dot)
/// and, for read-only text files, a badge.
#[component]
pub fn FileViewTitle(view: FileView, dirty: ReadSignal<bool>) -> impl IntoView {
    let icon = icon_for(view.kind, &view.name);
    let readonly = view.kind == FileKind::Text && view.readonly;
    let name = view.name;
    view! {
        <div class="file-title">
            {icon_svg(icon, "file-title-icon")}
            <span class="file-title-name">
                {move || {
                    let dot = if dirty.get() { " •" } else { "" };
                    format!("{name}{dot}")
                }}
            </span>
            {readonly.then(|| view! { <span class="badge">{i18n::t(i18n::k::READ_ONLY_BADGE)}</span> })}
        </div>
    }
}

/// Top-bar actions: Save (only present while an editable file has
/// registered its save callback), Download and close.
#[component]
pub fn FileViewActions(
    /// The open file — the download button targets it.
    view: FileView,
    saving: ReadSignal<bool>,
    dirty: ReadSignal<bool>,
    save_cb: ReadSignal<Option<Callback<()>>>,
    /// The editor registers its close request here (it asks about unsaved
    /// changes first); other views close directly.
    close_cb: ReadSignal<Option<Callback<()>>>,
    /// Whether the close button is shown at all: closing means "back to
    /// the listing", so it is hidden when there is nothing to go back to
    /// (file shares).
    show_close: bool,
    on_close: Callback<()>,
    toast: ToastMsg,
) -> impl IntoView {
    // Serves the file from disk (for an open editor: the saved version,
    // not the working copy). Built once per open file — nothing about it
    // is reactive.
    let download_btn = {
        let dl = view;
        view! {
            <button
                class="icon-btn file-download"
                title={i18n::tr(i18n::k::DOWNLOAD)}
                aria-label={i18n::tr(i18n::k::DOWNLOAD)}
                on:click=move |_| {
                    let url = api::download_url(dl.root_id, &dl.path, None);
                    api::trigger_download(&url, &dl.name);
                    show(toast, i18n::t(i18n::k::DOWNLOAD_STARTED));
                }
            >
                {icon_svg(IconName::Download, "ic-btn")}
            </button>
        }
    };
    view! {
        <div class="file-actions">
            {move || save_cb.get().map(|cb| view! {
                    <button
                        class="btn btn-sm btn-primary"
                        disabled=move || !dirty.get() || saving.get()
                        on:click=move |_| cb.run(())
                    >
                        {move || {
                            if saving.get() {
                                i18n::t(i18n::k::SAVING).to_string()
                            } else {
                                i18n::t(i18n::k::SAVE).to_string()
                            }
                        }}
                    </button>
            })}
            {download_btn}
            {show_close.then(|| view! {
                <button
                    class="icon-btn file-close"
                    title={i18n::tr(i18n::k::CLOSE_ESC)}
                    aria-label={i18n::tr(i18n::k::CLOSE)}
                    on:click=move |_| {
                        if let Some(cb) = close_cb.get() {
                            cb.run(());
                        } else {
                            on_close.run(());
                        }
                    }
                >
                    {icon_svg(IconName::Close, "ic-btn")}
                </button>
            })}
        </div>
    }
}