<%!-- Left Column: Main Content (2/3) --%>
<%!-- Basic Information Card --%>
<%!-- Groups Card (if enabled) --%>
<%= if @allow_groups do %>
<% else %>
<% end %>
<%!-- Tags Card --%>
<%!-- Right Column: Sidebar (1/3) --%>
<.icon name="hero-document-text" class="w-5 h-5" /> Basic Information
<%!-- Title --%>
<.input
field={@form[:title]}
type="text"
placeholder="Enter post title..."
maxlength={@max_title_length}
required
/>
<%!-- Subtitle --%>
<.input
field={@form[:sub_title]}
type="text"
placeholder="Optional subtitle or tagline..."
maxlength={@max_subtitle_length}
/>
<%!-- Media --%>
<%= if @post_images == [] do %>
<%!-- Full-width add button when empty --%>
<% else %>
<.draggable_list
id="post-images-grid"
items={@post_images}
item_id={fn media -> media.file_id end}
on_reorder="reorder_post_images"
cols={4}
>
<:item :let={media}>
<%!-- Featured badge on first image --%>
<%= if media.position == 1 do %>
<:add_button>
<% end %>
<%!-- Content --%>
Featured
<% end %>
<%!-- Remove button --%>
<.live_component
module={PhoenixKitWeb.Components.Core.MarkdownEditor}
id="post-content-editor"
content={@content}
placeholder="Write your post content here... Use #hashtags for auto-tagging"
height="400px"
debounce={400}
toolbar={[:image, :video]}
protect_navigation={false}
script_nonce={assigns[:csp_nonce] || ""}
/>
<%!-- SEO Slug --%>
<.input
field={@form[:slug]}
type="text"
placeholder={
if @seo_auto_slug,
do: "Auto-generated from title...",
else: "enter-url-slug"
}
disabled={@seo_auto_slug}
/>
<.icon name="hero-folder" class="w-5 h-5" /> Collections / Groups
<%= if length(@user_groups) > 0 do %>
<%= for group <- @user_groups do %>
<% end %>
No groups created yet.
<.link navigate={Routes.path("/admin/posts/groups")} class="link link-primary">
Create your first group
to organize your posts.
<% end %>
<.icon name="hero-hashtag" class="w-5 h-5" /> Tags
<%!-- Selected Tags Display --%> <%= if length(@selected_tags) > 0 do %>
<%= for tag <- @selected_tags do %>
<% else %>
#{tag}
<% end %>
No tags added yet. Tags will be automatically extracted from #hashtags in your content.
<% end %>
<%!-- Manual Tag Input --%>
#
<%!-- Post Info Card (only for existing posts) --%>
<%= if @post.id do %>
<% end %>
<%!-- Post Settings Card --%>
<%!-- Action Buttons Card --%>
<.icon name="hero-information-circle" class="w-5 h-5" /> Post Info
<%!-- Created By --%>
<.icon name="hero-user-circle" class="w-4 h-4 text-base-content/50" />
Created by:
<%= if @post.user do %>
{@post.user.email}
<% else %>
Unknown
<% end %>
<%!-- Created When --%>
<.icon name="hero-calendar" class="w-4 h-4 text-base-content/50" />
Created:
{Calendar.strftime(@post.inserted_at, "%B %d, %Y at %H:%M")}
<%!-- Public Link (only for public posts with a slug) --%>
<%= if @post.status == "public" && @post.slug && @post.slug != "" do %>
<.icon name="hero-link" class="w-4 h-4 text-base-content/50 mt-0.5" />
<% else %>
Public URL:
/posts/{@post.slug}
<.icon name="hero-link" class="w-4 h-4" />
Publish to get a public URL
<% end %>
<.icon name="hero-cog-6-tooth" class="w-5 h-5" /> Post Settings
<%!-- Type --%>
<.select
field={@form[:type]}
options={[
{"Post (Full content)", "post"},
{"Snippet (Short update)", "snippet"},
{"Repost (Share existing)", "repost"}
]}
/>
<%!-- Status --%>
<.select
field={@form[:status]}
options={[
{"Draft", "draft"},
{"Public", "public"},
{"Unlisted", "unlisted"},
{"Scheduled", "scheduled"}
]}
/>
<%!-- Scheduled Date (only show if status is scheduled) --%>
<%= if @allow_scheduling and @form[:status].value == "scheduled" do %>
<.input
field={@form[:scheduled_at]}
type="datetime-local"
required={@form[:status].value == "scheduled"}
/>
<% end %>