           Course invitation code:
           <div className="input-group">
             <input
-              ref='input' autofocus
+              ref='inviteInput' autofocus
               onKeyPress={@onKeyPress} type="text" className="form-control"
             />
             <span className="input-group-btn">

    <span><i className='fa fa-spinner fa-spin'/>Saving ...</span>

  renderPending: (course) ->
    <span>
      <h3 className="text-center">
        Would you like to join {course.description()}?
      </h3>
      {@renderErrors()}
      <div className="text-center">
        <button className="btn"
          onClick={@cancelConfirmation}>Cancel</button>
        <button className="btn btn-success"
          style={marginLeft: '3rem'}
          onClick={@startConfirmation}>Confirm</button>
      </div>
    </span>

  renderComplete: (course) ->
    <h3 className="text-center">

  startRegistration: ->
    course = @getCourse()
    course.set(ecosystem_book_uuid: @props.collectionUUID)
    course.register(React.findDOMNode(@refs.inviteInput).value)

  startConfirmation: ->
    @getCourse().confirm(React.findDOMNode(@refs.stduentIdInput).value)

  cancelConfirmation: ->
    @getCourse().cancelJoin()
