import type { Metadata } from "next";
import Link from "next/link";
import { MenuBrowser } from "@/components/menu-browser";
import { DeliveryAddressCheck } from "@/components/delivery-address-check";
import { siteConfig } from "@/config/site";
import { getWebsiteMenu } from "@/lib/menu-db";
import { getSiteContactSettings } from "@/lib/site-settings";

export const metadata: Metadata = {
  title: "Доставка и самовывоз",
  description: "Закажите блюда КИЛН с доставкой Яндексом или заберите самовывозом из ресторана."
};

export default async function DeliveryPage() {
  const menu = await getWebsiteMenu();
  const contact = await getSiteContactSettings();
  return (
    <section className="section">
      <div className="site-container">
        <p className="eyebrow">Доставка и самовывоз</p>
        <h1 className="display-title mt-2 text-5xl md:text-7xl">Еда из печи домой</h1>
        <p className="mt-4 max-w-2xl muted">Доставка работает в demo-режиме. Барная карта не доставляется и не оплачивается онлайн.</p>
        <div className="mt-6 grid gap-3 md:grid-cols-3">
          <div className="card p-4"><strong>Минимум</strong><p className="muted">{siteConfig.order.minimumAmount} ₽</p></div>
          <div className="card p-4"><strong>Готовим</strong><p className="muted">{siteConfig.order.averageCookingTime}</p></div>
          <div className="card p-4"><strong>Самовывоз</strong><p className="muted">{contact.address}</p></div>
        </div>
        <div className="mt-6 grid gap-4 lg:grid-cols-[1fr_auto]">
          <DeliveryAddressCheck />
          <Link href="/cart" className="button button-primary h-fit">Открыть корзину</Link>
        </div>
      </div>
      <div className="site-container mt-8">
        <MenuBrowser deliveryOnly menu={menu} />
      </div>
    </section>
  );
}