import { useState } from "react";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import { Card, CardContent } from "@/components/ui/card";
import { Label } from "@/components/ui/label";

export default function CadastroPatrimonio() {
  const [foto, setFoto] = useState<File | null>(null);

  return (
    <div className="p-6 max-w-4xl mx-auto">
      <h1 className="text-2xl font-bold text-primary mb-4">Cadastro de Patrimônio</h1>

      <Card className="shadow-lg rounded-2xl p-6 space-y-6 bg-white">
        <CardContent className="grid grid-cols-1 md:grid-cols-2 gap-4">
          
          <div>
            <Label>Tipo de Bem</Label>
            <Input placeholder="Ex: Caminhão, Pá Carregadeira..." />
          </div>

          <div>
            <Label>Identificação / Nome</Label>
            <Input placeholder="Nome ou código do patrimônio" />
          </div>

          <div>
            <Label>Valor Pago (R$)</Label>
            <Input type="number" placeholder="Ex: 250000.00" />
          </div>

          <div>
            <Label>Valor da Parcela Financiada (R$)</Label>
            <Input type="number" placeholder="Ex: 1500.00" />
          </div>

          <div>
            <Label>Possui Seguro?</Label>
            <select className="border rounded-md h-10 w-full px-2">
              <option value="sim">Sim</option>
              <option value="nao">Não</option>
            </select>
          </div>

          <div>
            <Label>Seguradora (Fornecedor)</Label>
            <Input placeholder="Nome da seguradora" />
          </div>

          <div className="md:col-span-2">
            <Label>Observações</Label>
            <Textarea placeholder="Informações adicionais sobre o patrimônio" />
          </div>

          <div className="md:col-span-2">
            <Label>Foto do Bem</Label>
            <Input
              type="file"
              accept="image/*"
              onChange={(e) => setFoto(e.target.files?.[0] ?? null)}
            />
          </div>
        </CardContent>

        <div className="flex justify-end mt-4 space-x-2">
          <Button variant="outline">Cancelar</Button>
          <Button className="bg-green-600 text-white hover:bg-green-700">Salvar</Button>
        </div>
      </Card>
    </div>
  );
}
