import React from 'react';
import PageBanner from '@/components/reuseables/PageBanner';
import ContactInfo from '@/container/Contact/ContactInfo';
import ContactForm from '@/container/Contact/ContactForm';
import { cleanImage } from '@/layout/imageHandling';
import axios from 'axios';
import qs from 'qs';
import Seo from '@/components/reuseables/Seo/Seo';
import ConversionCode from '@/components/reuseables/ConversionCode/ConversionCode';

export default function Contact({ Contactpage ,conversionData  }) {
  // console.log("conatct", Contactpage)
  const banners = [
    {
      imageSrc: cleanImage(Contactpage?.Banner?.Image?.url),
      pageTitle: Contactpage?.Banner?.Heading,
      homePageUrl: "/",
      homePageText: "Home",
      activePageText: Contactpage?.Banner?.Heading,
    },
  ];

  const seo = Contactpage?.seo;
  // console.log(seo)
  const code = conversionData?.conversion;


  return (
    <>
    <Seo seo={seo} />
    <ConversionCode code={code} />
      <PageBanner banners={banners} />
      <ContactInfo />
      <ContactForm />
    </>
  );
}

export async function getServerSideProps() {
  try {
    const query1 = {
      populate: [
        "Banner.Image",
        "seo",
        "seo.metaImage",
        "seo.schema",
       
      ],
    };
    const query2 = {
      populate: ["conversion"],
    };

    const query1String = qs.stringify(query1, {
      encodeValuesOnly: true,
    });
    const query12String = qs.stringify(query2, {
      encodeValuesOnly: true,
    });

    const endpoint1 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/conatct-page?${query1String}`;
    const endpoint2 = `${process.env.NEXT_PUBLIC_BACKEND_API_URL}/api/google-manger?${query12String}`;
    
    // console.log(`Final url: ${endpoint1}`);

    const [response1, response2] = await Promise.all([
      axios.get(endpoint1),
      axios.get(endpoint2),
    ]);

    const Contactpage = response1.data.data;
    const conversionData = response2.data.data;

    return {
      props: { Contactpage ,conversionData  },
    };
  } catch (error) {
    console.log("Error", error);
  }
}