<div class="admin-title">
  {{period-chooser period=period onChange=(action (mut period))}}
  {{combo-box
    content=searchTypeOptions
    value=searchType
    class="search-logs-filter"
    onChange=(action (mut searchType))
  }}
</div>

<h2>
  {{#link-to "full-page-search" (query-params q=term)}}{{term}}{{/link-to}}
</h2>

{{#conditional-loading-spinner condition=refreshing}}
  {{admin-graph model=model type="bar"}}

  <br><br>
  <h2> {{i18n "admin.logs.search_logs.header_search_results"}} </h2>
  <br>

  <div class="header-search-results">
    {{#each model.search_result.posts as |result|}}
      <div class="fps-result">
        <div class="author">
          <a href={{result.userPath}} data-user-card={{result.username}}>
            {{avatar result imageSize="large"}}
          </a>
        </div>

        <div class="fps-topic">
          <div class="topic">
            <a href={{result.url}} class="search-link">
              {{topic-status topic=result.topic disableActions=true}}<span class="topic-title">{{#highlight-search highlight=term}}{{html-safe result.topic.fancyTitle}}{{/highlight-search}}</span>
            </a>

            <div class="search-category">
              {{#if result.topic.category.parentCategory}}
                {{category-link result.topic.category.parentCategory}}
              {{/if}}
              {{category-link result.topic.category hideParent=true}}
              {{#each result.topic.tags as |tag|}}
                {{discourse-tag tag}}
              {{/each}}
            </div>
          </div>

          <div class="blurb container">
            <span class="date">
              {{format-age result.created_at}}
              {{#if result.blurb}}
                -
              {{/if}}
            </span>

            {{#if result.blurb}}
              {{#highlight-search highlight=term}}
                {{html-safe result.blurb}}
              {{/highlight-search}}
            {{/if}}
          </div>
        </div>
      </div>
    {{/each}}
  </div>
{{/conditional-loading-spinner}}
