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.js-search-query-form
      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 Results
      each card in results
        .global-search-card-wrapper
          a.minicard-wrapper.card-title(href=card.absoluteUrl)
            +minicard(card)
          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

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