import React, {useState} from 'react';
import UseForm from './UseForm';
import { Input } from 'semantic-ui-react';

const AddBuilding = () => {
    // const [name, setName] = useState("");
    // const [code, setCode] = useState("");
    // const [address, setAddress] = useState("");

    const addbuilding = () => {
        alert(`Building Created!
        Name: ${inputs.Name}
        Code: ${inputs.Code}
        Address: ${inputs.Address}`);
    }
    const {inputs, handleInputChange, handleSubmit} = UseForm({name: '', address: '', code: ''}, addbuilding);
    return (
        <form onSubmit = {handleSubmit} autoComplete = "off">
            <label>Name</label>
            <input className="input" type="text" name="Name" onChange={handleInputChange} value={inputs.Name} required />
            <label>Code</label>
            <input className="input" type="text" name="Code" onChange={handleInputChange} value={inputs.Code} required />
            <label>Address</label>
            <input className="input" type="text" name="Address" onChange={handleInputChange} value={inputs.Address} required />
            <button type = "submit">Submit</button>
        </form>
    );
};

export default AddBuilding;

// return (
//     <form onSubmit = {handleSubmit} autoComplete = "off">
//         <label>Name</label>
//         <input className="input" type="text" name="Name" onChange={handleInputChange} value={inputs.Name} required />
//         <input type = "text" placeholder = "Name" onChange = {handleInputChange} value = {inputs.Name}/>
//         <label>Code</label>
//         <input className="input" type="text" name="Code" onChange={handleInputChange} value={inputs.Code} required />
//         <input type = "text" placeholder = "Code" onChange = {handleInputChange} value = {inputs.Code}/>
//         <label>Address</label>
//         <input className="input" type="text" name="Address" onChange={handleInputChange} value={inputs.Address} required />
//         <input type = "text" placeholder = "Address" onChange = {handleInputChange} value = {inputs.Address}/>
//         <button type = "submit">Submit</button>
//     </form>
// );