-user_configuration = authenticated(User).user_configurations.last

.container

.block-header
  h2
    | Configuración

.card

form.card-body.card-padding action="/user/configuration" method="POST" data-toggle="validator"
  .row
    .col-xs-2
      .pull-right
        h5.c-gray Tema

    .col-xs-4
      == select_input({ :name => "css", :elements => [{ :text => "Default", :value => nil}, { :text => "Wieldy", :value => 'wieldy'}, { :text => "Metronic", :value => 'metronic'}, { :text => "Light Admin", :value => 'lightadmin'}], :placeholder => "" , :chosen => user_configuration.nil?? nil : user_configuration.css })

    .col-xs-6

  .row
    .col-xs-2
      .pull-right
        h5.c-gray Fuentes

    .col-xs-4
      -fonts = ['Roboto', 'Concert One','Lato','Montserrat', 'Nunito', 'Open Sans', 'Oswald', 'PT Sans', 'Quicksand', 'Raleway', 'Roboto', 'Rubik', 'Slabo 27px', 'Source Sans Pro', 'Ubuntu' ]
      == select_input({ :name => "fonts", :elements => [{ :text => "Default", :value => nil} ] + fonts.collect { |font| { :text => font, :value => font } }, :placeholder => "" , :chosen => user_configuration.nil?? nil : user_configuration.fonts })

    .col-xs-6

  .row
    .col-xs-2
      .pull-right
        h5.c-gray Darkmode

    .col-xs-4
      == radio_input({ :name => "dark_mode", :elements => [ { :name => "Deshabilitado", :value => 'disable'},{ :name => "Siempre", :value => 'always'},{ :name => "Habilitado", :value => 'enable'}], :filters => { 'dark_mode' => user_configuration.nil?? 'enable' : user_configuration.dark_mode }})

    .col-xs-6

  .footer-btn
    button.btn.btn-float.bgm-green.m-btn.waves-effect.waves-circle.waves-float type="submit"
      i.zmdi.zmdi-floppy
  .footer-text
    button.text.btn.bgm-white.c-gray type="submit" Guardar

css:

.radio-inline {
  display: block;
  margin-left: 0px !important;
}