{@post.title}

<%!-- Subtitle --%> <%= if @post.sub_title do %>

{@post.sub_title}

<% end %> <%!-- Author & Date --%>

<.icon name="hero-user-circle" class="w-5 h-5" /> <%= if @post.user do %> {@post.user.email} <% else %> Unknown <% end %>

<.icon name="hero-clock" class="w-5 h-5" /> {Calendar.strftime(@post.inserted_at, "%B %d, %Y at %I:%M %p")}

<%!-- Stats --%>

<%= if @show_view_count do %>

<.icon name="hero-eye" class="w-5 h-5 text-base-content/60" /> {@post.view_count} views

<% end %> <%= if @likes_enabled do %>

<.icon name="hero-heart" class="w-5 h-5 text-base-content/60" /> {@post.like_count} likes

<% end %> <%= if @comments_enabled do %>

<.icon name="hero-chat-bubble-left" class="w-5 h-5 text-base-content/60" /> {@post.comment_count} comments

<% end %>

<%!-- Featured Image (if any) --%> <% featured_image = Enum.find(@post.media || [], fn m -> m.position == 1 end) %> <%= if featured_image do %>

${featured_image.file$

<% end %> <%!-- Content (Markdown Rendered) --%> <.markdown_content content={@rendered_content} /> <%!-- Media Gallery (if any) --%> <% gallery_media = Enum.filter(@post.media || [], fn m -> m.position != 1 end) %> <%= if length(gallery_media) > 0 do %>

<%= for media <- gallery_media do %>

<% end %>

<% end %> <%!-- Tags --%> <%= if @post.tags && length(@post.tags) > 0 do %>

<%= for tag <- @post.tags do %>

#{tag.name}

<% end %>

<% end %> <%!-- Groups --%> <%= if @post.groups && length(@post.groups) > 0 do %>

Collections:

<%= for group <- @post.groups do %>

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

<% end %>

<% end %> <%!-- Like Button --%> <%= if @likes_enabled do %>

<% end %>

<%!-- Comments Section (via standalone CommentsComponent) --%> <%= if @comments_enabled do %> <.live_component module={PhoenixKit.Modules.Comments.Web.CommentsComponent} id={"post-comments-#{@post.uuid}"} resource_type="post" resource_id={@post.uuid} current_user={@current_user} /> <% end %>