<%!-- Header Section --%>
<%!-- Back Button (Left aligned) --%> <.link navigate={Routes.path("/admin/dashboard")} class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12" > <.icon_arrow_left /> Back to Dashboard <%!-- Title Section --%>

Emails

Monitor and track all outgoing emails

<%!-- Action Buttons --%>
<.link navigate={Routes.path("/admin/modules/emails/templates")} class="btn btn-outline btn-secondary btn-sm" > <.icon name="hero-document-text" class="w-4 h-4 mr-1" /> Templates
<.button phx-click="show_test_email_modal" class="btn btn-primary btn-sm"> <.icon name="hero-envelope" class="w-4 h-4 mr-1" /> Send Test Email <.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 mr-1" /> Export CSV <.button phx-click="refresh" class="btn btn-outline btn-sm"> <.icon name="hero-arrow-path" class="w-4 h-4 mr-1" /> Refresh
<%!-- Statistics Summary --%>
Total Sent
{@stats[:total_sent] || 0}
Last 30 days
Delivered
{@stats[:delivered] || 0}
{@stats[:delivery_rate] || 0}% rate
Bounced
{@stats[:bounced] || 0}
{@stats[:bounce_rate] || 0}% rate
Opened
{@stats[:opened] || 0}
{@stats[:open_rate] || 0}% rate
<%!-- Filters & Search --%>
<.form for={%{}} phx-change="filter" class="space-y-4"> <%!-- Search Bar & Action Buttons (Single Row) --%>
<%!-- Filter Row --%>
<%!-- Status Filter --%>
<%!-- Message Tags Filter --%>
<%!-- Date Range --%>
<%!-- Emails Table --%>
<%= if @loading do %>
Loading emails...
<% else %>
<%= for log <- @logs do %> <%!-- Email Column --%> <%!-- Subject Column --%> <%!-- Status Column --%> <%!-- Details Column --%> <%!-- Actions Column --%> <% end %> <%= if length(@logs) == 0 and not @loading do %> <% end %>
Email Subject Status Details Actions
{log.to}
<%= if log.user_id do %>
User #{log.user_id}
<% end %>
{log.subject || "(no subject)"}
<%= if log.template_name do %>
{log.template_name}
<% end %>
{log.status}
<%= if log.error_message do %>
Error
<% end %>
<%= if get_message_tag(log.message_tags) do %>
{get_message_tag(log.message_tags)}
<% else %>
no tag
<% end %> <%= if log.campaign_id do %>
{log.campaign_id}
<% end %>
{UtilsDate.format_datetime_with_user_format(log.sent_at)}
<%= if log.delivered_at do %>
✓ {UtilsDate.format_datetime_with_user_format(log.delivered_at)}
<% end %>
No emails found matching your criteria
<%!-- Pagination --%> <%= if @total_count > @per_page do %>
Showing {(@page - 1) * @per_page + 1} to {min(@page * @per_page, @total_count)} of {@total_count} results
<%= if @page > 1 do %> <.link patch={build_page_url(@page - 1, assigns)} class="btn btn-sm"> « Prev <% end %> <%= for page_num <- pagination_pages(@page, @total_pages) do %> <.link patch={build_page_url(page_num, assigns)} class={pagination_class(page_num, @page)} > {page_num} <% end %> <%= if @page < @total_pages do %> <.link patch={build_page_url(@page + 1, assigns)} class="btn btn-sm"> Next » <% end %>
<% end %> <% end %>
<%!-- Test Email Modal --%>

Send Test Email

Send a test email to verify that email is working correctly. The test email will include test links.

<.form for={%{}} phx-submit="send_test_email" phx-change="validate_test_email" class="space-y-4" >
<%= if @test_email_form[:errors][:recipient] do %> <% end %>
<.icon name="hero-information-circle" class="w-5 h-5" />
This test email will:
  • Verify AWS SES configuration (if enabled)
  • Test email delivery management
  • Include trackable links for click testing
  • Appear in your emails with "TEST" campaign