//- NOTE: ReCaptcha markup is hidden by default.
//- You must control it's visibility manually via Knockout bindings.

.control-group.captcha-image(data-bind="visible: visible", style="display: none")
  .controls
    span#recaptcha_image
    div.captcha-reload
      a(tabindex=-1, data-on-click="common.blocks.recaptcha.update") #{self.t('change_image')}

.control-group(data-bind="visible: visible, css: css", style="display: none")
  label.control-label(for='recaptcha_response_field') #{self.t('captcha')}
  .controls
    .row-fluid
      input.span12(id="recaptcha_response_field", name="recaptcha_response_field", type='text')
      span.help-block(data-bind="ifnot: message") #{self.t('captcha_help')}
      span.help-block(data-bind="if: message, text: message")

//- NOTE: ReCaptcha markup is hidden by default.
//- You must control it's visibility manually via Knockout bindings.

.control-group.captcha-image(data-bind="visible: visible, css: css", style="display: none")
  .controls
    span#recaptcha_image
    div.captcha-reload
      a(tabindex=-1, data-on-click="common.blocks.recaptcha.update") #{self.t('change_image')}

.control-group(data-bind="visible: visible, css: css", style="display: none")
  label.control-label(for='recaptcha_response_field') #{self.t('captcha')}
  .controls
    .row-fluid
      input.span12(id="recaptcha_response_field", name="recaptcha_response_field", type='text')
      span.help-block(data-bind="ifnot: message") #{self.t('captcha_help')}
      span.help-block(data-bind="if: message, text: message")

Apply 'css' Knockout binding to both ReCatcha control groups.
Apply 'css' Knockout binding to both ReCatcha control groups.
