%= javascript_include_tag "stickySaveFooter", defer: true %>
<%= form_for @users_setting,
url: users_settings_path,
html: { id: "ux-customization-form", class: "sticky-footer-form" } do |f| %>
<%= f.hidden_field :user_id, value: @users_setting.user_id, id: nil %>
<%= f.hidden_field :tab, value: @tab, id: nil %>
<%= t("views.settings.custom.appearance") %>
<%= f.label :config_font, t("views.settings.custom.font"), class: "crayons-field__label" %>
<% Users::Setting.config_fonts.keys.each do |font| %>
<%= render partial: "font_selector", locals: { f: f, font: font } %>
<% end %>
<%= f.label :config_navbar, t("views.settings.custom.navbar"), class: "crayons-field__label" %>
<% Users::Setting.config_navbars.keys.each do |navbar| %>
<%= render partial: "navbar_selector", locals: { f: f, navbar: navbar } %>
<% end %>
<% if policy(Article).has_existing_articles_or_can_create_new_ones? %>
<%= t("views.settings.custom.writing") %>
<%= f.label :editor_version, t("views.settings.custom.editor"), class: "crayons-field__label" %>
<% Users::Setting.editor_versions.keys.each do |version| %>
<%= render partial: "editor_selector", locals: { f: f, version: version } %>
<% end %>
<% end %>
<%= t("views.settings.custom.content") %>
<%= f.label :experience_level, t("views.settings.custom.level"), class: "crayons-field__label" %>
<% user_experience_levels.each_with_index do |exp, i| %>
<%= render partial: "experience_selector", locals: { f: f, exp: exp, i: i, label: user_experience_labels } %>
<% end %>
<%= t("views.settings.custom.level_desc") %>
<% end %>