<.table_default variant="zebra" class="w-full table-fixed"> <.table_default_header> <.table_default_row> <.table_default_header_cell class="w-[38%] lg:w-[28%]"> Ticket <.table_default_header_cell class="w-[26%] lg:w-[20%]"> Customer <.table_default_header_cell class="hidden lg:table-cell lg:w-[17%]"> Assigned To <.table_default_header_cell class="w-[14%]"> Status <.table_default_header_cell class="w-[12%]"> Created <.table_default_header_cell class="w-[10%] lg:w-[9%]"> Actions <.table_default_body> <%= for ticket <- @tickets do %> <.table_default_row> <.table_default_cell>

{ticket.title}

{ticket.description}

<.table_default_cell> <%= if ticket.user do %>

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

<% else %> Unknown <% end %> <.table_default_cell class="hidden lg:table-cell"> <%= if ticket.assigned_to do %> {ticket.assigned_to.email} <% else %> Unassigned <% end %> <.table_default_cell> <%= case ticket.status do %> <% "open" -> %> Open <% "in_progress" -> %> In Progress <% "resolved" -> %> Resolved <% "closed" -> %> Closed <% end %> <.table_default_cell class="text-sm text-base-content/70"> {Calendar.strftime(ticket.inserted_at, "%b %d, %Y")} <.table_default_cell>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/customer-service/tickets/#{ticket.uuid}" ) } class="btn btn-xs btn-outline btn-info tooltip tooltip-bottom" data-tip={gettext("View details")} > <.icon name="hero-eye" class="w-4 h-4" /> <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/customer-service/tickets/#{ticket.uuid}/edit" ) } class="btn btn-xs btn-outline tooltip tooltip-bottom" data-tip={gettext("Edit ticket")} > <.icon name="hero-pencil" class="w-4 h-4" />

<% end %>

<%= for ticket <- @tickets do %>

<%!-- Header: title + status --%>

{ticket.title}

<%= case ticket.status do %> <% "open" -> %> Open <% "in_progress" -> %> In Progress <% "resolved" -> %> Resolved <% "closed" -> %> Closed <% end %>

<%!-- Body: key/value grid --%>

Customer

<%= if ticket.user do %> {ticket.user.email} <% else %> Unknown <% end %>

Assigned

<%= if ticket.assigned_to do %> {ticket.assigned_to.email} <% else %> Unassigned <% end %>

Created

{Calendar.strftime(ticket.inserted_at, "%b %d, %Y")}

<%!-- Footer: actions --%>

<.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/customer-service/tickets/#{ticket.uuid}" ) } class="btn btn-xs btn-outline btn-info" > <.icon name="hero-eye" class="w-3 h-3" /> {gettext("View")} <.link navigate={ PhoenixKit.Utils.Routes.path( "/admin/customer-service/tickets/#{ticket.uuid}/edit" ) } class="btn btn-xs btn-outline" > <.icon name="hero-pencil" class="w-3 h-3" /> {gettext("Edit")}

<% end %>

No tickets found