import productSearchApi from '@/lib/product/api/productSearchApi';
import variantSearchApi from '@/lib/product/api/variantSearchApi';
import _ from 'lodash-contrib';

const limit = 5000;

export async function getServerSideProps() {
  const queries = {
    limit: 1,
    priceFrom: 1,
    fq: 'image_s:["" TO *] AND publish_b:true AND price_tier1_v2_f:[1 TO *]',
    // product_rating_f: '[8 TO *]',
    // price_tier1_v2_f: '[1 TO *]',
  };
  const products = await variantSearchApi({ query: _.toQuery(queries) });
  const { numFound } = products.response;
  const pageTotal = Math.ceil(numFound / limit);

  return { props: { pageTotal, numFound } };
}

export default function GoogleMerchantPage({ pageTotal, numFound }) {
  const numberArray = Array.from({ length: pageTotal }, (_, index) => index);
  return (
    <div className='grid grid-cols-1 gap-y-3 p-4'>
      <h1 className='text-h-lg font-semibold mb-3'>Google Merchant:</h1>
      {numberArray.map((number) => {
        const currentPage = number + 1;
        const remainingProducts = numFound - limit * number;
        const productCount =
          currentPage == pageTotal ? remainingProducts : limit;
        return (
          <a
            key={number}
            href={`/google_merchant/products/${currentPage}.xml`}
            className='block font-medium text-indigo-600'
            target='_blank'
            rel='noreferrer'
          >
            Page {currentPage} - ({productCount}) Products
          </a>
        );
      })}
    </div>
  );
}