// pages/rh/documentos_funcionario.tsx
import { useState } from "react";
import { Card, CardContent } from "@/components/ui/card";
import { Input } from "@/components/ui/input";
import { Button } from "@/components/ui/button";
import { Label } from "@/components/ui/label";

export default function DocumentosFuncionario() {
  const [documento, setDocumento] = useState({
    matricula: "",
    nome: "",
    tipo: "",
    file: null as File | null,
  });

  const handleUpload = () => {
    console.log("Documento enviado:", documento);
    // Lógica de envio
  };

  return (
    <div className="p-6 max-w-4xl mx-auto">
      <h2 className="text-2xl font-bold mb-4">Gerenciamento de Documentos</h2>
      <Card>
        <CardContent className="grid gap-4 p-4">
          <div>
            <Label>Matrícula</Label>
            <Input value={documento.matricula} onChange={e => setDocumento({ ...documento, matricula: e.target.value })} />
          </div>
          <div>
            <Label>Nome</Label>
            <Input value={documento.nome} onChange={e => setDocumento({ ...documento, nome: e.target.value })} />
          </div>
          <div>
            <Label>Tipo de Documento</Label>
            <Input value={documento.tipo} onChange={e => setDocumento({ ...documento, tipo: e.target.value })} />
          </div>
          <div>
            <Label>Arquivo</Label>
            <Input type="file" onChange={e => setDocumento({ ...documento, file: e.target.files?.[0] || null })} />
          </div>
          <Button onClick={handleUpload}>Salvar Documento</Button>
        </CardContent>
      </Card>
    </div>
  );
}
