= form_for [@project.namespace.becomes(Namespace), @project, @label], html: { class: 'form-horizontal label-form js-requires-input' } do |f|
  -if @label.errors.any?
    .row
      .col-sm-offset-2.col-sm-10
        .alert.alert-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 js-quick-submit", required: true, autofocus: 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, class: "form-control"
      .help-block
        Choose any color.
        %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
    - if @label.persisted?
      = f.submit 'Save changes', class: 'btn btn-save js-save-button'
    - else
      = f.submit 'Create Label', class: 'btn btn-create js-save-button'
    = link_to "Cancel", namespace_project_labels_path(@project.namespace, @project), class: 'btn btn-cancel'
