{@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 --%> <%= if @comments_enabled do %>

<.icon name="hero-chat-bubble-left-right" class="w-6 h-6" /> Comments ({@post.comment_count})

<%!-- New Comment Form --%>

<%= if @reply_to do %>

Replying to comment

<% end %> <.form for={%{}} phx-submit="add_comment" class="space-y-2">

<%!-- Comments List --%> <%= if length(@comments) > 0 do %>

<%= for comment <- @comments do %> {render_comment(comment, @current_user, assigns)} <% end %>

<% else %>

<.icon name="hero-chat-bubble-left" class="w-12 h-12 mx-auto mb-2 opacity-50" />

No comments yet. Be the first to comment!

<% end %>