<%!-- Header Section --%>

<%!-- Back Button (Left aligned) --%> <.link navigate={PhoenixKit.Utils.Routes.path("/admin/entities")} class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12" > <.icon name="hero-arrow-left" class="w-4 h-4 mr-2" /> {gettext("Back to Entities")} <%!-- Title Section --%>

{if @entity.id, do: gettext("Edit Entity"), else: gettext("Create New Entity")}

{gettext("Define your custom content type with dynamic fields")}

<%!-- Readonly Banner --%> <%= if @readonly? do %>

<.icon name="hero-eye" class="w-5 h-5" /> {gettext( "This entity is currently being edited by another user. You are in view-only mode." )}

<% end %> <.form :let={f} for={@changeset} phx-change="validate" phx-debounce="500" phx-submit="save" class="space-y-8" > <%!-- Entity Metadata Section --%>

<.icon name="hero-information-circle" class="w-6 h-6" /> {gettext( "Entity Information" )}

<%!-- Entity Name (Singular) --%>

<.label for="entity_display_name">{gettext("Entity Name (Singular)")} * <.input field={f[:display_name]} type="text" placeholder={gettext("Brand")} phx-debounce="300" disabled={@readonly?} /> <.label class="label"> {gettext("Singular form (e.g., \"Brand\")")}

<%!-- Entity Name (Plural) --%>

<.label for="entity_display_name_plural"> {gettext("Entity Name (Plural)")} * <.input field={f[:display_name_plural]} type="text" placeholder={gettext("Brands")} phx-debounce="300" disabled={@readonly?} /> <.label class="label"> {gettext("Plural form (e.g., \"Brands\")")}

<%!-- Slug --%>

<.label for="entity_name"> {gettext("Slug")} * <.input field={f[:name]} type="text" placeholder={gettext("brand")} phx-debounce="300" disabled={@readonly?} /> <.label class="label"> {gettext("snake_case identifier used in the system")}

<%!-- Icon --%>

<.label for="entity_icon">{gettext("Icon (Optional)")}

<.input field={f[:icon]} type="text" placeholder={gettext("hero-document-text")} phx-debounce="300" disabled={@readonly?} />

<%= if f[:icon].value && f[:icon].value != "" do %> <%= if String.starts_with?(f[:icon].value, "hero-") do %>

<.icon name={f[:icon].value} class="w-6 h-6" />

<% end %> <% end %>

<.label class="label"> {gettext("Heroicon name or click Browse")}

<%!-- Status --%>

<.label for="entity_status">{gettext("Status")} * <.label class="label"> {gettext("Only published can be used")}

<%!-- Description --%>

<.label for="entity_description">{gettext("Description (Optional)")}

<%!-- Fields Section --%>

<.icon name="hero-list-bullet" class="w-6 h-6" /> {ngettext( "%{count} Field Definition", "%{count} Field Definitions", length(@fields), count: length(@fields) )}

<%= if Enum.empty?(@fields) do %> <%!-- Empty Fields State --%>

📝

{gettext("No Fields Yet")}

{gettext("Add fields to define what data this entity can store")}

<% else %> <%!-- Fields List --%>

<%= for {field, index} <- Enum.with_index(@fields) do %>

<%!-- Move buttons (stacked vertically) at the beginning --%>

<%!-- Field Icon & Info --%>

<.icon name={field_type_icon(field["type"])} class="w-5 h-5 text-primary" />

{field["label"]}

{field["key"]} · {field_type_label(field["type"])} {if field["required"], do: " · #{gettext("Required")}"}

<%!-- Field Actions --%>

<%= if @delete_confirm_index == index do %> <%!-- Delete confirmation buttons --%> <% else %> <%!-- Edit button --%> <%!-- Delete button --%> <% end %>

<%!-- Field Options Preview --%> <%= if requires_options?(field["type"]) && field["options"] do %>

{gettext("Options")}: {Enum.join(field["options"], ", ")}

<% end %>

<%!-- Public Form Configuration Section --%>

<.icon name="hero-globe-alt" class="w-6 h-6" /> {gettext("Public Form Configuration")}

