import { Button, Card } from '@mantine/core';
import { Truck } from 'lucide-react';
import { useNavigate } from 'react-router-dom';

import { PageContainer, PageHeader } from '@/components/page';
import { WarehouseFlowWorkbench } from '@/components/warehouses';

export default function ImportWarehouseFlowPage() {
  const navigate = useNavigate();

  return (
    <PageContainer>
      <PageHeader
        title="Import Operations"
        subtitle="Manage import gate flow, marshalling handoff, arrived trains, unloaded bookings, and dispatch-ready inventory."
        action={
          <Button variant="light" leftSection={<Truck size={16} />} onClick={() => navigate('/dashboard/export-warehouse')}>
            Export Operations
          </Button>
        }
      />

      <Card>
        <WarehouseFlowWorkbench direction="IMPORT" />
      </Card>
    </PageContainer>
  );
}
