<%= form_with model: Spina::Current.account, url: spina.admin_theme_path do |f| %>

  <%= render Spina::UserInterface::HeaderComponent.new do |header| %>
    <% header.with_actions do %>
      
      <%= button_tag type: :submit, class: 'btn btn-primary', data: {controller: "button hotkeys", hotkeys: "command+s, ctrl+s", hotkeys_target: "button", action: "button#loading", loading_message: t("spina.ui.saving")} do %>
        <%= heroicon('check', style: :mini, class: 'w-5 h-5 -ml-1 mr-1') %>
        <%= t('spina.theme.save') %>
      <% end %>
      
    <% end %>
  <% end %>
  
  <div class="p-4 md:p-8 max-w-screen-2xl">
      
    <%= render Spina::Forms::GroupComponent.new(label: Spina::Account.human_attribute_name(:theme), description: t('spina.theme.theme_description')) do %>
    
      <%= f.select :theme, Spina::Theme.all.map{|theme| [theme.title, theme.name]}, {}, class: "form-select" %>
      
    <% end %>
      
  </div>
  
<% end %>