import { Head } from '@inertiajs/react';
import KitchenController from '@/actions/App/Http/Controllers/KitchenController';
import StationBoard, {
    type StationOrderItem,
} from '@/components/station-board';

type Props = {
    items: StationOrderItem[];
};

export default function KitchenIndex({ items }: Props) {
    return (
        <>
            <Head title="Cuisine" />

            <div className="flex flex-1 flex-col gap-6 p-4">
                <div>
                    <h1 className="text-xl font-semibold tracking-tight">
                        Cuisine
                    </h1>
                    <p className="text-muted-foreground text-sm">
                        Tickets en attente de préparation en cuisine.
                    </p>
                </div>

                <StationBoard
                    items={items}
                    advanceUrl={(item) =>
                        KitchenController.advance.url(item.id)
                    }
                    emptyMessage="Aucun ticket en attente."
                />
            </div>
        </>
    );
}
