           <TabPane eventKey='captcha' tab='CAPTCHA'>
             <CaptchaTab refresh={@refresh} captchaSettings={@state.settings.captcha} key={Math.random()}/>
           </TabPane>
+
+          <TabPane eventKey='eligibility' tab='Eligibility'>
+            <EligibilityTab refresh={@refresh} eligibilitySettings={@state.settings.eligibility} key={Math.random()}/>
+          </TabPane>
         </TabbedArea>
       </Grid>
     </Well>

        captcha_url: ""
        reCAPTCHA_public_key: ""
        reCAPTCHA_private_key: ""

    tabKey: "general"


      </Row>
    </Well>

EligibilityTab = React.createClass
  propTypes:
    refresh: React.PropTypes.func.isRequired
    eligibilitySettings: React.PropTypes.object.isRequired

  getInitialState: ->
    settings = @props.eligibilitySettings

  updateCountry: (e) ->
    @setState update @state,
      $set:
        country: e.target.value

  pushUpdates: (makeChange) ->
    pushData =
      eligibility:
        country: @state.country

    if typeof(makeChange) == "function"
      pushData = makeChange pushData

    apiCall "PATCH", "/api/v1/settings", pushData
    .success ((data) ->
      apiNotify {"status": 1, "message": "Settings updated successfully"}
      @props.refresh()
    ).bind(this)
    .error (jqXHR) ->
      apiNotify {"status": 0, "message": jqXHR.responseJSON.message}

  render: ->
    countryDescription = "2-character code of the country considered eligible for this competition"

    <Well>
      <Row>
        <Col sm={8}>
          <TextEntry name="Country" type="text" value={@state.country} onChange=@updateCountry description={countryDescription}/>
          <Row>
            <div className="text-center">
              <ButtonToolbar>
                <Button onClick={@pushUpdates}>Update</Button>
              </ButtonToolbar>
            </div>
          </Row>
        </Col>
      </Row>
    </Well>

SettingsTab = React.createClass
  getInitialState: ->
