---
import { escapeHtml } from "@utils/helpers/general.js";
import { fetchGlobalData } from "@utils/data/global/index.js";

const {
  schema = "page",
  pageTitle: titleOverride,
  description: descriptionOverride,
  ogImage: ogImageOverride,
  fullUrl,
  post,
  artist,
  movie,
  movies,
  show,
  tv,
  book,
  books,
  genre,
  year,
} = Astro.props;
const { globals } = await fetchGlobalData(Astro);

let pageTitle = globals.site_name;
let pageDescription = globals.site_description;
let ogImage = `${globals.cdn_url}${globals.avatar}`;

switch (schema) {
  case "blog":
    pageTitle = post?.title || pageTitle;
    pageDescription = post?.description || pageDescription;
    ogImage = `${globals.cdn_url}${post?.image}`;
    break;
  case "music":
  case "music-index":
  case "music-period":
    pageTitle = schema === "music" ? `Music / ${titleOverride}` : "Music";
    if (schema === "music") {
      ogImage = `${globals.cdn_url}${post?.image}`;
    } else if (schema === "music-index") {
      ogImage = `${globals.cdn_url}${movies?.week?.artists[0]?.grid?.image}`;
    } else if (schema === "music-period") {
      ogImage = `${globals.cdn_url}${post?.image}`;
    }
    break;
  case "artist":
    pageTitle = `Artists / ${artist?.name}`;
    pageDescription = artist?.description || pageDescription;
    ogImage = `${globals.cdn_url}${artist?.image}`;
    break;
  case "genre":
    pageTitle = `Music / ${genre?.name}`;
    pageDescription = genre?.description || pageDescription;
    ogImage = `${globals.cdn_url}${genre?.artists[0]?.image}`;
    break;
  case "book":
    pageTitle = `Books / ${book?.title} by ${book?.author}`;
    pageDescription = book?.review || book?.description || pageDescription;
    ogImage = `${globals.cdn_url}${book?.image}`;
    break;
  case "books":
    pageTitle = "Books";
    const overviewBook = books?.all?.find((b) => b.status === "started");
    ogImage = `${globals.cdn_url}${overviewBook?.image}`;
    break;
  case "books-year":
    const bookYear = year?.data?.find((b) => b.status === "finished");
    ogImage = `${globals.cdn_url}${bookYear?.image}`;
    break;
  case "movie":
    pageTitle = `Movies / ${movie?.title}`;
    if (movie?.rating) {
      pageTitle += ` (${movie.rating})`;
    }
    pageDescription = movie?.review || movie?.description || pageDescription;
    ogImage = `${globals.cdn_url}${movie?.backdrop}`;
    break;
  case "favorite-movies":
    pageTitle = "Favorite movies";
    const favoriteMovie = movies?.favorites?.[0];
    ogImage = `${globals.cdn_url}${favoriteMovie?.backdrop}`;
    break;
  case "show":
    pageTitle = `Show / ${show?.title}`;
    pageDescription = show?.review || show?.description || pageDescription;
    ogImage = `${globals.cdn_url}${show?.backdrop}`;
    break;
  case "favorite-shows":
    pageTitle = "Favorite shows";
    const favoriteShow = tv?.favorites?.[0];
    ogImage = `${globals.cdn_url}${favoriteShow?.backdrop}`;
    break;
  case "watching":
    pageTitle = "Watching";
    const overviewMovie = movies?.recentlyWatched?.[0];
    ogImage = `${globals.cdn_url}${overviewMovie?.backdrop}`;
    break;
  case "page":
    pageTitle = titleOverride || pageTitle;
    pageDescription = descriptionOverride || pageDescription;
    break;
  default:
    break;
}

if (titleOverride) pageTitle = titleOverride;
if (descriptionOverride) pageDescription = descriptionOverride;
if (ogImageOverride) ogImage = ogImageOverride;

if (pageTitle !== globals.site_name && schema !== "blog")
  pageTitle = `${pageTitle} / ${globals.site_name}`;

const escapedPageDescription = escapeHtml(pageDescription);
---

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="color-scheme" content="light dark" />
<title>{pageTitle}</title>
<link rel="canonical" href={fullUrl} />
<meta property="og:title" content={pageTitle} />
<meta name="description" content={escapedPageDescription} />
<meta property="og:description" content={escapedPageDescription} />
<meta property="og:type" content={schema === "blog" ? "article" : "website"} />
<meta property="og:url" content={fullUrl} />
<meta property="og:image" content={`${ogImage}?class=w800`} />
<meta name="theme-color" content={globals.theme_color} />
<meta name="fediverse:creator" content={globals.mastodon} />
<meta name="generator" content="Astro" />
<meta name="robots" content="noai, noimageai" />
<link
  href={`${globals.cdn_url}${globals.avatar_transparent}?class=w50`}
  rel="icon"
  sizes="any"
/>
<link
  href={`${globals.cdn_url}${globals.avatar_transparent}?class=w50&type=svg`}
  rel="icon"
  type="image/svg+xml"
/>
<link
  href={`${globals.cdn_url}${globals.avatar}?class=w800`}
  rel="apple-touch-icon"
/>
<link
  type="application/atom+xml"
  rel="alternate"
  title={`Posts / ${globals.site_name}`}
  href={`${globals.url}/feeds/posts`}
/>