#accordion.accordion.panel-group
  = simple_nested_form_for @user, url: settings_path, turboboost: true, validate: true, html: { multipart: true, class: "fixxpert_update_form" } do |f|
    = hidden_field_tag :type, :sub_trades
    - f.object.trades.includes(:subtrades).each_with_index do |trade, index|
      .panel.panel-info
        .panel-heading
          = link_to "#trade-#{index}", data: {parent: '#accordion', toggle: 'collapse'}, class: "#{'collapsed' if index != 0}" do
            h4.panel-title
              i.fa.fa-angle-down
              i.fa.fa-angle-right
              = trade.name.titleize
              span.pull-right
                = "#{trade.subtrades.count} #{Subtrade.model_name.human.downcase}"
        .panel-collapse.collapse id="trade-#{index}" class="#{'in' if index == 0}"
          .panel-body
            ul.selectable data-multiple=true data-parent='#accordion' data-input='#fixxpert_subtrade_ids'
              - trade.subtrades.each do |subtrade|
                li.li_subtrade data-id=subtrade.id class="#{'ui-selected' if f.object.subtrade_ids.include?(subtrade.id)}"
                  = subtrade.name
    = f.input :subtrade_ids, as: :hidden, input_html: {value: f.object.subtrade_ids.join(',')}, validate: true
    .space-20
    = f.button :submit, "Update #{Subtrade.model_name.human}", class: 'btn btn-info pull-right'