<form class="form-horizontal">

  <div class="control-group">
    <div class="controls">
      <h3>{{i18n user.change_about.title}}</h3>
    </div>
  </div>

  {{#if error}}
    <div class="control-group">
      <div class="instructions">
        <div class='alert alert-error'>{{i18n user.change_about.error}}</div>
      </div>
    </div>
  {{/if}}

  <div class="control-group">
    <label class="control-label">{{i18n user.bio}}</label>
    <div class="controls">
      {{pagedown-editor value=bio_raw}}
    </div>
  </div>

  <div class="control-group">
    <div class="controls">
        <button {{action "changeAbout"}} {{bind-attr disabled="saveDisabled"}} class="btn btn-primary">{{saveButtonText}}</button>
        {{#if saved}}{{i18n saved}}{{/if}}
    </div>
  </div>

</form>
