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

Email Templates

Manage and organize your email templates

<%!-- Action Buttons --%>
<.link navigate={Routes.path("/admin/modules/emails/templates/new")} class="btn btn-primary btn-sm" > <.icon name="hero-plus" class="w-4 h-4 mr-1" /> New Template <.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 --%>
<:icon> <.icon name="hero-document-text" class="w-5 h-5" /> <:icon> <.icon name="hero-check-circle" class="w-5 h-5" /> <:icon> <.icon name="hero-cog-6-tooth" class="w-5 h-5" /> <:icon> <.icon name="hero-star" class="w-5 h-5" />
<%!-- Filters & Search --%>
<.form for={%{}} phx-change="filter" phx-submit="filter" class="space-y-4"> <%!-- Search Bar --%>
<%!-- Filter Row --%>
<%!-- Category Filter --%>
<%!-- Status Filter --%>
<%!-- System/Custom Filter --%>
<%!-- Templates Table --%>
<%= if @loading do %>
Loading templates...
<% else %> <%= if length(@templates) > 0 do %> <.table_default variant="zebra" class="w-full"> <.table_default_header> <.table_default_row> <.table_default_header_cell>Template <.table_default_header_cell>Subject <.table_default_header_cell>Category <.table_default_header_cell>Status <.table_default_header_cell>Usage <.table_default_header_cell>Actions <.table_default_body> <%= for template <- @templates do %> <.table_default_row> <%!-- Template Column --%> <.table_default_cell>
{template.display_name}
{template.name}
<%= if template.is_system do %>
System
<% end %>
<%!-- Subject Column --%> <.table_default_cell>
{template.subject}
<%= if template.description do %>
{template.description}
<% end %> <%!-- Category Column --%> <.table_default_cell> <%= if template.is_system do %>
{String.capitalize(template.category)}
<% else %> <.category_badge category={template.category} /> <% end %> <%!-- Status Column --%> <.table_default_cell> <.template_status_badge status={template.status} /> <%!-- Usage Column --%> <.table_default_cell>
{template.usage_count} uses
<%= if template.last_used_at do %>
Last: {UtilsDate.format_date_with_user_format(template.last_used_at)}
<% else %>
Never used
<% end %>
<%!-- Actions Column --%> <.table_default_cell>
<%!-- Edit Button --%> <%!-- Clone Button --%> <%!-- Archive/Activate Button (not for system templates) --%> <%= unless template.is_system do %> <%= if template.status == "active" do %> <% else %> <% end %> <%!-- Delete Button --%> <% end %>
<% end %> <% else %> <%!-- Empty state --%>
<.icon name="hero-document-text" class="h-16 w-16 mx-auto text-base-content/40 mb-4" />

No templates found

No templates found matching your criteria

<% end %> <%!-- Pagination --%> <%= if @total_count > @per_page do %> <.pagination current_page={@page} total_pages={@total_pages} base_path="/admin/modules/emails/templates" params={ %{ "search" => @filters.search, "category" => @filters.category, "status" => @filters.status, "is_system" => @filters.is_system, "per_page" => @per_page } } /> <% end %> <% end %>
<%!-- Clone Template Modal --%>

Clone Template

<%= if @clone_template do %>

Creating a copy of "{@clone_template.display_name}"

<% end %> <.form for={%{}} phx-submit="clone_template" phx-change="validate_clone" class="space-y-4" >
<%= if @clone_form[:errors][:name] do %> <% end %>
<%= if @clone_form[:errors][:display_name] do %> <% end %>
<%!-- Confirmation Modal --%> <%= if assigns[:confirmation_modal] && @confirmation_modal.show do %>

{@confirmation_modal.title}

{@confirmation_modal.message}

<% end %>