- expanded = expand_deploy_tokens_section?(@new_deploy_token)

%section.qa-deploy-tokens-settings.settings.no-animate#js-deploy-tokens{ class: ('expanded' if expanded), data: { qa_selector: 'deploy_tokens_settings' } }
  .settings-header
    %h4= s_('DeployTokens|Deploy Tokens')
    %button.btn.js-settings-toggle.qa-expand-deploy-keys{ type: 'button' }
      = expanded ? 'Collapse' : 'Expand'
    %p
      = description
  .settings-content
    - if @new_deploy_token.persisted?
      = render 'shared/deploy_tokens/new_deploy_token', deploy_token: @new_deploy_token
    %h5.gl-mt-0
      = s_('DeployTokens|Add a deploy token')
    = render 'shared/deploy_tokens/form', group_or_project: group_or_project, token: @new_deploy_token, presenter: @deploy_tokens
    %hr
    = render 'shared/deploy_tokens/table', group_or_project: group_or_project, active_tokens: @deploy_tokens