import {Metadata} from "next"
import Image from "next/image";

import {Banner} from "@/components/Banner/Banner";
import SolutionListMain from "@/app/solution/main";

import styles from './page.module.sass'
import bannerImage from './solution.svg'
import {get, getChosenSolutions} from "./data";

const pathname = './src/app/solution/[slug]/markdown'

const title = '解决方案'
const description = '基于领先的平凯数据库，为企业级客户提供创新解决方案'

export const metadata: Metadata = {
  title,
  description,
}

// export async function generateStaticParams() {
//   console.log({pathname})
//   const filenames = fs.readdirSync(pathname)
//   console.log({filenames})
//   return filenames
// }

// export async function generateMetadata({params}: { params: { slug: string } }): Promise<Metadata> {
//   const source = fs.readFileSync(pathname + '/' + decodeURIComponent(params.slug) + '.md').toString()
//   const {data, content} = matter(source)
//   return {
//     ...data,
//     description: data.summary,
//   }
// }

export default function SolutionListPage() {
  const {items} = get()
  const {items: chosenSolutions} = getChosenSolutions()

  return (
    <div className={styles.container}>
      <section className={styles.banner}>
        <Banner
          title={title}
          description={description}
          image={<Image className={styles.banner_image} src={bannerImage} alt={''} height={200} />}
        />
      </section>
      <SolutionListMain items={items} chosenSolutions={chosenSolutions} />
    </div>
  )
}