<%!-- Header Section --%>
<%!-- Back Button (Left aligned) --%> <.link navigate="/phoenix_kit/admin/dashboard" class="btn btn-outline btn-primary btn-sm absolute left-0 top-0 -mb-12" > Back to Dashboard <%!-- Title Section --%>

System Settings

Configure system preferences and options

<%!-- Settings Form --%>

System Configuration

<.form :let={_form} for={@changeset} id="settings_form" phx-submit="save_settings" phx-change="validate_settings" class="space-y-6" > <%!-- Project Title Setting --%>
<%= if @settings["project_title"] != @saved_settings["project_title"] do %> Selected: {@settings["project_title"]} | Saved: {@saved_settings["project_title"]} <% else %> Saved: {@settings["project_title"]} <% end %>
<%!-- Time Zone Setting --%>
<%= if @settings["time_zone"] != @saved_settings["time_zone"] do %> Selected: {get_timezone_label(@settings["time_zone"], @setting_options)} | Saved: {get_timezone_label(@saved_settings["time_zone"], @setting_options)} <% else %> Saved: {get_timezone_label(@settings["time_zone"], @setting_options)} <% end %>
<%!-- Date Format Setting --%>
<%= if @settings["date_format"] != @saved_settings["date_format"] do %> Selected: {get_option_label( @settings["date_format"], @setting_options["date_format"] )} | Saved: {get_option_label( @saved_settings["date_format"], @setting_options["date_format"] )} <% else %> Saved: {get_option_label( @settings["date_format"], @setting_options["date_format"] )} <% end %>
<%!-- Time Format Setting --%>
<%= if @settings["time_format"] != @saved_settings["time_format"] do %> Selected: {get_option_label( @settings["time_format"], @setting_options["time_format"] )} | Saved: {get_option_label( @saved_settings["time_format"], @setting_options["time_format"] )} <% else %> Saved: {get_option_label( @settings["time_format"], @setting_options["time_format"] )} <% end %>
<%!-- Action Buttons --%>
<%!-- Information Panel --%>
Information
💡

About System Settings

  • • Make changes to dropdowns and click "Save All Settings" to apply
  • • Changes show "Selected" vs "Saved" values until you click Save
  • • Time zone affects date/time display throughout the system
  • • Date formats control how dates appear (e.g. Users dashboard "Registered" field)
  • • Time formats control 12-hour vs 24-hour time display
  • • Settings are applied system-wide and use Timex for robust formatting
  • • Currently supports 6 date formats including "September 2, 2025" style