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

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

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

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

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