- page_title "Design"
%h3.page-title
  = page_title
%p.light
  Appearance settings will be saved to your profile and made available across all devices.
%hr

= form_for @user, url: profile_path, remote: true, method: :put do |f|
  .panel.panel-default.application-theme
    .panel-heading
      Application theme
    .panel-body
      .themes_opts
        = label_tag do
          .prev.default
          = f.radio_button :theme_id, 1
          Graphite

        = label_tag do
          .prev.classic
          = f.radio_button :theme_id, 2
          Charcoal

        = label_tag do
          .prev.modern
          = f.radio_button :theme_id, 3
          Green

        = label_tag do
          .prev.gray
          = f.radio_button :theme_id, 4
          Gray

        = label_tag do
          .prev.violet
          = f.radio_button :theme_id, 5
          Violet

        = label_tag do
          .prev.blue
          = f.radio_button :theme_id, 6
          Blue
      %br
      .clearfix

  .panel.panel-default.code-preview-theme
    .panel-heading
      Code preview theme
    .panel-body
      .code_highlight_opts
        - color_schemes.each do |color_scheme_id, color_scheme|
          = label_tag do
            .prev
              = image_tag "#{color_scheme}-scheme-preview.png"
            = f.radio_button :color_scheme_id, color_scheme_id
            = color_scheme.gsub(/[-_]+/, ' ').humanize