<%!-- 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 (always rendered; empty-state is a body row) --%>

<%= 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 } > <:toolbar_title>

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

<:toolbar_actions> <%= if length(@selected_emails) > 0 do %> {gettext("%{count} selected", count: length(@selected_emails))} <% else %> <% end %> <.button phx-click="refresh" class="btn btn-outline btn-sm"> <.icon name="hero-arrow-path" class="w-4 h-4" /> {gettext("Refresh")} <: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> <%= if @failed_emails == [] do %> <.table_default_row hover={false}> <.table_default_cell colspan={6}>

<.icon name="hero-check-circle" class="h-16 w-16 mx-auto text-base-content/40 mb-4" />

{gettext("No failed emails")}

{gettext("No failed emails in the last 24 hours")}

<% end %> <%= for email <- @failed_emails do %> <.table_default_row class="cursor-pointer" phx-click="view_details" phx-value-uuid={email.uuid} > <.table_default_cell> <%!-- stopPropagation so selecting a row doesn't also trigger the row's view_details navigation. --%>

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

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

<%= 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 } > <:toolbar_title>

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

<:toolbar_actions> {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" /> {gettext("Refresh")} <.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> <%= if @recent_activity == [] do %> <.table_default_row hover={false}> <.table_default_cell colspan={5}>

<.icon name="hero-envelope" class="h-16 w-16 mx-auto text-base-content/40 mb-4" />

{gettext("No recent email activity")}

{gettext("Recently sent emails will appear here")}

<% end %> <%= for email <- @recent_activity do %> <.table_default_row class="cursor-pointer" phx-click="view_details" phx-value-uuid={email.uuid} > <.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 %> <% end %>