<%= if @loading do %>

Loading groups...

<% else %> <%= if length(@groups) == 0 do %>

<.icon name="hero-folder-open" class="w-16 h-16 mx-auto mb-4 opacity-50" /> <%= if @search_query != "" do %>

No groups found

Try adjusting your search or

<% else %>

No groups yet

Create your first group to start organizing posts

<.link navigate={Routes.path("/admin/posts/groups/new")} class="btn btn-primary" > <.icon name="hero-plus" class="w-5 h-5 mr-2" /> Create First Group <% end %>

<% else %> <%= for group <- @groups do %>

<%!-- Group Header --%>

<.icon name="hero-folder" class="w-5 h-5" /> {group.name}

<%!-- Visibility Badge --%>

{format_visibility(group.visibility)}

<%!-- Actions --%>

<%!-- Description --%> <%= if group.description do %>

{group.description}

<% end %> <%!-- Stats --%>

<.icon name="hero-document-text" class="w-4 h-4 text-base-content/60" /> {length(group.posts || [])} posts

<%= if group.slug do %>

<.icon name="hero-link" class="w-4 h-4" /> {group.slug}

<% end %>

<%!-- Dates --%>

Created {Calendar.strftime(group.inserted_at, "%b %d, %Y")}

<%!-- Actions --%>

<.link navigate={Routes.path("/admin/posts/groups/#{group.uuid}")} class="btn btn-primary btn-sm" > <.icon name="hero-eye" class="w-4 h-4 mr-1" /> View Posts

<% end %> <% end %> <% end %>