<%!-- Title/subtitle now render in the admin shell top bar (page_title / page_subtitle assigns); see emails.ex mount. --%> <%!-- Statistics Summary --%>

<:icon> <.icon name="hero-envelope" class="w-5 h-5" /> <:icon> <.icon name="hero-check-circle" class="w-5 h-5" /> <:icon> <.icon name="hero-exclamation-triangle" class="w-5 h-5" /> <:icon> <.icon name="hero-envelope-open" class="w-5 h-5" />

<%!-- Emails Table (filters/search/actions/sort live in the toolbar) --%>

<%= if @loading do %>

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

<% else %> <% status_options = [ {"", gettext("All Statuses")}, {"queued", gettext("Queued")}, {"sent", gettext("Sent")}, {"delivered", gettext("Delivered")}, {"opened", gettext("Opened")}, {"clicked", gettext("Clicked")}, {"bounced", gettext("Bounced")}, {"hard_bounced", gettext("Hard Bounced")}, {"soft_bounced", gettext("Soft Bounced")}, {"rejected", gettext("Rejected")}, {"delayed", gettext("Delayed")}, {"complaint", gettext("Complaint")}, {"failed", gettext("Failed")} ] %> <% category_options = [ {"", gettext("All Categories")}, {"system", gettext("System")}, {"transactional", gettext("Transactional")}, {"marketing", gettext("Marketing")}, {"notification", gettext("Notification")}, {"newsletters", gettext("Newsletters")} ] %> <% source_module_options = [ {"", gettext("All Modules")}, {"users", gettext("Users")}, {"billing", gettext("Billing")}, {"publishing", gettext("Publishing")}, {"entities", gettext("Entities")}, {"admin", gettext("Admin")}, {"custom", gettext("Custom")} ] %> <% status_label = status_options |> Enum.find(fn {v, _} -> v == @filters.status end) |> then(&(&1 && elem(&1, 1))) %> <% category_label = category_options |> Enum.find(fn {v, _} -> v == @filters.category end) |> then(&(&1 && elem(&1, 1))) %> <% source_module_label = source_module_options |> Enum.find(fn {v, _} -> v == @filters.source_module end) |> then(&(&1 && elem(&1, 1))) %> <.table_default id="emails-table" variant="zebra" class="w-full" toggleable={true} items={@logs} card_title={fn log -> log.to end} card_fields={ fn log -> [ %{label: gettext("Subject"), value: log.subject || gettext("(no subject)")}, %{label: gettext("Status"), value: log.status || "—"}, %{label: gettext("Template"), value: log.template_name || "—"} ] end } > <:toolbar_title>

<%!-- Status Filter (dropdown) --%> <%!-- Category Filter (dropdown) --%> <%!-- Source Module Filter (dropdown) --%> <%!-- Date Range Filter (dropdown holding the two date inputs) --%>

<:toolbar_actions> <.form for={%{}} phx-change="filter"> <.icon name="hero-magnifying-glass" class="w-4 h-4 opacity-60" /> <.link navigate={Routes.path("/admin/emails/templates")} class="btn btn-outline btn-secondary btn-sm" > <.icon name="hero-document-text" class="w-4 h-4" /> {gettext("Templates")} <.link href={build_export_url(@filters)} target="_blank" class="btn btn-outline btn-sm" > <.icon name="hero-arrow-down-tray" class="w-4 h-4" /> {gettext("Export CSV")} <:card_actions :let={log}> <.table_row_menu id={"email-card-menu-#{log.uuid}"} label={gettext("Email actions")}> <.table_row_menu_button phx-click="view_details" phx-value-uuid={log.uuid} icon="hero-eye" label={gettext("View")} /> <.table_row_menu_button phx-click="sync_log" phx-value-uuid={log.uuid} icon="hero-arrow-path" label={gettext("Get update on this email")} /> <.table_default_header> <.table_default_row> <%= for field <- @selected_columns do %> <% column = Enum.find(@available_columns, fn col -> col.field == field end) %> <% sort_field = sortable_column(field) %> <%= if column do %> <%= if sort_field do %> <.sort_header_cell field={sort_field} sort={%{by: @sort_by, dir: @sort_dir}} event="toggle_sort" > {column.label} <%= if field == "status" do %> <% end %> <% else %> <.table_default_header_cell> <%= if field == "details" do %>

{column.label}

