<div class='container'>
  <div class='row'>
    <div class='col-md-8 col-md-offset-2'>
      <div class='well'>

        <h2>Sign Up</h2>

        <%= form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :class => 'form-horizontal' }) do |f| %>
          <%= devise_error_messages! %>
          <% if ENV['ON_HEROKU'] && User.count.zero? %>
          <div class="heroku-instruction">
            <% app_name = request.host[/\A[^.]+/] %>
            <p>If you are the owner of this application, run the following commands to complete the setup.</p>
            <%= content_tag :pre do -%>
heroku git:clone <%= app_name %>
cd <%= app_name %>
bundle
bin/setup_heroku
            <%- end %>
          </div>
          <% end %>

          <div class="form-group">
            <%= f.label :invitation_code, :class => 'col-md-4 control-label' %>
            <div class="col-md-6">
              <%= f.text_field :invitation_code, :class => 'form-control' %>
              <span class="help-inline">We are not yet open to the public.  If you have an invitation code, please enter it here.</span>
            </div>
          </div>

          <div class="form-group">
            <%= f.label :email, :class => 'col-md-4 control-label' %>
            <div class="col-md-6">
              <%= f.email_field :email, :class => 'form-control' %>
            </div>
          </div>

          <div class="form-group">
            <%= f.label :username, :class => 'col-md-4 control-label' %>
            <div class="col-md-6">
              <%= f.text_field :username, :class => 'form-control' %>
            </div>
          </div>

          <div class="form-group">
            <%= f.label :password, :class => 'col-md-4 control-label' %>
            <div class="col-md-6">
              <%= f.password_field :password, :autocomplete => "off", :class => 'form-control' %>
            </div>
          </div>

          <div class="form-group">
            <%= f.label :password_confirmation, :class => 'col-md-4 control-label' %>
            <div class="col-md-6">
              <%= f.password_field :password_confirmation, :class => 'form-control' %>
            </div>
          </div>

          <div class="form-group">
            <div class="col-md-offset-4 col-md-10">
              <%= f.submit "Sign Up", :class => "btn btn-primary" %>
            </div>
          </div>

        <% end %>

        <%= render "devise/shared/links" %>
      </div>
    </div>
  </div>
</div>