<%= if @loading do %>
{gettext("Loading templates...")}
<% else %>
<% category_options = [
{"", gettext("All Categories")},
{"system", gettext("System")},
{"transactional", gettext("Transactional")},
{"marketing", gettext("Marketing")},
{"newsletters", gettext("Newsletters")}
] %>
<% status_options = [
{"", gettext("All Statuses")},
{"active", gettext("Active")},
{"draft", gettext("Draft")},
{"archived", gettext("Archived")}
] %>
<% type_options = [
{"", gettext("All Types")},
{"true", gettext("System")},
{"false", gettext("Custom")}
] %>
<% category_label =
category_options
|> Enum.find(fn {v, _} -> v == @filters.category end)
|> then(&(&1 && elem(&1, 1))) %>
<% status_label =
status_options
|> Enum.find(fn {v, _} -> v == @filters.status end)
|> then(&(&1 && elem(&1, 1))) %>
<% type_label =
type_options
|> Enum.find(fn {v, _} -> v == @filters.is_system end)
|> then(&(&1 && elem(&1, 1))) %>
<.table_default
id="templates-table"
variant="zebra"
size="sm"
class="w-full"
toggleable={true}
items={@templates}
card_fields={
fn t ->
subject =
PhoenixKit.Modules.Emails.Template.get_translation(t.subject, @display_locale)
last_used =
if t.last_used_at,
do: UtilsDate.format_date_with_user_format(t.last_used_at),
else: gettext("Never")
[
%{label: gettext("Subject"), value: subject},
%{label: gettext("Category"), value: String.capitalize(t.category || "")},
%{label: gettext("Status"), value: t.status},
%{
label: gettext("Usage"),
value: "#{t.usage_count} (#{gettext("Last")}: #{last_used})"
}
]
end
}
>
<:card_header :let={template}>
{PhoenixKit.Modules.Emails.Template.get_translation(
template.display_name,
@display_locale
)}
<%= if template.is_system do %>
{gettext("System")}
<% end %>
{template.name}
<:card_actions :let={template}>
<%!-- Edit --%>
<.icon name="hero-pencil" class="w-3 h-3" />
<%!-- Clone --%>
<.icon name="hero-document-duplicate" class="w-3 h-3" />
<%!-- Archive / Activate (non-system only) --%>
<%= unless template.is_system do %>
<%= if template.status == "active" do %>
<.icon name="hero-archive-box" class="w-3 h-3" />
<% else %>
<.icon name="hero-check-circle" class="w-3 h-3" />
<% end %>
<%!-- Delete --%>
<.icon name="hero-trash" class="w-3 h-3" />
<% end %>
<:toolbar_title>
<%!-- Category Filter (dropdown) --%>
<.icon name="hero-tag" class="w-4 h-4" />
{category_label || gettext("Category")}
<.icon
name="hero-chevron-down"
class="hidden sm:inline-block w-3.5 h-3.5 opacity-60"
/>
<%= for {val, label} <- category_options do %>
{label}
<% end %>
<%!-- Status Filter (dropdown) --%>
<.icon name="hero-signal" class="w-4 h-4" />
{status_label || gettext("Status")}
<.icon
name="hero-chevron-down"
class="hidden sm:inline-block w-3.5 h-3.5 opacity-60"
/>
<%= for {val, label} <- status_options do %>
{label}
<% end %>
<%!-- Type (System/Custom) Filter (dropdown) --%>
<.icon name="hero-squares-2x2" class="w-4 h-4" />
{type_label || gettext("Type")}
<.icon
name="hero-chevron-down"
class="hidden sm:inline-block w-3.5 h-3.5 opacity-60"
/>
<%= for {val, label} <- type_options do %>
{label}
<% end %>
<:toolbar_actions>
<.form for={%{}} phx-change="filter">
<.icon name="hero-magnifying-glass" class="w-4 h-4 opacity-60" />
<.icon name="hero-x-mark" class="w-4 h-4" />
<.link
navigate={Routes.path("/admin/emails/templates/new")}
class="btn btn-primary btn-sm"
>
<.icon name="hero-plus" class="w-4 h-4" />
{gettext("New Template")}
<.icon name="hero-arrow-path" class="w-4 h-4" />
{gettext("Refresh")}
<.table_default_header>
<.table_default_row>
<.sort_header_cell
field={:name}
sort={%{by: @sort_by, dir: @sort_dir}}
event="toggle_sort"
>
{gettext("Template")}
<.table_default_header_cell>{gettext("Subject")}
<.table_default_header_cell>{gettext("Category")}
<.table_default_header_cell>{gettext("Status")}
<.sort_header_cell
field={:usage_count}
sort={%{by: @sort_by, dir: @sort_dir}}
event="toggle_sort"
>
{gettext("Usage")}
<.table_default_header_cell>{gettext("Actions")}
<.table_default_body>
<%= if @templates == [] do %>
<.table_default_row hover={false}>
<.table_default_cell colspan={6}>
<.icon
name="hero-document-text"
class="h-16 w-16 mx-auto text-base-content/40 mb-4"
/>
{gettext("No templates found")}
{gettext("No templates found matching your criteria")}
<% end %>
<%= for template <- @templates do %>
<.table_default_row
class="cursor-pointer"
phx-click="edit_template"
phx-value-uuid={template.uuid}
>
<%!-- Template Column --%>
<.table_default_cell class="max-w-xs">
{PhoenixKit.Modules.Emails.Template.get_translation(
template.display_name,
@display_locale
)}
{template.name}
<%= if template.is_system do %>
{gettext("System")}
<% end %>
<%!-- Subject Column --%>
<.table_default_cell class="max-w-xs">
<% subj =
PhoenixKit.Modules.Emails.Template.get_translation(
template.subject,
@display_locale
) %>
{subj}
<% desc =
PhoenixKit.Modules.Emails.Template.get_translation(
template.description || %{},
@display_locale
) %>
<%= if desc != "" do %>
{desc}
<% 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>
<.status_badge status={template.status} />
<%!-- Usage Column --%>
<.table_default_cell>
{gettext("%{count} uses", count: template.usage_count)}
<%= if template.last_used_at do %>
{gettext("Last:")} {UtilsDate.format_date_with_user_format(template.last_used_at)}
<% else %>
{gettext("Never used")}
<% end %>
<%!-- Actions Column --%>
<.table_default_cell>
<%!-- stopPropagation so action buttons don't also trigger
the row's edit navigation. --%>
<%!-- Edit Button --%>
<.icon name="hero-pencil" class="w-3 h-3 hidden sm:inline" />
{gettext("Edit")}
<%!-- Clone Button --%>
<.icon name="hero-document-duplicate" class="w-3 h-3 hidden sm:inline" />
{gettext("Clone")}
<%!-- Archive/Activate Button (not for system templates) --%>
<%= unless template.is_system do %>
<%= if template.status == "active" do %>
<.icon name="hero-archive-box" class="w-3 h-3 hidden sm:inline" />
{gettext("Archive")}
<% else %>
<.icon name="hero-check-circle" class="w-3 h-3 hidden sm:inline" />
{gettext("Activate")}
<% end %>
<%!-- Delete Button --%>
<.icon name="hero-trash" class="w-3 h-3 hidden sm:inline" />
{gettext("Delete")}
<% end %>
<% end %>
<%!-- Pagination --%>
<%= if @total_count > @per_page do %>
<.pagination
current_page={@page}
total_pages={@total_pages}
base_path={Routes.path("/admin/emails/templates")}
params={
%{
"search" => @filters.search,
"category" => @filters.category,
"status" => @filters.status,
"is_system" => @filters.is_system,
"sort_by" => to_string(@sort_by),
"sort_dir" => to_string(@sort_dir),
"per_page" => @per_page
}
}
/>
<% end %>
<% end %>