import { Form, InputNumber } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
import FormDatePicker from "../form-date-picker/form-date-picker.component";

export default function CourtesyCarReturnModalComponent() {
  const { t } = useTranslation();

  return (
    <div>
      <Form.Item
        label={t("contracts.fields.actualreturn")}
        name="actualreturn"
        rules={[
          {
            required: true,
            //message: t("general.validation.required"),
          },
        ]}
      >
        <FormDatePicker />
      </Form.Item>
      <Form.Item
        label={t("contracts.fields.kmend")}
        name="kmend"
        rules={[
          {
            required: true,
            //message: t("general.validation.required"),
          },
        ]}
      >
        <InputNumber precision={0} />
      </Form.Item>
      <Form.Item
        label={t("contracts.fields.fuelin")}
        name={"fuelin"}
        rules={[
          {
            required: true,
            //message: t("general.validation.required"),
          },
        ]}
      >
        <CourtesyCarFuelSlider />
      </Form.Item>
    </div>
  );
}
