<%= form_for @changeset, "/settings/api-keys", [class: "w-full max-w-md mx-auto bg-white dark:bg-gray-800 shadow-md rounded px-8 py-6 mt-8"], fn f -> %>

Create new API key

<%= label f, :name, class: "block text-sm font-medium text-gray-700 dark:text-gray-300" %>

<%= text_input f, :name, class: "dark:bg-gray-900 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 dark:border-gray-500 dark:text-gray-300 dark:focus:bg-gray-800 focus:border-gray-300 dark:focus:border-gray-500 rounded-md", placeholder: "Development" %>

<%= error_tag f, :name %>

<%= label f, :key, class: "block text-sm font-medium text-gray-700 dark:text-gray-300" %>

<%= text_input f, :key, id: "key-input", class: "dark:text-gray-300 shadow-sm bg-gray-50 dark:bg-gray-850 focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 dark:border-gray-500 rounded-md pr-16", readonly: "readonly" %> COPY

Make sure to store the key in a secure place. Once created, we will not be able to show it again.

<%= submit "Continue", class: "button mt-4 w-full" %> <% end %>