<.form for={@form} id="group-edit-form" phx-change="validate" phx-submit="save" class="space-y-6" > <.input field={@form[:name]} type="text" label={gettext("Group Name")} placeholder={gettext("e.g. Product Updates")} required />

<.input field={@form[:slug]} type="text" label={gettext("Slug")} placeholder={gettext("e.g. product-updates")} required />

{gettext("The slug is used in URLs for this group's public pages.")}

{gettext("Format")}: {gettext( "Only lowercase letters (a-z), numbers (0-9), and hyphens (-) are allowed. Must not start or end with a hyphen." )}

✓ {gettext("Valid examples")}: blog, product-updates, news-2025

✗ {gettext("Invalid examples")}: Blog, product_updates, -news, my blog

{gettext("URL mode")}: <%= case @group["mode"] do %> <% "slug" -> %> {gettext("Slug-based")} · {gettext( "Semantic URLs ideal for evergreen content." )} <% _ -> %> {gettext("Timestamp-based")} · {gettext( "Chronological URLs ideal for news and updates." )} <% end %>