// src/app/page.js
import JobBoard from "@/app/components/jobs/jobBoard";
import { fetchVacancies } from "./functions/fetchVacancies";

// Server Component
export default async function Page() {
  const data = await fetchVacancies();

  const generatedHtmlContents = data
    .map((row) => {
      const datePosted = new Date(row.meta.createdDate.seconds * 1000)
        .toISOString()
        .split("T")[0];
      const validThrough = new Date(row.details.expiryDate.seconds * 1000)
        .toISOString()
        .split("T")[0];

      const jobPostingSchema = {
        "@context": "https://schema.org",
        "@type": "JobPosting",
        title: row.details.position,
        description: row.details.description,
        industry: row.details.industry,
        datePosted,
        validThrough,
        employmentType: row.details.employmentType,
        hiringOrganization: {
          "@type": "Organization",
          name: row.company.name,
        },
        jobLocation: {
          "@type": "Place",
          address: {
            "@type": "PostalAddress",
            addressRegion1: row.location?.addressRegion1,
            addressLocality: row.location?.addressLocality,
            addressRegion: row.location?.addressRegion,
            addressRegion2: row.location?.addressRegion2,
            addressCountry: row.location?.addressCountry,
          },
        },
        baseSalary: {
          "@type": "MonetaryAmount",
          currency: row.details.currency || "ZAR",
          value: {
            "@type": "QuantitativeValue",
            unitText: "PER MONTH",
            value: row.details.salary,
          },
        },
      };

      return `
      <div>
        <script type="application/ld+json">
          ${JSON.stringify(jobPostingSchema)}
        </script>
      </div>
    `;
    })
    .join("");

  return (
    <>
      <div dangerouslySetInnerHTML={{ __html: generatedHtmlContents }} />
      <JobBoard vacancies={data} />
    </>
  );
}

import {unstable_cache} from 'next/cache';

const data = await unstable_cache(fetchVacancies, [], {revalidate: 60})()

import { db } from "@/app/api/firebase"; // Adjust the path as necessary
import { collection, query, where, getDocs } from "firebase/firestore";

export async function fetchVacancies() {
  try {
    const vacanciesQuery = query(
      collection(db, "vacancies"),
      where("status", "==", "Active")
    );

    const snapshot = await getDocs(vacanciesQuery);

    const vacancies = snapshot.docs
      .map((doc) => ({
        ...doc.data(),
        id: doc.id,
      }))
      .filter(
        (vacancy) =>
          typeof vacancy.details.location === "object" &&
          !Object.values(vacancy.details.location).some(
            (value) => value === ""
          ) &&
          vacancy.details.rateType
      );

    vacancies.sort((a, b) => b.meta.createdDate - a.meta.createdDate);

    return vacancies;
  } catch (error) {
    console.error("Error fetching vacancies:", error);
    return []; // Return an empty array in case of an error
  }
}

//Top of file
import { cookies } from 'next/headers'


//In page
const cookieStore = cookies()