<.admin_page_header back={Routes.path("/admin/emails")} title={gettext("Email Queue")} subtitle={gettext("Real-time monitoring and queue management")} /> <%!-- Action Buttons --%>

{gettext("Last updated:")} {UtilsDate.format_time_with_user_format(@last_updated)}

<.button phx-click="refresh" class="btn btn-outline btn-sm"> <.icon name="hero-arrow-path" class="w-4 h-4 mr-1" /> {gettext("Refresh")}

<%!-- System Status Cards --%>

<:icon> <.icon name="hero-server" class="w-5 h-5" /> <:icon> <.icon name="hero-envelope" class="w-5 h-5" /> <:icon> <.icon name="hero-exclamation-triangle" class="w-5 h-5" /> <:icon> <.icon name="hero-clock" class="w-5 h-5" />

<%!-- Rate Limit Status --%>

{gettext("Rate Limit Status")}

<%!-- Global Rate Limit --%>

{gettext("Global Hourly Limit")}

{UtilsNumber.format(@rate_limit_status[:global][:count] || 0)} / {UtilsNumber.format( @rate_limit_status[:global][:limit] || 0 )}

80 && "progress-error") || ((@rate_limit_status[:global][:percentage] || 0) > 60 && "progress-warning") || "progress-success" ]} value={@rate_limit_status[:global][:percentage] || 0} max="100" > {gettext("%{pct}% used", pct: @rate_limit_status[:global][:percentage] || 0)}

<%!-- Recipients --%>

{gettext("Recipient Limits")}

{@rate_limit_status[:recipients][:active_limits] || 0}

{gettext("Active recipient rate limits (%{count} emails)", count: @rate_limit_status[:recipients][:total_emails] || 0 )}

<%!-- Senders --%>

{gettext("Sender Limits")}

{@rate_limit_status[:senders][:active_limits] || 0}

{gettext("Active sender rate limits (%{count} emails)", count: @rate_limit_status[:senders][:total_emails] || 0 )}

<%!-- Blocklist --%>

{gettext("Blocklist")}

{@rate_limit_status[:blocklist][:active_blocks] || 0}

{gettext("Active blocks (%{count} expired today)", count: @rate_limit_status[:blocklist][:expired_today] || 0 )}

<%!-- Failed Emails Section --%> <%= if length(@failed_emails) > 0 do %>

{gettext("Failed Emails (Last 24 Hours)")}

<%= if length(@selected_emails) > 0 do %>

{gettext("%{count} selected", count: length(@selected_emails))}

<% else %> <% end %>

<%= if @bulk_action do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" />

{gettext("Confirm bulk action: %{action}", action: String.upcase(@bulk_action))}

{gettext("This will %{action} %{count} emails", action: @bulk_action, count: length(@selected_emails) )}

<% end %> <.table_default id="failed-emails-table" size="sm" toggleable={true} items={@failed_emails} card_title={fn e -> e.to end} card_fields={ fn e -> [ %{label: gettext("Subject"), value: e.subject || "—"}, %{ label: gettext("Error"), value: e.error_message || gettext("Unknown error") }, %{ label: gettext("Time"), value: UtilsDate.format_datetime_with_user_format(e.sent_at) } ] end } > <:card_actions :let={email}> <.table_default_header> <.table_default_row> <.table_default_header_cell> <.table_default_header_cell>{gettext("Recipient")} <.table_default_header_cell>{gettext("Subject")} <.table_default_header_cell>{gettext("Error")} <.table_default_header_cell>{gettext("Time")} <.table_default_header_cell>{gettext("Actions")} <.table_default_body> <%= for email <- @failed_emails do %> <.table_default_row> <.table_default_cell> <.table_default_cell class="font-mono text-xs"> {email.to} <.table_default_cell class="truncate max-w-xs"> {email.subject} <.table_default_cell class="text-error text-xs truncate max-w-xs"> {email.error_message || gettext("Unknown error")} <.table_default_cell class="text-xs"> {UtilsDate.format_datetime_with_user_format(email.sent_at)} <.table_default_cell> <% end %>

<% end %> <%!-- Recent Activity Section --%>

{gettext("Recent Activity (Last 20 Emails)")}

<%= if @loading do %>

{gettext("Loading activity...")}

<% else %> <.table_default id="recent-activity-table" size="sm" toggleable={true} items={@recent_activity} card_title={fn email -> email.to end} card_fields={ fn email -> events = [ email.delivered_at && gettext("Delivered"), email.opened_at && gettext("Opened"), email.clicked_at && gettext("Clicked") ] |> Enum.filter(& &1) |> Enum.join(", ") [ %{ label: gettext("Status"), value: String.capitalize(email.status || "unknown") }, %{label: gettext("Subject"), value: email.subject || "—"}, %{ label: gettext("Sent At"), value: UtilsDate.format_datetime_with_user_format(email.sent_at) }, %{label: gettext("Events"), value: if(events == "", do: "—", else: events)} ] end } > <.table_default_header> <.table_default_row> <.table_default_header_cell>{gettext("Status")} <.table_default_header_cell>{gettext("Recipient")} <.table_default_header_cell>{gettext("Subject")} <.table_default_header_cell>{gettext("Sent At")} <.table_default_header_cell>{gettext("Events")} <.table_default_body> <%= for email <- @recent_activity do %> <.table_default_row> <.table_default_cell>

{String.capitalize(email.status || "unknown")}

<.table_default_cell class="font-mono text-xs"> {email.to} <.table_default_cell class="truncate max-w-xs"> {email.subject} <.table_default_cell class="text-xs"> {UtilsDate.format_datetime_with_user_format(email.sent_at)} <.table_default_cell>

<%= if email.delivered_at do %>

<.icon name="hero-check" class="w-3 h-3" />

<% end %> <%= if email.opened_at do %>

<.icon name="hero-envelope-open" class="w-3 h-3" />

<% end %> <%= if email.clicked_at do %>

<.icon name="hero-cursor-arrow-rays" class="w-3 h-3" />

<% end %>

<% end %> <%= if length(@recent_activity) == 0 do %> <.table_default_row> <.table_default_cell colspan={5} class="text-center py-8 text-base-content/60"> {gettext("No recent email activity")} <% end %> <% end %>