import type { Metadata } from 'next';
import OrderDisplay from '@/components/OrderDisplay';

export const metadata: Metadata = {
  title: 'Shahi Kitchen | Live Order Display',
  description: 'Live kitchen order board — in-house tables & online delivery (Foodora etc.) for customers and riders. Real-time status.',
  robots: {
    index: false,
    follow: false,
  },
};

export default function Screen3Page() {
  // Early inline script: ensures html/body get kiosk no-scrollbar rules BEFORE React hydrates.
  // Makes screen3 a perfectly clean full-window display (no web browser scrollbar) even on first paint / F11.
  // Pairs with .screen-root for the order board.
  return (
    <>
      <script
        dangerouslySetInnerHTML={{
          __html: `(function(){var h=document.documentElement,b=document.body;h.classList.add('screen-kiosk');b.classList.add('screen-kiosk');h.style.overflow='hidden';b.style.overflow='hidden';})();`,
        }}
      />
      <OrderDisplay />
    </>
  );
}