//! File previews: browser-native media (image/PDF/video/audio), full page,
//! or a download prompt for kinds with no viewer. Text files open in the
//! editor instead.

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

use crate::api;
use crate::components::icon::icon_svg;
use crate::i18n;
use crate::icons::{IconName, icon_for};
use crate::views::file_view::FileView;

/// Whether this kind opens in the media preview. Text goes to the editor,
/// archives and binaries get the "no preview" view.
pub fn is_media(kind: FileKind) -> bool {
    matches!(
        kind,
        FileKind::Image | FileKind::Pdf | FileKind::Video | FileKind::Audio
    )
}

/// The full-page preview (closing lives in the top bar).
#[component]
pub fn Preview(target: FileView) -> impl IntoView {
    let url = api::preview_url(target.root_id, &target.path);
    let name = target.name.clone();
    let media = match target.kind {
        FileKind::Image => view! { <img class="preview-img" src=url alt=name/> }.into_any(),
        FileKind::Pdf => view! { <iframe class="preview-pdf" src=url title=name/> }.into_any(),
        FileKind::Video => {
            view! { <video class="preview-video" src=url controls=true/> }.into_any()
        }
        FileKind::Audio => view! {
            <div class="preview-audio">
                <audio src=url controls=true/>
            </div>
        }
        .into_any(),
        FileKind::Dir | FileKind::Archive | FileKind::Text | FileKind::Binary => {
            return view! { <NoPreview target=target/> }.into_any();
        }
    };
    view! { <div class="preview-body file-preview">{media}</div> }.into_any()
}

/// Shown for files with no built-in viewer: a message and a download button.
#[component]
fn NoPreview(target: FileView) -> impl IntoView {
    let icon = icon_for(target.kind, &target.name);
    let name = target.name.clone();
    let t = target;
    view! {
        <div class="file-nopreview">
            <div class="empty-state">
                {icon_svg(icon, "empty-glyph")}
                <h3>{i18n::tr(i18n::k::NO_PREVIEW)}</h3>
                <p class="muted">{i18n::t_fmt(i18n::k::NO_PREVIEW_MSG, &name)}</p>
                <button
                    class="btn btn-primary"
                    on:click=move |_| {
                        let url = api::download_url(t.root_id, &t.path, None);
                        api::trigger_download(&url, &name);
                    }
                >
                    {icon_svg(IconName::Download, "ic-btn")}
                    {i18n::tr(i18n::k::DOWNLOAD)}
                </button>
            </div>
        </div>
    }
}