import React, { useContext, useState } from 'react';
import { Grid } from '@material-ui/core';
import { useForm, Form } from '../../useForm';
import Controls from '../../controls/Controls';
import { AuthStepperContext } from '../../../Context/AuthStepperContext';
import axios from 'axios'
import { useAuth } from '../../../Context/AuthContext'
import { Link, Redirect } from "react-router-dom";


export default function BusinessRegisterForm() {

  // const {userData, setUserData} = useContext(AuthStepperContext);
  const [isError, setIsError] = useState(false);
  const [isLoggedIn, setLoggedIn] = useState(false);
  const { setAuthTokens } = useAuth();

  const {
    pin,
    setPin,
    name,
    setName,
    industry,
    setIndustry,
    address,
    setAddress,
    preferred_url,
    setPreferred_url,
    handleSubmit

  } = useContext(AuthStepperContext);


  return (
    <form onClick={handleSubmit}>
      <Grid container spacing={2}>
        <Grid item xs={12} sm={12}>
          <Controls.Input
            label="Company Name"
            //value={userData['name']}
            value = {name}
            name="name"
            onChange = {e => setName(e.target.value)}
            // onChange={e => setUserData({...userData, 'name': e.target.value })}
            // error =  {errors.companyName}
          />
          <Controls.Input
            label="Company Pin"
            // value={userData['pin']}
            value = {pin}
            name="pin"
            onChange = {e => setPin(e.target.value)}
            // onChange={e => setUserData({...userData, 'pin': e.target.value })}

            // error =  {errors.lastName}
          />
          <Controls.Input
            label="Industry"
            // value={userData['industry']}
            value = {industry}
            name="industry"
            onChange = {e => setIndustry(e.target.value)}
            // onChange={e => setUserData({...userData, 'industry': e.target.value })}
            // error =  {errors.industry}
          />
          <Controls.Input
            label="Address"
            // value={userData['address']}
            value = {address}
            name="address"
            onChange = {e => setAddress(e.target.value)}
            // onChange={e => setUserData({...userData, 'address': e.target.value })}
            // error =  {errors.industry}
          />
          <Controls.Input
            label="Preferred Company url"
            //value={userData['preferred_url']}
            value = {preferred_url}
            name="preferred_url"
            onChange = {e => setPreferred_url(e.target.value)}
            // onChange={e => setUserData({...userData, 'preferred_url': e.target.value })}
            // error =  {errors.industry}
          />
        </Grid>
      </Grid>
    </form>
  );
}