import React, { Component } from 'react';
import { Field } from 'redux-form';
import { TextField } from 'components';
import RaisedButton from 'material-ui/RaisedButton';

export default class ForgotPwdForm extends Component {
  render() {
    const { goBack } = this.props;
    return (
        <form>
            <div>
                <div className="auth-panel" id="step3">
                    <h3 className="auth-title">Password Reminder</h3>
                    <div className="auth-msg">Enter a password to create an account:</div>
                    <Field name="email" component={TextField} label='Email'/>
                    <div className="auth-footer-controll">
                        <RaisedButton type="button" className="btn btn-default" label='Back' onClick={goBack}>
                            <i className="fa fa-arrow-left" aria-hidden="true"></i>
                        </RaisedButton>
                        <RaisedButton className="btn btn-success auth-go pull-right" type="submit" label='Reset Password'>
                            <i className="fa fa-sign-in" aria-hidden="true"></i>
                        </RaisedButton>
                    </div>
                </div>
            </div>
        </form>
    )
  }
}