<div class="row-full auth">
    <div class="row">
        <div class="small-12 medium-8 large-5 column small-centered">
            <div class="panel">
                <h1 class="text-center"><%= t("devise_views.registrations.new.title") %></h1>

                <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
                    <%= devise_error_messages! %>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :first_name, t("devise_views.registrations.new.first_name_label") %>
                            <%= f.text_field :first_name, autofocus: true, placeholder: t("devise_views.registrations.new.first_name_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :last_name, t("devise_views.registrations.new.last_name_label") %>
                            <%= f.text_field :last_name, placeholder: t("devise_views.registrations.new.last_name_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                          <%= f.check_box :use_nickname %>
                          <%= t("devise_views.registrations.new.use_nickname_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :nickname, t("devise_views.registrations.new.nickname_label") %>
                            <%= f.text_field :nickname, placeholder: t("devise_views.registrations.new.nickname_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :email, t("devise_views.registrations.new.email_label") %>
                            <%= f.email_field :email, placeholder: t("devise_views.registrations.new.email_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :password, t("devise_views.registrations.new.password_label"), class: "inline-block" %>
                            <% if @minimum_password_length %>
                                <span class="inline-block"><i><%= t("devise_views.registrations.new.min_length", min: @minimum_password_length) %></i></span>
                            <% end %>
                            <%= f.password_field :password, autocomplete: "off", placeholder: t("devise_views.registrations.new.password_label") %>
                        </div>
                    </div>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.label :password_confirmation, t("devise_views.registrations.new.password_confirmation_label") %>
                            <%= f.password_field :password_confirmation, autocomplete: "off", placeholder: t("devise_views.registrations.new.password_confirmation_label") %>
                        </div>
                    </div>

                    <%= render 'shared/captcha', resource: resource %>

                    <div class="row">
                        <div class="small-12 columns">
                            <%= f.submit t("devise_views.registrations.new.submit"), class: "button radius expand" %>
                        </div>
                    </div>
                <% end %>

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