<.form for={@form} id="group-create-form" class="space-y-6" phx-change="update_new_group" phx-submit="add_group" >

<.input field={@form[:name]} type="text" label={gettext("Group Name")} placeholder={gettext("e.g. Product Updates")} required />

{gettext("Used for display in the navigation and admin sections.")}

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

{gettext("Used for the URL and as the unique identifier for this group.")}

{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

<% slug_value = @form[:slug].value || "" %> <% slug_sample = if slug_value == "", do: gettext("your-group"), else: slug_value %> <% url_prefix = PhoenixKit.Config.get_url_prefix() |> case do "/" -> "" prefix -> prefix end %> <%!-- Use first enabled language (default) for preview URLs --%> <% default_language = List.first(@enabled_languages) %> <% timestamp_url_pattern = if length(@enabled_languages) == 1 do @endpoint_url <> "#{url_prefix}/#{slug_sample}//" else @endpoint_url <> "#{url_prefix}/#{default_language}/#{slug_sample}//" end %> <% slug_url_pattern = if length(@enabled_languages) == 1 do @endpoint_url <> "#{url_prefix}/#{slug_sample}/:post_slug" else @endpoint_url <> "#{url_prefix}/#{default_language}/#{slug_sample}/:post_slug" end %>

<%!-- Content Type Section --%>

{gettext("Content Type")}

<%= for preset <- @preset_types do %>

{preset.label}

<%= case preset.type do %> <% "blog" -> %> {gettext( "Posts, news articles, and updates. Items called \"%{plural}\".", plural: preset.item_plural )} <% "faq" -> %> {gettext("Frequently asked questions. Items called \"%{plural}\".", plural: preset.item_plural )} <% "legal" -> %> {gettext( "Legal pages like terms and privacy policy. Items called \"%{plural}\".", plural: preset.item_plural )} <% _ -> %> {gettext("Items called \"%{plural}\".", plural: preset.item_plural)} <% end %>

<% end %> <%!-- Custom Type Option --%>

{gettext("Custom")}

{gettext("Define your own content type and item names.")}

<%= if @form[:type].value not in PhoenixKit.Modules.Publishing.Constants.preset_types() do %>

<% end %>

{gettext( "Content type determines default item naming and may affect how content is displayed." )}

<%!-- Item Naming Section --%>

{gettext("Item Naming")}

{gettext( "What do you call items in this publishing group? These names appear in the UI." )}

<.input field={@form[:item_singular]} type="text" label={gettext("Singular")} placeholder={gettext("e.g. post, question")} phx-focus="item_name_changed" />

<.input field={@form[:item_plural]} type="text" label={gettext("Plural")} placeholder={gettext("e.g. posts, questions")} phx-focus="item_name_changed" />

{gettext("Examples: \"Create new %{singular}\", \"View all %{plural}\"", singular: @form[:item_singular].value || "item", plural: @form[:item_plural].value || "items" )}

<%!-- URL Mode Section --%>

{gettext("URL Mode")}

{gettext("Timestamp-based")}

{gettext( "Organizes posts by date/time in URLs. Great for news, updates, and chronological feeds." )}

{gettext("Public URL")}: {timestamp_url_pattern}

{gettext("Slug-based")}

{gettext( "Uses semantic URLs and editable slugs. Ideal for documentation, guides, and evergreen content." )}

{gettext("Public URL")}: {slug_url_pattern}

{gettext( "The URL mode locks in after creation to keep your structure consistent." )}