<%= form_for @changeset, "/sites", [class: "max-w-lg w-full mx-auto bg-white dark:bg-gray-800 shadow-lg rounded px-8 pt-6 pb-8 mb-4 mt-8"], fn f -> %>

Your website details

<%= if @is_at_limit do %>

Upgrade required

Your account is limited to <%= @site_limit %> sites. Please contact hello@plausible.io to add more sites.

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

Just the naked domain or subdomain without 'www'

https:// <%= text_input f, :domain, class: "focus:ring-indigo-500 focus:border-indigo-500 dark:bg-gray-800 flex-1 block w-full px-3 py-2 rounded-none rounded-r-md sm:text-sm border-gray-300 dark:border-gray-500 dark:bg-gray-900 dark:text-gray-300", placeholder: "example.com", disabled: @is_at_limit %>
<%= error_tag f, :domain %>
<%= label f, :timezone, "Reporting Timezone", class: "block text-sm font-medium text-gray-700 dark:text-gray-300" %>

To make sure we agree on what 'today' means

<%= select f, :timezone, Plausible.Timezones.options(), id: "tz-select", selected: "Etc/Greenwich", class: "mt-1 block w-full pl-3 pr-10 py-2 text-base border-gray-300 dark:border-gray-500 dark:bg-gray-900 dark:text-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md", disabled: @is_at_limit %>
<%= submit "Add snippet →", class: "button mt-4 w-full", disabled: @is_at_limit %> <% end %> <%= if @is_first_site do %> <% end %>