- page_title 'Preferences'
%h3.page-title
  = page_title
%p.light
  These settings allow you to customize the appearance and behavior of the site.
  They are saved with your account and will persist to any device you use to
  access the site.
%hr

= form_for @user, url: profile_preferences_path, remote: true, method: :put, html: {class: 'js-preferences-form'} do |f|
  .panel.panel-default.application-theme
    .panel-heading
      Application theme
    .panel-body
      - Gitlab::Themes.each do |theme|
        = label_tag do
          .preview{class: theme.css_class}
          = f.radio_button :theme_id, theme.id
          = theme.name

  .panel.panel-default.syntax-theme
    .panel-heading
      Syntax highlighting theme
    .panel-body
      - color_schemes.each do |color_scheme_id, color_scheme|
        = label_tag do
          .preview= image_tag "#{color_scheme}-scheme-preview.png"
          = f.radio_button :color_scheme_id, color_scheme_id
          = color_scheme.tr('-_', ' ').titleize

  .panel.panel-default
    .panel-heading
      Behavior
    .panel-body
      .form-group
        = f.label :dashboard, 'Default Dashboard', class: 'control-label'
        .col-sm-10
          = f.select :dashboard, dashboard_choices, {}, class: 'form-control'
          %p.help-block.hint
            This setting allows you to customize the default Dashboard page.
    .panel-footer
      = f.submit 'Save', class: 'btn btn-save'