template(name="cardActions")
  div.trigger-item
    div.trigger-content
      div.trigger-dropdown
        select(id="setdate-action")
          option(value="setDate") {{{_'r-set'}}}
          option(value="updateDate") {{{_'r-update'}}}
      div.trigger-text
        | {{{_'r-datefield'}}}
      div.trigger-dropdown
        select(id="setdate-datefield")
          option(value="startAt") {{{_'r-df-start-at'}}}
          option(value="dueAt") {{{_'r-df-due-at'}}}
          option(value="endAt") {{{_'r-df-end-at'}}}
          option(value="receivedAt") {{{_'r-df-received-at'}}}
      div.trigger-text
        | {{{_'r-to-current-datetime'}}}
    div.trigger-button.js-set-date-action.js-goto-rules
      i.fa.fa-plus

  div.trigger-item
    div.trigger-content
      div.trigger-text
        | {{{_'r-remove-value-from'}}}
        | {{{_'r-datefield'}}}
      div.trigger-dropdown
        select(id="setdate-removedatefieldvalue")
          option(value="startAt") {{{_'r-df-start-at'}}}
          option(value="dueAt") {{{_'r-df-due-at'}}}
          option(value="endAt") {{{_'r-df-end-at'}}}
          option(value="receivedAt") {{{_'r-df-received-at'}}}
    div.trigger-button.js-remove-datevalue-action.js-goto-rules
      i.fa.fa-plus

  div.trigger-item
    div.trigger-content
      div.trigger-dropdown
        select(id="label-action")
          option(value="add") {{{_'r-add'}}}
          option(value="remove") {{{_'r-remove'}}}
      div.trigger-text
        | {{{_'r-label'}}}
      div.trigger-dropdown
        select(id="label-id")
          each labels
            option(value="#{_id}")
              = name
    div.trigger-button.js-add-label-action.js-goto-rules
      i.fa.fa-plus

  div.trigger-item
    div.trigger-content
      div.trigger-dropdown
        select(id="member-action")
          option(value="add") {{{_'r-add'}}}
          option(value="remove") {{{_'r-remove'}}}
      div.trigger-text
        | {{{_'r-member'}}}
      div.trigger-dropdown
        input(id="member-name",type=text,placeholder="{{{_'r-name'}}}")
    div.trigger-button.js-add-member-action.js-goto-rules
      i.fa.fa-plus

  div.trigger-item
    div.trigger-content
      div.trigger-text
        | {{{_'r-remove-all'}}}
    div.trigger-button.js-add-removeall-action.js-goto-rules
      i.fa.fa-plus

  div.trigger-item
    div.trigger-content
      div.trigger-text
        | {{{_'r-set-color'}}}
        button.trigger-button.trigger-button-color.js-show-color-palette(
          id="color-action"
          class="card-details-{{cardColorButton}}")
          | {{{_ cardColorButtonText }}}
    div.trigger-button.js-set-color-action.js-goto-rules
      i.fa.fa-plus

template(name="setCardActionsColorPopup")
  form.edit-label
    .palette-colors: each colors
      span.card-label.palette-color.js-palette-color(class="card-details-{{color}}")
        if(isSelected color)
          i.fa.fa-check
    button.primary.confirm.js-submit {{_ 'save'}}