{gettext("Enable this entity to be used as an embeddable form on public pages")}

<%!-- Enable Public Form Toggle --%>

{gettext("Enable Public Form")}

{gettext("Allow this entity to be embedded as a form on public pages")}

<%= if get_in(@entity.settings, ["public_form_enabled"]) do %>

<%!-- Form Configuration --%>

<%!-- Form Title --%>

<.label>{gettext("Form Title")}

<%!-- Form Description --%>

<.label>{gettext("Form Description (Optional)")}

<%!-- Submit Button Text --%>

<.label>{gettext("Submit Button Text")}

<%!-- Success Message --%>

<.label>{gettext("Success Message")}

<%!-- Field Selection --%> <%= if not Enum.empty?(@fields) do %>

<.label>{gettext("Form Fields")}

{gettext( "Select which fields to include in the public form. Fields not selected will only be visible in the admin data viewer." )}

<%= for field <- @fields do %>

<.icon name={field_type_icon(field["type"])} class="w-4 h-4 text-primary" />

{field["label"]} ({field["key"]})

{field_type_label(field["type"])} <% end %>

<% else %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" /> {gettext( "Add fields to this entity first before configuring the public form." )}

<% end %> <%!-- Usage Example --%> <%= if not Enum.empty?(get_in(@entity.settings, ["public_form_fields"]) || []) do %>

<.icon name="hero-information-circle" class="w-5 h-5" />

{gettext("Embed this form:")}


                      <EntityForm entity_slug="{@entity.name}" />

<% end %>

<%!-- Security Section --%>

<.icon name="hero-shield-check" class="w-5 h-5" /> {gettext("Security")}

<%!-- Collect Metadata Toggle --%>

{gettext("Collect Submission Metadata")}

{gettext( "Record IP address, browser, device info, and referrer for each submission" )}

<%!-- Debug Mode Toggle --%>

{gettext("Debug Mode")}

{gettext( "Show detailed error messages when security checks fail (for troubleshooting only)" )}

<%= if get_in(@entity.settings, ["public_form_debug_mode"]) do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" /> {gettext( "Debug mode is enabled. Detailed security errors will be shown to users. Disable this in production." )}

<% end %> <%!-- Honeypot Protection --%>

{gettext("Honeypot Protection")}

{gettext("Add a hidden field that bots typically fill out")}

<%= if get_in(@entity.settings, ["public_form_honeypot"]) do %>

<.label class="text-sm">{gettext("When triggered:")}

<% end %>

<%!-- Time-based Validation --%>

{gettext("Time-based Validation")}

{gettext( "Check if submission happens too quickly (less than 3 seconds)" )}

<%= if get_in(@entity.settings, ["public_form_time_check"]) do %>

<.label class="text-sm">{gettext("When triggered:")}

<% end %>

<%!-- Rate Limiting --%>

{gettext("Rate Limiting")}

{gettext("Limit submissions to 5 per minute per IP address")}

<%= if get_in(@entity.settings, ["public_form_rate_limit"]) do %>

<.label class="text-sm">{gettext("When triggered:")}

<% end %>

<%!-- Form Statistics --%> <% stats = get_in(@entity.settings, ["public_form_stats"]) || %{} %>

<.icon name="hero-chart-bar" class="w-5 h-5" /> {gettext("Form Statistics")}

<.icon name="hero-document-text" class="w-8 h-8" />

{gettext("Total Submissions")}

{stats["total_submissions"] || 0}

<.icon name="hero-check-circle" class="w-8 h-8" />

{gettext("Successful")}

{stats["successful_submissions"] || 0}

<.icon name="hero-x-circle" class="w-8 h-8" />

{gettext("Rejected")}

{stats["rejected_submissions"] || 0}

<%!-- Security trigger breakdown --%> <%= if stats["honeypot_triggers"] || stats["too_fast_triggers"] || stats["rate_limited_triggers"] do %>

{gettext("Security Triggers")}

<%= if stats["honeypot_triggers"] do %>

<.icon name="hero-bug-ant" class="w-3 h-3" /> {gettext("Honeypot")}: {stats["honeypot_triggers"]}

