import UnitHeader from "@/components/UnitHeader/UnitHeader";
import { getCourseLessonsMetaData } from "@/utils/handleMetadata";

export default async function Article({
    params,
}: {
    params: { course: string };
}) {
    const coursesMetaData = await getCourseLessonsMetaData(params.course);
    console.log(coursesMetaData);

    return (
        <div className="flex flex-col items-center min-h-screen">
            {coursesMetaData && coursesMetaData.map((courseMetaData) => (
                <UnitHeader
                    course={params.course}
                    unitName={courseMetaData.unitName}
                    unitDescription={courseMetaData.unitDescription}
                    slug={courseMetaData.slug}
                />
            ))}
        </div>
    );
}

export async function getCourseLessonsMetaData(course: string) {
    let folders;
    try {
        folders = await fs.readdir(`courses/${course}/lessons/`);
    } catch (error) {
        console.error(`Error processing folder ${folders}:`, error);
        return null;
    }

    let courseLessonsMeta: CourseLessonMetaData[] = [];

    for (const folder of folders) {
        try {
            const module = await import(`/courses/${course}/lessons/${folder}/index.mdx`);
            const metadata = module.metadata;
            metadata.slug = folder;

            courseLessonsMeta.push(metadata);
        } catch (error) {
            // Handle the error here
            console.error(`Error processing folder ${folder}:`, error);
        }
    }

    courseLessonsMeta.sort((a,b) => (a.unitNumber < b.unitNumber ? 1 : -1));

    return courseLessonsMeta;
}