<.form :let={f} for={@changeset} action={Routes.settings_path(@conn, :api_keys)}> <.input type="text" field={f[:name]} label="Name" placeholder="Development" />

<.label>Type

<.input x-on:click="submitDisabled = false" type="radio" class="block h-5 w-5 dark:bg-gray-700 border-gray-300 text-indigo-600 focus:ring-indigo-600" id={f[:type].id <> "_0"} name={f[:type].name} value="stats_api" checked={f[:type].value == "stats_api"} label="Stats API" > <:help_content> Full access to <.styled_link href="https://plausible.io/docs/stats-api">Stats API <.input x-on:click={"submitDisabled = " <> if(@sites_api_enabled?, do: "false", else: "true")} type="radio" id={f[:type].id <> "_1"} name={f[:type].name} value="sites_api" checked={f[:type].value == "sites_api"} label="Sites API" > <:help_content> Full access to <.styled_link href="https://plausible.io/docs/stats-api">Stats API and <.styled_link href="https://plausible.io/docs/sites-api">Sites API

Your current subscription plan does not include Sites API access. Contact us if interested.

<.input_with_clipboard id="key-input" name="api_key[key]" label="Key" value={f[:key].value} /> <.error :for={ msg <- Enum.map(f[:key].errors, &PlausibleWeb.Live.Components.Form.translate_error/1) }> {msg}

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

<.button type="submit" class="w-full" x-bind:disabled="submitDisabled"> Create API key