<div id="registration">
  <div class="container">

    <div class="row">
        <div class="span4" id="image-container">
            <%= image_tag('signupimages@2x_mini.jpg', :id => "collage") %>
        </div>

        <div class="span8">
            <h1 id="create-something-text">
              <%= t('.hey_make').html_safe %>
            </h1>

            <h3 id="diaspora-hearts">
              <%= t('.diaspora') %>
            </h3>

            <h4 id="sign-up-text">
              <%= t('.sign_up') %>
            </h4>

            <%= form_for(resource, :validate => true, :url => registration_path(resource_name), :html => {:class => "form-horizontal block-form", :autocomplete => "off"}) do |f| %>
                <fieldset>
                  <div class="control-group">
                    <label class="control-label" for="user_email">
                        <%= t('.email') %>
                    </label>

                    <div class="controls">
                        <%= f.email_field :email, :placeholder => "luke@hoth.net", :title => t('registrations.new.enter_email'), :required => true %>
                    </div>
                  </div>

                  <div class="control-group">
                      <label class="control-label" for="user_username">
                        <%= t('.username') %>
                      </label>

                      <div class="controls">
                        <%= f.text_field :username, :placeholder => "jedi_guy", :title => t('registrations.new.enter_username'), :required => true, :pattern => "[A-Za-z0-9_]+" %>
                      </div>
                  </div>

                  <div class="control-group">
                    <label class="control-label" for="user_password">
                        <%= t('.password') %>
                    </label>

                    <div class="controls">
                        <%= f.password_field :password, :placeholder => "••••••••", :title => t('registrations.new.enter_password'), :required => true, :pattern => "......+" %>
                    </div>
                  </div>

                  <div class="control-group">
                    <label class="control-label" for="user_password_confirmation">
                        <%= t('.password_confirmation') %>
                    </label>

                    <div class="controls">
                        <%= f.password_field :password_confirmation, :placeholder => "••••••••", :title => t('registrations.new.enter_password_again'), :required => true, :pattern => "......+" %>
                    </div>
                  </div>
                  <%= invite_hidden_tag(invite) %>
                </fieldset>

                <%= f.submit t('.continue'), :class => "new-btn" %>
            <% end %>
        </div>
    </div>
  </div>
</div>
