<%!-- Header with Back Button --%>

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/tickets")} class="btn btn-ghost btn-sm gap-2" > Back to Tickets

<%!-- Main Content --%>

<%!-- Ticket Info Card --%>

{@ticket.title}

#{String.slice(@ticket.id, 0, 8)} • Created {Calendar.strftime(@ticket.inserted_at, "%Y-%m-%d %H:%M")}

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/tickets/#{@ticket.id}/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 %>

<% 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 %>

<%!-- 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_ids={Enum.map(@attachments, & &1.file_id)} phoenix_kit_current_user={@current_user} /> <% end %>