{gettext("Showing %{count} posts", count: length(@posts))}

<%= if @posts == [] do %>

{gettext("No posts yet")}

{gettext("Create your first post to start sharing content.")}

<% else %>

<%= for post <- @posts do %>

{format_datetime(post)}

<% blog_slug = post.blog || (@current_blog && @current_blog["slug"]) || @blog_slug || "blog" %> <% default_lang = List.first(post.available_languages) || @current_locale %> <% default_lang_path = Path.join([ Path.dirname(post.path), "#{default_lang}.phk" ]) %>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/blogging/#{blog_slug}/edit?path=#{URI.encode(default_lang_path)}", locale: @current_locale ) } class="hover:text-primary transition-colors" > {post.metadata.title || gettext("Untitled post")}

<% files_path = "priv/blogging/" <> post.path %> <% public_url = BlogHTML.build_post_url(blog_slug, post, post.language || @current_locale) %> <% full_public_url = @endpoint_url <> public_url %>

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

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

<%!-- Show buttons for all languages (enabled and disabled) in consistent order --%> <% all_languages = (post.available_languages ++ @enabled_languages) |> Enum.uniq() |> Enum.sort() # Only hide flags if: single language enabled AND post has only 1 language file hide_flags = length(@enabled_languages) == 1 and length(post.available_languages) == 1 %> <%= for lang_code <- all_languages do %> <% lang_path = Path.join([ Path.dirname(post.path), "#{lang_code}.phk" ]) lang_info = PhoenixKitWeb.Live.Modules.Blogging.get_language_info(lang_code) flag = if lang_info, do: lang_info.flag, else: "" file_exists = lang_code in post.available_languages is_enabled = lang_code in @enabled_languages # Read language-specific metadata for status lang_metadata = if file_exists do case PhoenixKitWeb.Live.Modules.Blogging.read_post( @blog_slug, lang_path ) do {:ok, lang_post} -> lang_post.metadata _ -> nil end else nil end %> <%= if file_exists do %> <%!-- Language card with 3 layers of buttons --%>

<%!-- Layer 1: Status dropdown (only for enabled languages) --%> <%= if lang_metadata && is_enabled do %> <% else %> <%!-- Empty placeholder to maintain spacing --%> <% end %> <%!-- Layer 2: Edit button --%> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/blogging/#{post.blog}/edit?path=#{URI.encode(lang_path)}", locale: @current_locale ) } class={[ "btn btn-xs shadow-none w-full", if(is_enabled, do: "btn-outline", else: "bg-base-200 text-base-content/60 border-base-300" ) ]} title={ if lang_info, do: "Edit #{lang_info.name}", else: "Edit #{lang_code}" } > <.icon name="hero-pencil-square" class="w-3 h-3" /> <%= if hide_flags do %> {gettext("Edit")} <% else %> {flag} {String.upcase(lang_code)} <% end %> <%!-- Layer 3: View button (only for published posts in enabled languages) --%> <%= if lang_metadata && lang_metadata.status == "published" && is_enabled do %> <.icon name="hero-eye" class="w-3 h-3" /> {gettext("View")} <% else %> <%!-- Empty placeholder to maintain spacing --%>

<% end %>

<% else %> <%!-- Add button for missing files (only if language is enabled) --%> <%= if is_enabled do %>

<%!-- Empty placeholder to maintain spacing --%> <%!-- Add button --%>

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

<% end %>