% @page_title = "Change usage limit" %>
<% content_for :header do %>
<%= render "my/menus/menu" %>
<% end %>
<%= form_with model: @join_code, url: account_join_code_path, method: :patch, data: { controller: "form" }, html: { class: "flex flex-column gap" } do |form| %>
<%= form.number_field :usage_limit,
required: true,
autofocus: true,
min: @join_code.usage_count,
class: "input center txt-large fit-content font-weight-black txt-align-center",
style: "max-inline-size: 8ch",
data: { action: "keydown.esc@document->form#cancel focus->form#select" } %>
This code has been used <%= @join_code.usage_count %>/<%= @join_code.usage_limit %> times.
<%= form.button type: :submit, class: "btn btn--link center txt-medium", data: { form_target: "submit" } do %>
Save changes
<% end %>
<%= link_to "Go back", account_join_code_path, data: { form_target: "cancel" }, hidden: true %>
<% end %>