<%!-- Settings Form --%>

<.form :let={_form} for={@changeset} id="settings_form" phx-submit="save_settings" phx-change="validate_settings" class="space-y-6" > <%!-- Hidden fields for required settings from Users page --%> <%!-- Use @saved_settings to preserve database values, not @settings which may have incorrect form state --%> <.nav_tabs active_tab={@active_tab} on_change="switch_settings_tab" variant={:border} tabs={[ %{id: "identity", label: gettext("Site Identity"), icon: "hero-identification"}, %{id: "address", label: gettext("Site Address"), icon: "hero-globe-alt"}, %{id: "features", label: gettext("Features"), icon: "hero-adjustments-horizontal"}, %{id: "editor", label: gettext("Content Editor"), icon: "hero-pencil-square"}, %{id: "datetime", label: gettext("Date & Time"), icon: "hero-clock"} ]} />

<%!-- Project Title Setting --%>

{gettext("Project Title")} {gettext("Application name display")} <.input name="settings[project_title]" type="text" value={@settings["project_title"]} class="focus:input-primary" placeholder={gettext("Enter project title")} phx-debounce="500" /> <.unsaved_hint dirty={@settings["project_title"] != @saved_settings["project_title"]} saved={@saved_settings["project_title"]} />

<%!-- "Admin Panel" chip in the admin header --%>

<.checkbox name="settings[show_admin_panel_label]" checked={@settings["show_admin_panel_label"] != "false"} label={gettext("Show the \"Admin Panel\" label in the admin header")} > <:description> {gettext( "Shown next to the project name. Turn it off to show just the project name. The wording is not editable here because it is translated — each visitor reads it in their own language. To call your admin area something else and keep that, a developer can set `admin_panel_label` in config.exs, where the available names are listed as comments. The browser tab title is unaffected." )}

<%!-- Project Logo --%>

{gettext("Project Logo")} <%= if (@settings["auth_logo_file_uuid"] || "") != "" do %>

<% else %> <% end %>

{gettext( "Logo displayed across the application. Falls back to the site icon, then the project title text." )} <%= if (@settings["auth_logo_file_uuid"] || "") == "" && (@settings["site_icon_file_uuid"] || "") != "" do %> {gettext("Currently using the site icon.")} <% end %>

<%!-- Browser Tab: site icon + default tab title as one identity group, with a live browser-chrome preview (WordPress site-icon style). --%>

{gettext("Browser Tab")} {gettext("Site icon and tab title")} <%!-- The favicon defaults to the project logo when unset (and vice versa) — mirror that fallback so the preview shows what the browser will actually render. --%> <% preview_icon_uuid = if (@settings["site_icon_file_uuid"] || "") != "", do: @settings["site_icon_file_uuid"], else: @settings["auth_logo_file_uuid"] %>

