import FunnelHeading from "@/components/funnel/funnel-heading";
import FurnitureForm from "@/components/funnel/furniture-details-form";
import { getRecords } from "@/lib/airtable";

export default async function FurnitureDetailsPage() {
  const records = (await getRecords("formInputs")).filter((record) =>
    record.section.find((section: string) => section === "furnitureDetails")
  );
  return (
    <div>
      <FunnelHeading
        title="Furniture Details"
        description="Tell us about your furniture"
      />
      <FurnitureForm records={records} />
    </div>
  );
}

export const getRecords = async (table: string) => {
  let results: any[] = [];
  await new Promise((resolve, reject) => {
    base(table)
      .select({
        maxRecords: 1000,
        view: "Grid view",
      })
      .eachPage(
        function page(records, fetchNextPage) {
          // This function (`page`) will get called for each page of records.

          records.forEach(function (record) {
            results.push({ id: record.id, ...record.fields }); // Push the record id and the entire record fields object
          });

          // To fetch the next page of records, call `fetchNextPage`.
          // If there are more records, `page` will get called again.
          // If there are no more records, `done` will get called.
          fetchNextPage();
        },
        function done(err) {
          if (err) {
            console.error(err);
            reject(err);
          }
          resolve(results);
        }
      );
  });
  return results;
};