<.form for={@form} id="blog-create-form" class="space-y-6" phx-change="update_new_blog" phx-submit="add_blog" >

<.input field={@form[:name]} type="text" label={gettext("Blog 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("Blog Slug")} placeholder={gettext("e.g. product-updates")} required phx-change="manual_slug" phx-debounce="150" />

{gettext("Used for the URL and the directory where blog files are stored.")}

{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-blog"), 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_file_pattern = "priv/blogging/#{slug_sample}///.phk" %> <% 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_file_pattern = "priv/blogging/#{slug_sample}//.phk" %> <% 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 %>

{gettext("Storage Mode")}

{gettext("Timestamp-based")}

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

{gettext("Files")}: {timestamp_file_pattern}

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

{gettext("Slug-based")}

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

{gettext("Files")}: {slug_file_pattern}

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

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

{gettext("What happens next")}

• {gettext("We create a blog workspace under priv/blogging.")}
• {gettext("You'll see the new blog in the navigation immediately.")}
• {gettext("Editors can jump right in and start drafting content.")}