import type { Metadata } from "next";
import { DishCard } from "@/components/dish-card";
import { getWebsiteMenu } from "@/lib/menu-db";

export const metadata: Metadata = {
  title: "Барная карта",
  description: "Барная карта ресторана КИЛН для ознакомления."
};

export default async function BarPage() {
  const menu = await getWebsiteMenu();
  const barItems = menu.items.filter((item) => item.categorySlug === "bar");

  return (
    <section className="section">
      <div className="site-container">
        <h1 className="display-title text-5xl text-kiln-flame md:text-7xl">Барная карта</h1>
        {barItems.length ? (
          <div className="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
            {barItems.map((item) => <DishCard key={item.id} dish={item} showOrderActions={false} />)}
          </div>
        ) : (
          <div className="mt-8">
            <p className="muted">Барная карта будет опубликована здесь.</p>
            <p className="mt-3 max-w-2xl text-sm text-kiln-milk/58">Информация представлена исключительно в ознакомительных целях в соответствии с Законом РФ от 07.02.1992 № 2300-1 «О защите прав потребителей» и не является публичной офертой. Актуальные ассортимент и цены уточняйте у сотрудников ресторана.</p>
          </div>
        )}
      </div>
    </section>
  );
}