import Button from "@/components/Forms/Button";
import Input from "@/components/Forms/Input";
import { editarObsColeta } from "@/requests/CRUD/ColetaDados/editarColeta";
import { useState } from "react";

const ObsColeta = ({ form, dadosCard, blockEditCard, dadosCliente }: any) => {
  const [obs, setObs] = useState(dadosCard?.obs_coleta ?? "");
  const handleEditObs = () => {
    if (blockEditCard) return;
    const data = { obs_coleta: obs, id_coleta: dadosCard.id_coleta_cliente };
    editarObsColeta(data);
  };
  return (
    <div className="bg-white rounded-md p-4 text-xs">
      <Input
        onChange={(e) => setObs(e.target.value)}
        defaultValue={obs}
        formulario={form}
        disabled={blockEditCard}
        name="obsColeta"
        rows={7}
        type="textarea"
        placeholder={dadosCard?.obs_coleta ? "" : "Sem observação"}
      />
      {!blockEditCard && (
        <div className="justify-center flex mt-2 ">
          <Button
            onClick={handleEditObs}
            className="bg-success text-white  p-2 px-9 text-xs rounded-md"
          >
            Concluir
          </Button>
        </div>
      )}
    </div>
  );
};

export default ObsColeta;