= form_for [@project, @label], html: { class: 'form-horizontal label-form' } do |f|
  -if @label.errors.any?
    .row
      .col-sm-10.col-sm-offset-2
        .bs-callout.bs-callout-danger
          - @label.errors.full_messages.each do |msg|
            %span= msg
            %br

  .form-group
    = f.label :title, class: 'control-label'
    .col-sm-10
      = f.text_field :title, class: "form-control", required: true
  .form-group
    = f.label :color, "Background Color", class: 'control-label'
    .col-sm-10
      .input-group
        .input-group-addon.label-color-preview &nbsp;
        = f.text_field :color, placeholder: "#AA33EE", class: "form-control"
      .help-block
        6 character hex values starting with a # sign.
        %br
        Or you can choose one of suggested colors below

      .suggest-colors
        - suggested_colors.each do |color|
          = link_to '#', style: "background-color: #{color}", data: { color: color } do
            &nbsp;

  .form-actions
    = f.submit 'Save', class: 'btn btn-save js-save-button'
    = link_to "Cancel", project_labels_path(@project), class: 'btn btn-cancel'


= form_for [@project, @label], html: { class: 'form-horizontal label-form' } do |f|
  -if @label.errors.any?
    .row
      .col-sm-10.col-sm-offset-2
        .bs-callout.bs-callout-danger
          - @label.errors.full_messages.each do |msg|
            %span= msg
            %br

  .form-group
    = f.label :title, class: 'control-label'
    .col-sm-10
      = f.text_field :title, class: "form-control", required: true
  .form-group
    = f.label :color, "Background Color", class: 'control-label'
    .col-sm-10
      .input-group
        .input-group-addon.label-color-preview &nbsp;
        = f.color_field :color, placeholder: "#AA33EE", class: "form-control"
      .help-block
        6 character hex values starting with a # sign.
        %br
        Or you can choose one of suggested colors below

      .suggest-colors
        - suggested_colors.each do |color|
          = link_to '#', style: "background-color: #{color}", data: { color: color } do
            &nbsp;

  .form-actions
    = f.submit 'Save', class: 'btn btn-save js-save-button'
    = link_to "Cancel", project_labels_path(@project), class: 'btn btn-cancel'


Change label color text field type to "color"
Change label color text field type to "color"
