import React from 'react';
import { useRouter } from 'next/router';
import { NextSeo } from 'next-seo';
import { MetaTag, NextSeoProps } from 'next-seo/lib/types';

export const Seo = (props: NextSeoProps) => {
  const router = useRouter();

  const {
    canonical,
    description,
    additionalMetaTags: userMetaTags,
    openGraph: userOpenGraph,
    ...restProps
  } = props;

  // base domain dari env, buang trailing slash biar rapi
  const origin = (process.env.NEXT_PUBLIC_SELF_HOST || '').replace(/\/+$/, '');

  // path sekarang, contoh:
  // "/shop/category/bor?page=2&sort=popular"
  const asPath = router.asPath || '';
  const [cleanPath] = asPath.split('?'); // "/shop/category/bor"

  const queryObj = router.query || {};

  // deteksi kalo ini halaman search
  // kalau route search lo beda, ganti prefix ini
  const isSearchPage = cleanPath.startsWith('/search');

  // fallback canonical buat halaman yang TIDAK ngasih canonical prop sendiri
  const buildFallbackCanonical = () => {
    if (isSearchPage) {
      const q = queryObj.q;
      if (q) {
        // search punya intent unik per q, tapi kita buang param lain kayak page/sort
        return origin + cleanPath + `?q=${encodeURIComponent(String(q))}`;
      }
      return origin + cleanPath;
    }

    // kategori/brand/listing biasa -> tanpa query sama sekali
    return origin + cleanPath;
  };

  // Prioritas final:
  // 1. kalau page ngasih props.canonical -> pakai itu
  // 2. kalau gak -> pakai fallback
  const resolvedCanonical = canonical || buildFallbackCanonical();

  // gabung meta default FB + custom
  const mergedMetaTags: MetaTag[] = [
    { property: 'fb:app_id', content: '270830718811' },
    { property: 'fb:page_id', content: '101759953569' },
  ];
  if (userMetaTags && Array.isArray(userMetaTags)) {
    mergedMetaTags.push(...userMetaTags);
  }

  return (
    <NextSeo
      defaultTitle='Indoteknik.com: B2B Industrial Supply & Solution'
      canonical={resolvedCanonical}
      description={description}
      {...restProps}
      openGraph={{
        siteName: 'Indoteknik.com',
        ...userOpenGraph,
      }}
      additionalMetaTags={mergedMetaTags}
    />
  );
};

export default Seo;