<div class=“popup-form”>

<h1>Cadastre-se</h1>

<div class="block dark">
  <div class="form">
    <form accept-charset="UTF-8" action="/users" class="new_user" id="new_user" method="post" data-on-change="accreditor.changed">

      <div class="form-group" data-class-invalid="user_errors.name">
        <input type="text" data-value="user.name" class="form-control input-lg" placeholder="nome">
        <div class="tooltip right">
          <div class="tooltip-inner" data-html="user_errors.name"></div>
          <div class="tooltip-arrow"></div>
        </div>
      </div>

      <div class="form-group" data-class-invalid="user_errors.email">
        <input type="email" data-value="user.email" class="form-control input-lg" placeholder="e-mail" />
        <div class="tooltip right">
          <div class="tooltip-inner" data-html="user_errors.email"></div>
          <div class="tooltip-arrow"></div>
        </div>
      </div>

      <div class="form-group" data-class-invalid="user_errors.password">
        <input id="user-password" type="password" class="form-control input-lg" data-value="user.password" placeholder="senha" />
        <div class="tooltip right">
          <div class="tooltip-inner" data-html="user_errors.password"></div>
          <div class="tooltip-arrow"></div>
        </div>
      </div>

      <div class="form-group" data-class-invalid="user_errors.password_confirmation">
        <input type="password" class="form-control input-lg" data-value="user.password_confirmation" placeholder="repita a senha" />
        <div class="tooltip right">
          <div class="tooltip-inner" data-html="user_errors.password_confirmation"></div>
          <div class="tooltip-arrow"></div>
        </div>
      </div>

      <button type="submit" class="btn btn-block btn-success btn-lg" data-on-click="accreditor.accredit" data-html="accreditor.button_label">
        Cadastrar
      </button>

    </form>
  </div>
</div>

</div>