import React ,{ PureComponent } from 'react';
import { Col, Container, Row,Button,ButtonToolbar,Breadcrumb,
  BreadcrumbItem,
  Card,
  CardBody,
  CardHeader,
  CardTitle,FormGroup,
  Label,
  CustomInput

  } from 'reactstrap';
import { Link } from "react-router-dom";
import Header from "../../components/Header";
import HeaderTitle from "../../components/HeaderTitle";
import * as myConstClass from '../../constant.js';
import $ from 'jquery';
import { ValidatorForm, TextValidator } from 'react-material-ui-form-validator';
import { toastr } from "react-redux-toastr";
import {
    AvForm,
    AvField,
    AvGroup,
    AvInput,
    AvFeedback,
    AvRadioGroup,
    AvRadio,
    AvCheckboxGroup,
    AvCheckbox
  } from "availity-reactstrap-validation";

class Signup extends PureComponent {
    constructor(props) {//alert('in..');
    super(props);
    this.state = {
      
      user_id:'',
      posts: [],
      branch:[],
      codes:[],
      formData: {
        sapcode: '',
        firstname: '',
        middlename: '',
        lastname: '',
        email:'',
        

    },
    submitted: false,
    }
    //this.handleSubmit = this.handleSubmit.bind(this);
  }


  render () { 
    const { formData, submitted,branch,codes } = this.state;
    const { posts} = this.state;
    // const file_link = `http://localhost/workzone/backend/uploads/`+formData.personal_doc;
    // const file_link = `http://alpha.workzoneplus.com/backend/uploads/`+formData.personal_doc;
    const file_link = `http://beta.workzoneplus.com/backend/uploads/`+formData.personal_doc;
    return(
    <Container fluid>
      <Header>
        <HeaderTitle>{(this.state.user_id !=='0' ) ? 'view' : 'Add' }</HeaderTitle>
  
        <Breadcrumb>
          <BreadcrumbItem>
            <Link to="/dashboard">Dashboard</Link>
          </BreadcrumbItem>
          <BreadcrumbItem>
            <Link to="/signup/listing">Signup Requests</Link>
          </BreadcrumbItem>
          <BreadcrumbItem active>{(this.state.user_id !=='0' ) ? 'View' : 'Add' }</BreadcrumbItem>
        </Breadcrumb>
      </Header>
  
      <Card>
        {/* <CardHeader>
          <CardTitle tag="h5">Availity Validation</CardTitle>
          <h6 className="card-subtitle text-muted">
            Form validation by availity-reactstrap-validation
          </h6>
        </CardHeader> */}
        <CardBody>
          <AvForm id="pform" onValidSubmit={this.handleValidSubmit}>
           
            {/* With AvGroup AvInput and AvFeedback to build your own */}
            <Row>
              <Col lg={6}>
            <AvGroup>
              <Label for="example">Name</Label>
             
            </AvGroup>
            </Col>
            </Row>
          </AvForm>
        </CardBody>
      </Card>
    </Container>
  );
  };

}
 
export default Signup; 
