         </Col>
       </form>
     </Panel>
-        
+
 AuthPanel = React.createClass
   mixins: [React.addons.LinkedStateMixin]
   getInitialState: ->



TeamManagementForm = React.createClass

  componentDidMount: ->
    $("input").prop 'required', true

  componentDidUpdate: ->
    $("input").prop 'required', true

  render: ->
    towerGlyph = <Glyphicon glyph="tower"/>
    lockGlyph = <Glyphicon glyph="lock"/>

    <Panel>
      <form onSubmit={@props.onTeamJoin}>
        <Input type="text" valueLink={@props.teamName} addonBefore={towerGlyph} label="Team Name"/>
        <Input type="password" valueLink={@props.teamPassword} addonBefore={lockGlyph} label="Team Password"/>
        <Col md={6}>
          <span>
            <Button type="submit">Join Team</Button>
            <Button onClick={@props.onTeamRegistration}>Register Team</Button>
          </span>
        </Col>
        <Col md={6}>

    lastname: @linkState "lastname"
    firstname: @linkState "firstname"
    email: @linkState "email"

    if @state.page == "Team Management"
      <div>
        <Col md={6} mdOffset={3}>
          <TeamManagementForm/>
        </Col>
      </div>
    else
