import { FormField, FormItem, FormLabel, FormControl, FormMessage } from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { UseFormReturn } from "react-hook-form";
import { z } from "zod";
import { tripSchema } from "./schemas/tripSchema";

type TripFormData = z.infer<typeof tripSchema>;

interface TravelerFieldsProps {
  form: UseFormReturn<TripFormData>;
}

export function TravelerFields({ form }: TravelerFieldsProps) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
      <FormField
        control={form.control}
        name="travelerName"
        render={({ field }) => (
          <FormItem>
        <FormLabel>Nom du voyageur (optionnel)</FormLabel>
            <FormControl>
              <Input placeholder="John Doe" {...field} />
            </FormControl>
            <FormMessage />
          </FormItem>
        )}
      />
      <FormField
        control={form.control}
        name="travelerEmail"
        render={({ field }) => (
          <FormItem>
        <FormLabel>Email du voyageur (optionnel)</FormLabel>
            <FormControl>
              <Input type="email" placeholder="voyageur@exemple.com" {...field} />
            </FormControl>
            <FormMessage />
          </FormItem>
        )}
      />
    </div>
  );
}