template(name="globalSearchHeaderBar")
  h1
    i.fa.fa-search
    | {{_ 'globalSearch-title'}}

template(name="globalSearchModalTitle")
  h2
    i.fa.fa-keyboard-o
    | {{_ 'globalSearch-title'}}

template(name="globalSearch")
  .wrapper
    form.global-search-instructions.js-search-query-form
      input.global-search-query-input(type="text" name="searchQuery" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
    if searching.get
      +spinner
    else if hasResults.get
      .global-search-dueat-list-wrapper
        h1
          if $eq resultCount.get 0
            | {{_ 'no-results' }}
          else if $eq resultCount.get 1
            | {{_ 'one-result' }}
          else
            | {{_ 'n-results' resultsCount.get }}
        if queryErrors.get
          div
            each msg in errorMessages
              span.global-search-error-messages
                | {{_ msg.tag msg.value }}
        each card in results
          .global-search-card-wrapper
            a.minicard-wrapper.card-title(href=card.absoluteUrl)
              +minicard(card)
              //= card.title
            ul.global-search-context-list
              li.global-search-context(title="{{_ 'board'}}")
                +viewer
                  = card.getBoard.title
              li.global-search-context.global-search-context-separator
                = ' '
                | {{_ 'context-separator'}}
                = ' '
              li.global-search-context(title="{{_ 'swimlane'}}")
                +viewer
                  = card.getSwimlane.title
              li.global-search-context
                = ' '
                | {{_ 'context-separator'}}
                = ' '
              li.global-search-context(title="{{_ 'list'}}")
                +viewer
                  = card.getList.title
    else
      .global-search-instructions
        h1 Search Operators
        +viewer
          = 'Searches can include the operators to refine the search.  Operators are specified by writing the operator'
          = 'name and value separated by a colon.  An operator specification of `list:Blocked` would limit the search'
          = 'to cards that are contained in a list named *Blocked*.  If the value contains spaces or special characters'
          = 'it most be enclosed in quotation marks (e.g. `list:"To Review"`).\n'
          = 'Available operators are:\n'
          = '* `board:title` - cards in boards with the specified title\n'
          = '* `list:title` - cards in lists with the specified title\n'
          = '* `swimlane:title` - cards in swimlanes with the specified title\n'
          = '* `label:color` - cards that have a label with the given color\n'
          = '* `label:name` - cards that have a label with the given name\n'
          = '* `user:username` - cards where the specified user is a member or assignee\n'
          = '* `@username` - shorthand for `user:username`\n'
          = '* `#label` - shorthand for `label:color-or-name`\n'
          = '## Notes\n'
          = '*  Multiple operators may be specified.\n'
          = '*  Similar operators are ORed together.  Cards that match any of the conditions will be returned.\n'
          = '    `list:Available list:Blocked` would return cards contained in any list named *Blocked* or *Available*.\n'
          = '*  Differing operators are ANDed together.  Only cards that match each of the differing operators are returned.'
          = '`list:Available label:red` returns only cards in the list *Available* with a *red* label.\n'
          = '* Text searches are case insensitive.\n'

template(name="globalSearchViewChangePopup")
  ul.pop-over-list
    li
      with "globalSearchViewChange-choice-me"
        a.js-global-search-view-me
          i.fa.fa-user.colorful
          | {{_ 'globalSearchViewChange-choice-me'}}
          if $eq Utils.globalSearchView "me"
            i.fa.fa-check
    li
      with "globalSearchViewChange-choice-all"
        a.js-global-search-view-all
          i.fa.fa-users.colorful
          | {{_ 'globalSearchViewChange-choice-all'}}
          span.sub-name
            +viewer
              | {{_ 'globalSearchViewChange-choice-all-description' }}
          if $eq Utils.globalSearchView "all"
            i.fa.fa-check