- parent = @group.parent
- group_path = root_url
- group_path << parent.full_path + '/' if parent

.row
  .form-group.group-name-holder.col-sm-12
    = f.label :name, class: 'label-bold' do
      = _("Group name")
    = f.text_field :name, placeholder: 'My Awesome Group', class: 'form-control input-lg',
      required: true,
      title: _('Please fill in a descriptive name for your group.'),
      autofocus: true

.row
  .form-group.col-xs-12.col-sm-8
    = f.label :path, class: 'label-bold' do
      = _("Group URL")
    .input-group.gl-field-error-anchor
      .group-root-path.input-group-prepend.has-tooltip{ title: group_path, :'data-placement' => 'bottom' }
        .input-group-text
          %span>= root_url
          - if parent
            %strong= parent.full_path + '/'
      = f.hidden_field :parent_id
      = f.text_field :path, placeholder: 'my-awesome-group', class: 'form-control',
        autofocus: local_assigns[:autofocus] || false, required: true,
        pattern: Gitlab::PathRegex::NAMESPACE_FORMAT_REGEX_JS,
        title: _('Please choose a group URL with no special characters.'),
        "data-bind-in" => "#{'create_chat_team' if Gitlab.config.mattermost.enabled}"

    - if @group.persisted?
      .alert.alert-warning.prepend-top-10
        = _('Changing group path can have unintended side effects.')
        = succeed '.' do
          = link_to _('Learn more'), help_page_path('user/group/index', anchor: 'changing-a-groups-path'), target: '_blank'

- if @group.persisted?
  .row
    .form-group.group-name-holder.col-sm-8
      = f.label :id, class: 'label-bold' do
        = _("Group ID")
      = f.text_field :id, class: 'form-control', readonly: true

.row
  .form-group.group-description-holder.col-sm-8
    = f.label :description, class: 'label-bold' do
      = _("Group description")
      %span (optional)
    = f.text_area :description, maxlength: 250,
        class: 'form-control js-gfm-input', rows: 4