<.admin_page_header back={PhoenixKit.Utils.Routes.path("/admin/customer-service/tickets")} />
<%!-- Main Content --%>
<%!-- Ticket Info Card --%>

{@ticket.title}

#{String.slice(@ticket.uuid, 0, 8)} • Created {Calendar.strftime(@ticket.inserted_at, "%Y-%m-%d %H:%M")}
<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/customer-service/tickets/#{@ticket.uuid}/edit" ) } class="btn btn-outline btn-sm" > Edit
<%!-- Description --%>

{@ticket.description}

<%!-- Attachments Section --%> <%= if @attachments_enabled do %>

Attachments ({length(@attachments)})

<%= if Enum.any?(@attachments) do %>
<%= for attachment <- @attachments do %>
<%= if attachment.file do %> <%= if attachment.file.file_type == "image" do %> {attachment.caption <% else %>
<.icon name="hero-document" class="w-8 h-8 text-base-content/50" />
<% end %>
{attachment.file.original_file_name}
<% end %>
<% end %>
<% else %>
No attachments yet. Click "Add Files" to attach files.
<% end %> <% end %>
<%!-- Public Comments Section --%>

Comments ({length(@public_comments)})

<%!-- Comments List --%>
<%= if Enum.empty?(@public_comments) do %>
No comments yet. Be the first to respond.
<% else %> <%= for comment <- @public_comments do %>
<.user_avatar user={comment.user} size="sm" />
{comment.user.email} {Calendar.strftime(comment.inserted_at, "%Y-%m-%d %H:%M")}
{comment.content}
<% end %> <% end %>
<%!-- Add Comment Form --%>
<%!-- Internal Notes Section (Staff Only) --%> <%= if @can_view_internal and @internal_notes_enabled do %>

Internal Notes ({length(@internal_notes)})

Staff Only
<%!-- Internal Notes List --%>
<%= if Enum.empty?(@internal_notes) do %>
No internal notes yet.
<% else %> <%= for note <- @internal_notes do %>
<.user_avatar user={note.user} size="sm" />
{note.user.email} {Calendar.strftime(note.inserted_at, "%Y-%m-%d %H:%M")}
{note.content}
<% end %> <% end %>
<%!-- Add Internal Note Form --%>
<% end %>
<%!-- Sidebar --%>
<%!-- Status & Actions Card --%>

Status & Actions

<%!-- Current Status --%>
Current Status
<%= case @ticket.status do %> <% "open" -> %> Open <% "in_progress" -> %> In Progress <% "resolved" -> %> Resolved <% "closed" -> %> Closed <% end %>
<%!-- Status Actions --%>
<%= if @ticket.status == "open" do %> <% end %> <%= if @ticket.status == "in_progress" do %> <% end %> <%= if @ticket.status == "resolved" do %> <% end %> <%= if @ticket.status == "closed" do %> <% end %>
<%!-- Details Card --%>

Details

<%!-- Customer --%>
Customer
<%= if @ticket.user do %> <.user_avatar user={@ticket.user} size="xs" /> {@ticket.user.email} <% else %> Unknown <% end %>
<%!-- Assigned To --%>
Assigned To
<%= if @ticket.assigned_to do %> {@ticket.assigned_to.email} <% else %>
Unassigned
<% end %>
<%!-- Comments Count --%>
Comments
{@ticket.comment_count}
<%!-- Timestamps --%> <%= if @ticket.resolved_at do %>
Resolved At
{Calendar.strftime(@ticket.resolved_at, "%Y-%m-%d %H:%M")}
<% end %> <%= if @ticket.closed_at do %>
Closed At
{Calendar.strftime(@ticket.closed_at, "%Y-%m-%d %H:%M")}
<% end %>
<%!-- Status History Card --%>

Status History

<%= for entry <- @status_history do %>
<%= if entry.from_status do %> {entry.from_status} → <% end %> {entry.to_status}
by {(entry.changed_by && entry.changed_by.email) || "System"}
{Calendar.strftime(entry.inserted_at, "%Y-%m-%d %H:%M")}
<%= if entry.reason do %>
"{entry.reason}"
<% end %>
<% end %>
<%!-- Media Selector Modal --%> <%= if @attachments_enabled do %> <.live_component module={PhoenixKitWeb.Live.Components.MediaSelectorModal} id="ticket-media-selector" show={@show_media_selector} mode={:multiple} selected_uuids={Enum.map(@attachments, & &1.file_uuid)} phoenix_kit_current_user={@current_user} /> <% end %>