panel/app/views/devise/registrations/new.haml

= content_for :body do
  - 'black-bg'

= render 'devise/shared/error_messages', resource: resource

.row.align-items-center.justify-content-center.full-height
  .col-md-5.align-self-center
    %h2= t('.sign_up')
    %p= t('.help')

    = form_for(resource,
      as: resource_name,
      url: registration_path(resource_name, params: { locale: params[:locale] })) do |f|

      .form-group
        = f.label :email, class: 'sr-only'
        = f.email_field :email, autofocus: true, autocomplete: 'email',
          class: 'form-control',
          placeholder: t('activerecord.attributes.usuarie.email')

      - password = 'activerecord.attributes.usuarie.password'

      .form-group
        = f.label :password, class: 'sr-only'
        = f.password_field :password, autocomplete: 'new-password',
          class: 'form-control', min: @minimum_password_length,
          aria: { describedby: 'minimum-password-length' },
          placeholder: t(password)
        - if @minimum_password_length
          %small.text-muted.form-text#minimum-password-length
            = t('devise.shared.minimum_password_length',
              count: @minimum_password_length)

      .form-group
        = f.label :password_confirmation, class: 'sr-only'
        = f.password_field :password_confirmation,
          autocomplete: 'new-password',
          class: 'form-control',
          min: @minimum_password_length,
          aria: { describedby: 'minimum-password-length' },
          placeholder: t("#{password}_confirmation")
      .actions
        = f.submit t('.sign_up'),
          class: 'btn btn-lg btn-block'

    = render 'devise/shared/links'