template(name="rulesList")
  .rules
    h2
      | ✨
      | {{_ 'r-board-rules' }}

    ul.rules-list
      each rules
        li.rules-lists-item
          p 
            = title
          div.rules-btns-group
            button.js-goto-details
              | 👁️
              | {{_ 'r-view-rule'}}
            if currentUser.isAdmin
              button.js-delete-rule
                | 🗑️
                | {{_ 'r-delete-rule'}}
            else if currentUser.isBoardAdmin
              button.js-delete-rule
                | 🗑️
                | {{_ 'r-delete-rule'}}
      else
        li.no-items-message {{_ 'r-no-rules' }}
    if currentUser.isAdmin
      div.rules-add
        button.js-goto-trigger
          | ➕
          | {{_ 'r-add-rule'}}
        input(type=text,placeholder="{{_ 'r-new-rule-name' }}",id="ruleTitle")
    else if currentUser.isBoardAdmin
      div.rules-add
        button.js-goto-trigger
          | ➕
          | {{_ 'r-add-rule'}}
        input(type=text,placeholder="{{_ 'r-new-rule-name' }}",id="ruleTitle")