<.form for={@form} id="group-form" phx-change="validate" phx-submit="save" class="space-y-6" > <%!-- Group Name --%>

Group Name * <.input field={@form[:name]} type="text" placeholder="e.g., Product Updates, Travel Photos, Recipes" required /> A descriptive name for this collection

<%!-- Description --%>

Description <.textarea field={@form[:description]} placeholder="Optional description of what this group contains..." rows="3" /> Help yourself remember what this group is for

<%!-- Slug --%>

URL Slug * <.input field={@form[:slug]} type="text" placeholder="auto-generated-from-name" required /> URL-friendly identifier. Leave empty to auto-generate from name. <%!-- Slug Format Help --%>

<.icon name="hero-information-circle" class="w-5 h-5" />

Slug Format:

Only lowercase letters, numbers, and hyphens. Must be unique among your groups.

✓ Valid: my-collection, photos-2025, recipes

✗ Invalid: My Collection, photos_2025, -recipes

<%!-- Visibility --%>

Visibility <.select field={@form[:visibility]} options={[ {"Public - Visible to everyone", "public"}, {"Private - Only visible to you", "private"} ]} /> Control who can see this group and its posts

<%!-- Info Box for Existing Group --%> <%= if @group.uuid do %>

<.icon name="hero-information-circle" class="w-5 h-5" />

Editing Existing Group

Created on {Calendar.strftime(@group.inserted_at, "%B %d, %Y")}

<% end %> <%!-- Action Buttons --%>