<% end %> <%= if stats["too_fast_triggers"] do %>

<.icon name="hero-bolt" class="w-3 h-3" /> {gettext("Too Fast")}: {stats["too_fast_triggers"]}

<% end %> <%= if stats["rate_limited_triggers"] do %>

<.icon name="hero-clock" class="w-3 h-3" /> {gettext("Rate Limited")}: {stats["rate_limited_triggers"]}

<% end %>

<% end %> <%!-- Last submission time --%> <%= if stats["last_submission_at"] do %>

{gettext("Last submission")}: {format_stats_datetime( stats["last_submission_at"] )}

<% end %> <%!-- Reset Stats Button (only show if there are stats) --%> <%= if stats["total_submissions"] do %>

<% end %>

<%!-- Backup Settings Section --%>

<.icon name="hero-arrow-down-tray" class="w-6 h-6" /> {gettext("Backup Settings")}

{gettext("Configure automatic backup to file for this entity")}

<%= if @entity.id do %> <% end %>

<%= if @entity.id do %>

<%!-- Definition Sync Toggle --%>

{gettext("Sync Definition to File")}

{gettext("Automatically export entity schema when changes are saved")}

<%!-- Records Sync Toggle --%>

{gettext("Sync Records to File")}

{gettext( "Automatically export data records when they are created or updated" )}

<%!-- File Info --%>

<.icon name="hero-folder" class="w-4 h-4 text-base-content/70" /> {gettext("Export path")}:


                  {@mirror_path}/{@entity.name}.json

<% else %> <%!-- New entity - show message --%>

<.icon name="hero-information-circle" class="w-5 h-5" /> {gettext("Save the entity first to configure backup settings.")}

<% end %>

<%!-- Form Actions --%>

<.link navigate={PhoenixKit.Utils.Routes.path("/admin/entities")} class="btn btn-outline" > {gettext("Cancel")}

<%!-- Field Form Modal --%> <%= if @show_field_form do %>

{if @editing_field_index, do: gettext("Edit Field"), else: gettext("Add New Field")}

<%!-- Field Error Alert --%> <%= if @field_error do %>

<.icon name="hero-exclamation-triangle" class="w-5 h-5" /> {@field_error}

<% end %> <.form for={%{}} phx-change="update_field_form" phx-submit="save_field" class="space-y-4" > <%!-- Field Type --%>

<.label>{gettext("Field Type")} *

<%!-- Field Label and Key --%>

<.label>{gettext("Field Label")} * <.label class="label"> {gettext("Display name for users")}

<.label> {gettext("Slug")} * <.label class="label"> {gettext("snake_case identifier")}

<%!-- Required and Default Value --%>

<.label class="label cursor-pointer"> {gettext("Required Field")}

<.label>{gettext("Default Value (Optional)")}

<%!-- Options (for choice fields) --%> <%= if requires_options?(@field_form["type"]) do %>

<.label>{gettext("Options")} *

<%= for {option, option_index} <- Enum.with_index(@field_form["options"] || []) do %>

<% end %>

<%= if Enum.empty?(@field_form["options"] || []) do %>

{gettext("No options added yet. Click \"Add Option\" to get started.")}

<% end %>

<% end %> <%!-- Modal Actions --%>

<% end %> <%!-- Icon Picker Modal --%> <%= if @show_icon_picker do %>

<%!-- Modal Header --%>

<.icon name="hero-squares-2x2" class="w-6 h-6" /> {gettext("Select an Icon")}

<%!-- Search Bar --%>

<.form for={%{}} phx-change="search_icons" phx-submit="search_icons">

<%!-- Category Tabs --%>

<%= for category <- @icon_categories do %> <% end %>

<%!-- Icon Grid --%>

<%= if Enum.empty?(@available_icons) do %>

🔍

{gettext("No icons found matching your search")}

<% else %>

<%= for {icon_name, display_name} <- @available_icons do %> <% end %>

<% end %>

<%!-- Modal Footer --%>

{ngettext( "%{count} icon available", "%{count} icons available", length(@available_icons), count: length(@available_icons) )}

<% end %>