<% @page_title = "Name your passkey" %> <% content_for :header do %>
<%= back_link_to "Passkeys", user_credentials_path(Current.user), "keydown.left@document->hotkey#click keydown.esc@document->hotkey#click" %>

<%= @page_title %>

<% end %>
<% if params[:created] %>

Your passkey has been registered. Give it a name so you can identify it later.

<% end %> <%= form_with model: @credential, scope: :credential, url: user_credential_path(Current.user, @credential), html: { class: "flex flex-column gap" } do |form| %>
<%= form.label :name %> <%= form.text_field :name, autofocus: true, class: "input", placeholder: "e.g. MacBook Pro, iPhone", data: { "1p-ignore": "" }, autocomplete: "off" %>
<%= form.submit "Save", class: "btn btn--primary" %> <% end %>
<%= button_to user_credential_path(Current.user, @credential), method: :delete, class: "btn txt-negative borderless txt-small", data: { turbo_confirm: "Are you sure you want to remove this passkey?" } do %> <%= icon_tag "trash" %> Remove this passkey <% end %>