import React from 'react';

  import { Row, Col, Alert, Input, Button } from 'react-bootstrap';
  import { handleResetPassword } from '../../modules/reset-password';

  export class ResetPassword extends React.Component {
    componentDidMount() {
      handleResetPassword({
        component: this,

        token: this.props.params.token,

      });
    }

    handleSubmit(event) {

      event.preventDefault();
    }
  
    render() {
      return <Row>
        <Col xs={ 12 } sm={ 6 } md={ 4 }>
          <h4 className="page-header">Reset Password</h4>

          <Alert bsStyle="info">
            To reset your password, enter a new one below. You will be logged in
  with your new password.
          </Alert>

          <form ref="resetPassword" className="reset-password" onSubmit={ this.handleSubmit }>
            <Input
              label="New Password"
              type="password"
              ref="newPassword"
              name="newPassword"
              placeholder="New Password"
            />
            <Input
              label="Repeat New Password"
              type="password"
              ref="repeatNewPassword"
              name="repeatNewPassword"
              placeholder="Repeat New Password"
            />
            <Button type="submit" bsStyle="success">Reset Password &amp; Login</Button>
          </form>
        </Col>
      </Row>;
    }
  }