.editbox
  .row
    .col-sm-12.align-center.no-padding
      .col-sm-12.col-md-10.pl0
        .clearfix
          = text_field_tag 'skill-search', nil, placeholder: "Search by Skill Name", id: 'search-skill', class: 'search-skills-list'
      .clearfix
        #skills-list.hbs.col-sm-12.col-md-12.pt10 data-url=api_skills_path
      .text-left.pl15.mt10.bold
        | Selected Skill(s)
      #selected-skills-list.hbs.col-sm-12.col-md-12
      = simple_form_for @user, as: :user, turboboost: true, :url => settings_path, validate: true do |f|
        = f.input :skill_ids, as: :hidden, validate: true, input_html: {data: {load: f.object.skills.map{|c| {id: c.id, name: c.name}}}, value: ''}

        .clearfix
        button.btn.btn-default.mb10.mr10
          .fa.fa-save.inline
          | Save Skills

        .btn.btn-default.mb10.mr10
          .fa.fa-mail-reply
          .inline
            = link_to 'Cancel', dashboard_path
  .vspace25