{gettext("System Configuration")}

<.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 --%> <%!-- Project Title Setting --%>

{gettext("Project Title")} {gettext("Application name display")}

<%= if @settings["project_title"] != @saved_settings["project_title"] do %> {gettext("Selected:")} {@settings["project_title"]} | {gettext("Saved:")} {@saved_settings["project_title"]} <% else %> {gettext("Saved:")} {@settings["project_title"]} <% end %>

<%!-- Project Logo --%>

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

<% else %> <% end %>

{gettext( "Logo displayed across the application. Leave empty to show project title text." )}

<%!-- Site Icon (Favicon) --%>

{gettext("Site Icon")} <%!-- Browser Tab Preview --%>

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

<% else %>

<% end %> {if (@settings["default_tab_title"] || "") != "", do: @settings["default_tab_title"], else: @settings["project_title"] || "My Site"} ×

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

<% else %> <% end %>

{gettext( "Shown in browser tabs and bookmarks. Should be square, at least 512×512 pixels." )}

<%!-- Default Tab Title --%>

{gettext("Default Tab Title")} {gettext("Browser tab fallback")}

{gettext("Text shown in the browser tab when a page doesn't set its own title.")}

<%!-- Notifications --%>

{gettext("Notifications")} {gettext("Per-user inbox driven by the activity feed")}

{gettext("Enable user notifications")}

{gettext( "When on, users receive a bell notification whenever an activity targets them (e.g., their post is liked)." )}

<%!-- Multiple Sessions (account switcher) --%>

{gettext("Multiple Sessions")} {gettext("Account switcher for signing in to several accounts at once")}

{gettext("Enable the multi-account switcher in the header")}

{gettext( "When on, any signed-in user can add other accounts (with their password) and switch between them from the user menu." )}

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

{gettext("Site Address (URL)")}

<%= if @settings["site_url"] != @saved_settings["site_url"] do %> {gettext("Selected:")} {if @settings["site_url"] != "", do: @settings["site_url"], else: gettext("(empty)")} | {gettext("Saved:")} {if @saved_settings["site_url"] != "", do: @saved_settings["site_url"], else: gettext("(empty)")} <% else %> {gettext("Saved:")} {if @settings["site_url"] != "", do: @settings["site_url"], else: gettext("(empty)")} <% end %>

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

{gettext("Week Start On")} {gettext("First day of the week")}

<%= if @settings["week_start_day"] != @saved_settings["week_start_day"] do %> {gettext("Selected:")} {get_option_label( @settings["week_start_day"], @setting_options["week_start_day"] )} | {gettext("Saved:")} {get_option_label( @saved_settings["week_start_day"], @setting_options["week_start_day"] )} <% else %> {gettext("Saved:")} {get_option_label( @settings["week_start_day"], @setting_options["week_start_day"] )} <% end %>

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

{gettext("Time Zone")} {gettext("System default timezone")}

<%= if @settings["time_zone"] != @saved_settings["time_zone"] do %> {gettext("Selected:")} {get_timezone_label( @settings["time_zone"], @setting_options )} | {gettext("Saved:")} {get_timezone_label( @saved_settings["time_zone"], @setting_options )} <% else %> {gettext("Saved:")} {get_timezone_label( @settings["time_zone"], @setting_options )} <% end %>

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

{gettext("Date Format")} {gettext("How dates are displayed")}

<%= if @settings["date_format"] != @saved_settings["date_format"] do %> {gettext("Selected:")} {get_option_label( @settings["date_format"], @setting_options["date_format"] )} | {gettext("Saved:")} {get_option_label( @saved_settings["date_format"], @setting_options["date_format"] )} <% else %> {gettext("Saved:")} {get_option_label( @settings["date_format"], @setting_options["date_format"] )} <% end %>

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

{gettext("Time Format")} {gettext("How times are displayed")}

<%= if @settings["time_format"] != @saved_settings["time_format"] do %> {gettext("Selected:")} {get_option_label( @settings["time_format"], @setting_options["time_format"] )} | {gettext("Saved:")} {get_option_label( @saved_settings["time_format"], @setting_options["time_format"] )} <% else %> {gettext("Saved:")} {get_option_label( @settings["time_format"], @setting_options["time_format"] )} <% end %>

<%!-- Action Buttons --%>

<%!-- Information Panel --%>

{gettext("Information")}

💡

{gettext("About System Settings")}

{gettext("• Make changes to dropdowns and click \"Save All Settings\" to apply")}
{gettext("• Changes show \"Selected\" vs \"Saved\" values until you click Save")}
{gettext( "• User settings (registration, defaults, custom fields) are managed separately" )}
{gettext( "• Week start day controls which day begins the week (useful for calendar features)" )}
{gettext("• Time zone affects date/time display throughout the system")}
{gettext( "• Date formats control how dates appear (e.g. Users dashboard \"Registered\" field)" )}
{gettext("• Time formats control 12-hour vs 24-hour time display")}
{gettext( "• Settings are applied system-wide and use Timex for robust formatting" )}
{gettext( "• Currently supports 6 date formats including \"September 2, 2025\" style" )}