.js-autodevops-banner.banner-callout.banner-non-empty-state.append-bottom-20.prepend-top-10{ data: { uid: 'auto_devops_settings_dismissed', project_path: project_path(@project) } }
  .banner-graphic
    = custom_icon('icon_autodevops')

  .banner-body.prepend-left-10.append-bottom-10
    %h5.banner-title= s_('AutoDevOps|Auto DevOps')
    %p= s_('AutoDevOps|It will automatically build, test, and deploy your application based on a predefined CI/CD configuration.')
    %p
      - link = link_to(s_('AutoDevOps|Auto DevOps documentation'), help_page_path('topics/autodevops/index.md'), target: '_blank', rel: 'noopener noreferrer')
      = s_('AutoDevOps|Learn more in the %{link_to_documentation}').html_safe % { link_to_documentation: link }
    .banner-buttons
      = link_to s_('AutoDevOps|Enable in settings'), project_settings_ci_cd_path(@project, anchor: 'autodevops-settings'), class: 'btn js-close-callout'

  %button.btn-transparent.banner-close.close.js-close-callout{ type: 'button',
  'aria-label' => 'Dismiss Auto DevOps box' }
    = icon('times', class: 'dismiss-icon', 'aria-hidden' => 'true')