<%!-- Back Button --%>

<.link navigate={PhoenixKit.Utils.Routes.path("/dashboard/tickets")} class="btn btn-ghost btn-sm gap-2" > <.icon name="hero-arrow-left" class="h-4 w-4" /> {gettext("Back to Tickets")}

<%!-- Main Content --%>

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

{@ticket.title}

#{String.slice(@ticket.id, 0, 8)} • {gettext("Created %{date}", date: Calendar.strftime(@ticket.inserted_at, "%B %d, %Y") )}

<%= case @ticket.status do %> <% "open" -> %> {gettext("Open")} <% "in_progress" -> %> {gettext("In Progress")} <% "resolved" -> %> {gettext("Resolved")} <% "closed" -> %> {gettext("Closed")} <% end %>

<%!-- Description --%>

{@ticket.description}

<%!-- Attachments Section --%> <%= if @attachments_enabled and Enum.any?(@attachments) do %>

{gettext("Attachments")} ({length(@attachments)})

<%= for attachment <- @attachments do %> <%= if attachment.file do %>

<%= if attachment.file.file_type == "image" do %>

<% else %>

<.icon name="hero-document" class="w-8 h-8 text-base-content/50" />

<% end %>

{attachment.file.original_file_name}

<% end %> <% end %>

<% end %>

<%!-- Comments Section --%>

{gettext("Comments")} ({length(@comments)})

<%!-- Comments List --%>

<%= if Enum.empty?(@comments) do %>

{gettext("No comments yet.")}

<% else %> <%= for comment <- @comments do %>

<.user_avatar user={comment.user} size="sm" />

{comment.user.email} {Calendar.strftime(comment.inserted_at, "%b %d, %Y %H:%M")}

{comment.content}

<% end %> <% end %>

<%!-- Add Comment Form --%>

{gettext("Add a comment")}

<%!-- Comment Attachments Upload --%> <%= if @attachments_enabled and Map.has_key?(assigns, :uploads) do %> <%!-- Already Uploaded Files --%> <%= if Enum.any?(@pending_comment_files) do %>

<%= for file <- @pending_comment_files do %>

<.icon name="hero-document" class="w-4 h-4 text-base-content/50" /> {file.original_file_name}

<% end %>

<% end %> <%!-- Upload Progress --%> <%= for entry <- @uploads.comment_attachments.entries do %>

<.icon name="hero-document" class="w-5 h-5 text-base-content/50" />

{entry.client_name}

<% end %> <%!-- Upload Errors --%> <%= for {_ref, msg} <- @uploads.comment_attachments.errors do %>

<.icon name="hero-exclamation-circle" class="w-5 h-5" /> <%= case msg do %> <% :too_large -> %> {gettext("File is too large")} <% :too_many_files -> %> {gettext("Too many files")} <% :not_accepted -> %> {gettext("File type not accepted")} <% _ -> %> {inspect(msg)} <% end %>

<% end %> <%!-- Attach Button --%>

<.icon name="hero-paper-clip" class="w-4 h-4" /> {gettext("Attach file")} <.live_file_input upload={@uploads.comment_attachments} class="hidden" /> {gettext("Max 3 files, 10MB each")}

<% end %>

<%!-- Sidebar --%>

<%!-- Status Card --%>

{gettext("Ticket Details")}

<%!-- Status --%>

{gettext("Status")}

<%!-- Assigned To --%> <%= if @ticket.assigned_to do %>

{gettext("Assigned To")}

<.user_avatar user={@ticket.assigned_to} size="sm" /> {@ticket.assigned_to.email}

<% else %>

{gettext("Assigned To")}

{gettext("Unassigned")}

<% end %> <%!-- Created --%>

{gettext("Created")}

{Calendar.strftime(@ticket.inserted_at, "%B %d, %Y at %H:%M")}

<%!-- Comments Count --%>

{gettext("Comments")}

{@ticket.comment_count || 0}

<%!-- Status Message --%> <%= if @ticket.status == "resolved" do %>

<.icon name="hero-check-circle" class="w-5 h-5" /> {gettext("This ticket has been resolved.")}

<% end %> <%= if @ticket.status == "closed" do %>

<.icon name="hero-archive-box" class="w-5 h-5" /> {gettext("This ticket has been closed.")}

<% end %>

<%!-- Help Card --%>

{gettext("Need more help?")}

{gettext("Add a comment above to continue the conversation with our support team.")}