<%!-- Live preview: tab strip. The title updates as you type (the form's phx-change refreshes @settings). --%>

<%= if (preview_icon_uuid || "") != "" do %>

<% else %> <.icon name="hero-globe-alt" class="w-4 h-4 text-base-content/30 shrink-0" /> <% end %> {if (@settings["default_tab_title"] || "") != "", do: @settings["default_tab_title"], else: @settings["project_title"] || "My Site"} <.icon name="hero-x-mark" class="w-3 h-3 text-base-content/40 shrink-0 ml-auto" />

<.icon name="hero-plus" class="w-3.5 h-3.5" />

<%!-- Address bar --%>

<.icon name="hero-arrow-left" class="w-3.5 h-3.5" /> <.icon name="hero-arrow-right" class="w-3.5 h-3.5" /> <.icon name="hero-arrow-path" class="w-3.5 h-3.5" />

<.icon name="hero-lock-closed" class="w-3 h-3 text-base-content/40 shrink-0" /> {site_host()}

<%!-- Controls --%>

<%= if (@settings["site_icon_file_uuid"] || "") != "" do %> {gettext("Site

<% else %>

{gettext("Square, at least 512×512 pixels.")} <%= if (@settings["auth_logo_file_uuid"] || "") != "" do %> {gettext("Currently using the project logo.")} <% end %>

<% end %>

{gettext("Default Tab Title")} <.input name="settings[default_tab_title]" type="text" value={@settings["default_tab_title"]} class="focus:input-primary" placeholder={ @settings["project_title"] || gettext("e.g. Welcome to My Site") } phx-debounce="300" />

{gettext( "Shown when a page doesn't set its own title. Leave empty to use the project title." )}

{gettext( "The icon appears in browser tabs, bookmarks, and on phone home screens." )}

<%!-- Site Address URL Setting --%>

{gettext("Site Address (URL)")} {gettext("Public base URL of this application")} <.input name="settings[site_url]" type="url" value={@settings["site_url"]} class="focus:input-primary" placeholder="https://site.com" phx-debounce="500" /> <.unsaved_hint dirty={@settings["site_url"] != @saved_settings["site_url"]} saved={ if @saved_settings["site_url"] != "", do: @saved_settings["site_url"], else: gettext("(empty)") } />

<%!-- Main Page: where core sends a visitor who is not signed in. Empty = core's own /users/log-in, which exists in every install and every locale. --%>

{gettext("Signed-Out Landing Page")} <.input name="settings[main_page_path]" type="text" value={@settings["main_page_path"]} class="focus:input-primary" placeholder="/" phx-debounce="500" />

{gettext( "Where a visitor who isn't signed in lands — including right after logging out. Empty = the sign-in page." )}

<.unsaved_hint dirty={@settings["main_page_path"] != @saved_settings["main_page_path"]} saved={ if @saved_settings["main_page_path"] != "", do: @saved_settings["main_page_path"], else: gettext("(empty)") } />

<%!-- Notifications --%>

{gettext("Notifications")} {gettext("Per-user inbox driven by the activity feed")} <.checkbox name="settings[notifications_enabled]" checked={@settings["notifications_enabled"] == "true"} label={gettext("Enable user notifications")} > <:description> {gettext( "When on, users receive a bell notification whenever an activity targets them (e.g., their post is liked)." )} <%!-- Default notification destination (catch-all click target) --%> {gettext("Default notification link")} <.input type="text" name="settings[notification_default_link]" value={@settings["notification_default_link"] || "/admin"} placeholder="/admin" class="input-sm max-w-md" />

{gettext( "Where a notification opens when it has no link of its own. Defaults to /admin (every signed-in user can open it). Clear the field to make such notifications non-clickable instead. The URL prefix and locale are added automatically." )}

<%!-- Default Editor Mode Setting --%>

{gettext("Default Editor Mode")} {gettext("Mode every content editor opens in")} <.select name="settings[editor_default_mode]" value={@settings["editor_default_mode"]} options={@setting_options["editor_default_mode"]} class="focus-within:select-primary" />

{gettext( "Applies site-wide wherever the rich-text editor is rendered (posts, comments). Users can still switch modes inside the editor." )}

<.unsaved_hint dirty={ @settings["editor_default_mode"] != @saved_settings["editor_default_mode"] } saved={ get_option_label( @saved_settings["editor_default_mode"], @setting_options["editor_default_mode"] ) } />

<%!-- Mentions --%>

<.checkbox name="settings[mentions_enabled]" checked={@settings["mentions_enabled"] == "true"} label={gettext("Mentions and record links")} wrapper_class="mb-3" />

{gettext( "Lets people type @ to mention someone and # to link a record, anywhere they can write free text. Turning it off stops the suggestions; mentions already written stay readable as plain text." )}

<.checkbox name="settings[mentions_redact_titles]" checked={@settings["mentions_redact_titles"] == "true"} label={gettext("Hide titles of records the reader can't open")} wrapper_class="mb-3" />

{gettext( "By default a mention shows what it names even to someone without access, with a lock icon and no link. Turn this on where the name itself is sensitive; they then see the name as it was when it was written, not its current one." )}

<.unsaved_hint dirty={ @settings["mentions_enabled"] != @saved_settings["mentions_enabled"] or @settings["mentions_redact_titles"] != @saved_settings["mentions_redact_titles"] } saved={ if(@saved_settings["mentions_enabled"] == "true", do: gettext("On"), else: gettext("Off") ) } />

<%!-- Week Start Day Setting --%>

{gettext("Week Start On")} {gettext("First day of the week")} <.select name="settings[week_start_day]" value={@settings["week_start_day"]} options={@setting_options["week_start_day"]} class="focus-within:select-primary" /> <.unsaved_hint dirty={@settings["week_start_day"] != @saved_settings["week_start_day"]} saved={ get_option_label( @saved_settings["week_start_day"], @setting_options["week_start_day"] ) } />

<%!-- Time Zone Setting --%>

{gettext("Time Zone")} {gettext("System default timezone")} <.select name="settings[time_zone]" value={@settings["time_zone"]} options={@setting_options["time_zone"]} class="focus-within:select-primary" /> <.unsaved_hint dirty={@settings["time_zone"] != @saved_settings["time_zone"]} saved={get_timezone_label(@saved_settings["time_zone"], @setting_options)} />

<%!-- Date Format Setting --%>

{gettext("Date Format")} {gettext("How dates are displayed")} <.select name="settings[date_format]" value={@settings["date_format"]} options={@setting_options["date_format"]} class="focus-within:select-primary" />

{gettext("Example:")} {get_current_date_example(@settings["date_format"])}

<.unsaved_hint dirty={@settings["date_format"] != @saved_settings["date_format"]} saved={ get_option_label( @saved_settings["date_format"], @setting_options["date_format"] ) } />

<%!-- Time Format Setting --%>

{gettext("Time Format")} {gettext("How times are displayed")} <.select name="settings[time_format]" value={@settings["time_format"]} options={@setting_options["time_format"]} class="focus-within:select-primary" />

{gettext("Example:")} {get_current_time_example(@settings["time_format"])}

<.unsaved_hint dirty={@settings["time_format"] != @saved_settings["time_format"]} saved={ get_option_label( @saved_settings["time_format"], @setting_options["time_format"] ) } />

<%!-- Action Buttons --%>

<%!-- Footnote --%>

<.icon name="hero-information-circle" class="w-4 h-4 shrink-0 mt-0.5" />

{gettext( "Changes apply system-wide after \"Save All Settings\". Registration and user defaults are managed on the Users page." )}