= gitlab_ui_form_for @application_setting, url: network_admin_application_settings_path(anchor: 'js-files-limits-settings'), html: { class: 'fieldset-form' } do |f|
  = form_errors(@application_setting)

  %fieldset
    %legend.h5.gl-border-none
      = _('Unauthenticated API request rate limit')
    .form-group
      = f.gitlab_ui_checkbox_component :throttle_unauthenticated_files_api_enabled,
        _('Enable unauthenticated API request rate limit'),
        help_text: _('Helps reduce request volume (e.g. from crawlers or abusive bots)'),
        checkbox_options: { data: { qa_selector: 'throttle_unauthenticated_files_api_checkbox' } }
    .form-group
      = f.label :throttle_unauthenticated_files_api_requests_per_period, 'Max unauthenticated API requests per period per IP', class: 'label-bold'
      = f.number_field :throttle_unauthenticated_files_api_requests_per_period, class: 'form-control gl-form-input'
    .form-group
      = f.label :throttle_unauthenticated_files_api_period_in_seconds, 'Unauthenticated API rate limit period in seconds', class: 'label-bold'
      = f.number_field :throttle_unauthenticated_files_api_period_in_seconds, class: 'form-control gl-form-input'

  %fieldset
    %legend.h5.gl-border-none
      = _('Authenticated API request rate limit')
    .form-group
      = f.gitlab_ui_checkbox_component :throttle_authenticated_files_api_enabled,
        _('Enable authenticated API request rate limit'),
        help_text: _('Helps reduce request volume (e.g. from crawlers or abusive bots)'),
        checkbox_options: { data: { qa_selector: 'throttle_authenticated_files_api_checkbox' } }
    .form-group
      = f.label :throttle_authenticated_files_api_requests_per_period, 'Max authenticated API requests per period per user', class: 'label-bold'
      = f.number_field :throttle_authenticated_files_api_requests_per_period, class: 'form-control gl-form-input'
    .form-group
      = f.label :throttle_authenticated_files_api_period_in_seconds, 'Authenticated API rate limit period in seconds', class: 'label-bold'
      = f.number_field :throttle_authenticated_files_api_period_in_seconds, class: 'form-control gl-form-input'

  = f.submit 'Save changes', class: "gl-button btn btn-confirm", data: { qa_selector: 'save_changes_button' }