.row.align-items-center.justify-content-center.full-height
  .col-md-6.align-self-center
    - if @invitadx.errors.full_messages.empty?
      .alert.alert-dismissible.alert-info.fade.show{role: 'alert'}
        = @site.config.dig('welcome', 'message') || t('.welcome')
        %button.close{type: 'button',
          data: { dismiss: 'alert' },
          'aria-label': t('help.close') }
          %span{'aria-hidden': true} ×
    - else
      .alert.alert-dismissible.alert-info.fade.show{role: 'alert'}
        %ul
          - @invitadx.errors.full_messages.each do |message|
            %li= message
        %button.close{type: 'button',
          data: { dismiss: 'alert' },
          'aria-label': t('help.close') }
          %span{'aria-hidden': true} ×

    = form_for @invitadx do |f|
      = f.hidden_field :site, value: @site.id
      .form-group
        = f.email_field :email, class: 'form-control', placeholder: t('.email')
      .form-group
        = f.password_field :password, class: 'form-control', placeholder: t('.password')
      .form-group
        = f.password_field :password_confirmation, class: 'form-control', placeholder: t('.password_confirmation')

      .form-group
        - button = @site.config.dig('welcome', 'button')
        = f.submit t('.submit'), class: 'btn btn-lg btn-primary btn-block', style: (button) ? "background-color: #{button};" : ''