import { useState } from "react";

export default function BasePositiva() {
  const [file, setFile] = useState(null);
  const [tipoOp, setTipoOp] = useState("14"); // 14=Alta, 15=Actualización

  const handleSubmit = (e) => {
    e.preventDefault();
    if (!file) {
      alert("Seleccione un archivo ZIP válido");
      return;
    }
    // Simulación: aquí luego conectamos al WSUploadFiles
    alert(`Archivo ${file.name} enviado como operación ${tipoOp}`);
  };

  return (
    <section>
      <h2>Carga de Archivos - Base Positiva</h2>
      <form onSubmit={handleSubmit} className="form">
        <label>
          Tipo de Operación
          <select value={tipoOp} onChange={(e) => setTipoOp(e.target.value)}>
            <option value="14">Alta Base Positiva</option>
            <option value="15">Actualización Base Positiva</option>
          </select>
        </label>
        <label>
          Archivo ZIP
          <input
            type="file"
            accept=".zip"
            onChange={(e) => setFile(e.target.files[0])}
          />
        </label>
        <button className="btn btn--primary">Subir</button>
      </form>
    </section>
  );
}