<% else %> {column.label} <% end %> <% end %> <% end %> <% end %> <.table_default_body> <%= if @logs == [] do %> <.table_default_row hover={false}> <.table_default_cell colspan={length(@selected_columns)}>

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

{gettext("No emails found")}

{gettext("No emails found matching your criteria")}

<% end %> <%= for log <- @logs do %> <.table_default_row class="cursor-pointer" phx-click="view_details" phx-value-uuid={log.uuid} > <%= for field <- @selected_columns do %> <.table_default_cell> <%= case field do %> <% "to" -> %>

{log.to}

<%= if log.user_uuid do %>

{gettext("User")} {log.user_uuid}

<% end %>

<% "subject" -> %>

{log.subject || gettext("(no subject)")}

<% "status" -> %> <.email_activity_badges log={log} /> <% "details" -> %>

<%!-- Source module badge (accent - primary info) --%> <% source_module = is_map(log.message_tags) && Map.get(log.message_tags, "source_module") %> <%= if source_module do %>

{source_module}

<% end %> <%!-- Campaign badge (primary) --%> <%= if log.campaign_id do %>

{log.campaign_id}

<% end %> <%!-- Template name badge (outline) --%> <%= if log.template_name do %>

{log.template_name}

<% end %> <% has_details = source_module || log.campaign_id || log.template_name %> <%= if !has_details do %> — <% end %>

<% "actions" -> %> <.table_row_menu id={"email-menu-#{log.uuid}"} label={gettext("Email actions")} > <.table_row_menu_button phx-click="view_details" phx-value-uuid={log.uuid} icon="hero-eye" label={gettext("View")} /> <.table_row_menu_button phx-click="sync_log" phx-value-uuid={log.uuid} icon="hero-arrow-path" label={gettext("Get update on this email")} /> <% _ -> %> — <% end %> <% end %> <% end %> <%!-- Pagination --%> <%= if @total_count > @per_page do %> <.pagination current_page={@page} total_pages={@total_pages} base_path={Routes.path("/admin/emails")} params={ %{ "search" => @filters.search, "status" => @filters.status, "category" => @filters.category, "source_module" => @filters.source_module, "campaign_id" => @filters.campaign_id, "from_date" => @filters.from_date, "to_date" => @filters.to_date, "sort_by" => to_string(@sort_by), "sort_dir" => to_string(@sort_dir), "per_page" => @per_page } } /> <% end %> <% end %>

<%!-- Test Email Modal --%> <%!-- Column Selection Modal --%> <%= if @show_column_modal do %> <% working_columns = @temp_selected_columns || @selected_columns %> <% selected_no_actions = Enum.reject(working_columns, &(&1 == "actions")) %>

{gettext("Customize Table Columns")}

{gettext( "Drag to reorder selected columns, or add new columns from the options below. The Actions column is always included." )}

<%!-- Hidden input carries the current order for form submission --%>

<%!-- Selected Columns (draggable) --%>

{gettext("Selected Columns")}

{gettext("Drag to reorder")}

<.draggable_list id="selected-columns-container" items={selected_no_actions} item_id={fn id -> id end} on_reorder="reorder_selected_columns" layout={:list} gap="space-y-2" class="min-h-[120px] lg:min-h-[200px] lg:max-h-[400px] lg:overflow-y-auto border-2 border-dashed border-base-300 rounded-lg p-3" item_class="flex items-center p-3 rounded-lg bg-primary/10 border border-primary/30 hover:bg-primary/20 transition-colors" > <:item :let={col_id}>

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

{column_label(@available_columns, col_id)} <%= if selected_no_actions == [] do %>

<.icon name="hero-clipboard-document-list" class="h-12 w-12 mx-auto mb-3" />

{gettext("No columns selected yet")}

{gettext("Add columns from the options below")}

<% end %>

<%!-- Available Columns (click to add) --%>

{gettext("Available Fields")}

{gettext("Click to add")}

<% available_to_add = Enum.reject(@available_columns, fn col -> col.field in working_columns or col.field == "actions" end) %>

<%= for column <- available_to_add do %> <% end %> <%= if available_to_add == [] do %>

{gettext("All fields are already selected")}

<% end %>

{gettext("No emails found")}

{gettext("Send Test Email")}

{gettext("Customize Table Columns")}

{gettext("Selected Columns")}

{gettext("Available Fields")}