import React from 'react';
import { Item, Grid, Icon, Button } from 'semantic-ui-react';
import VerifyAdminModal from './VerifyAdminModal';

export default class AdminVacancy extends React.Component {
  static propTypes = {
    data: React.PropTypes.object.isRequired,
  };


  verifyVacancy(){
    //define here
  }
   unverifyVacancy(){
    //define here
  }

  generateButton(){
    const unverifyButton = <Button floated="right" color="red" onClick='{this.unverifyVacancy}'>Batalkan Verifikasi</Button>;
    const verifyButton = <Button floated="right" color="blue" onClick='{this.unverifyVacancy}'>Verifikasi</Button>;

    if(this.props.data.verified){
      return unverifyButton;
    }
    return verifyButton;
  }

  render() {
    return (
      <Item className="adminItems">
        <Item.Image src="http://semantic-ui.com/images/wireframe/image.png" size="small" />
        <Item.Content>
          <Item.Header as="a">{this.props.data.name}</Item.Header>
          <Grid.Row>
            <Grid.Column floated="left">
              <h4>{this.props.data.company.name} </h4>
                {this.props.data.company.address}
            </Grid.Column>
            <Grid.Column floated="right">
              {this.generateButton()}
            </Grid.Column>
          </Grid.Row>
        </Item.Content>
      </Item>
    );
  }
}