- content_for :title, 'Nouveau jeton dʼAPI'

= render partial: 'administrateurs/breadcrumbs',
  locals: { steps: [['Tableau de bord', tableau_de_bord_helper_path],
    [t('users.profil.show.profile'), profil_path],
    [t('administrateurs.api_tokens.nom.new_token')]] }

.fr-container.fr-mt-2w{ 'data-turbo': 'true' }
  %h1= t('.new_token')
  = form_with url: autorisations_admin_api_tokens_path, method: :get,  html: { class: 'fr-mt-2w' } do |f|
    .fr-input-group
      = f.label :name, class: 'fr-label' do
        = t('.name')
        %span.fr-hint-text= t('.name-hint')
      = f.text_field :name, class: 'fr-input width-33', autocomplete: 'off', autocapitalize: 'off', autocorrect: 'off', spellcheck: false, required: true, value: @name, autofocus: true

    %ul.fr-btns-group.fr-btns-group--inline
      %li
        = f.button type: :submit, class: "fr-btn fr-btn--primary" do
          = t('.continue')
      %li
        = link_to t('.cancel'), profil_path, class: "fr-btn fr-btn--secondary"