{% import "components/paginator.html" as paginator with context %}
{% import "components/user.html" as user with context %}
{% set articleItems = adminPage.items if adminPage and adminPage.items else ddocs %}
{% set articleTotal = adminPage.total if adminPage and adminPage.total is defined else (articleItems.length|default(0)) %}
{% set currentPage = adminPage.page|default(page)|default(1) %}
{% set pageCount = adminPage.pageCount|default(dpcount)|default(0) %}

{% macro placements_for(item) %}
  {% set placements = item.placements|default([]) %}
  <div class="article-admin__placements">
    {% if placements.length %}
      {% for domainId in placements %}
        {% if domainId == '*' %}
          <span class="article-admin__placement article-admin__placement--all"><span class="icon icon-global"></span> {{ _('All domains') }}</span>
        {% else %}
          {% set domainName = domainNames[domainId]|default(domainId) %}
          <span class="article-admin__placement"><span class="icon icon-flag"></span> {{ domainName }}{% if domainName != domainId %} ({{ domainId }}){% endif %}</span>
        {% endif %}
      {% endfor %}
    {% else %}
      <span class="article-admin__meta-label">{{ _('Not featured in any domain') }}</span>
    {% endif %}
  </div>
{% endmacro %}

{% macro state_for(item, did) %}
  {% set isModerationAllowed = item.visibility == 'visible' or (item.visibility is undefined and not item.moderationHidden) %}
  {% set authorHidden = item.authorHidden|default(false) %}
  {% set commentsOpen = item.comments == 'open' or (item.comments is undefined and not item.lock) %}
  {% set canSetVisibility = item.canSetVisibility|default(canManageGlobal) %}
  {% set canSetComments = item.canSetComments|default(canManageGlobal) %}
  <div class="article-admin__badges">
    <span class="article-admin__badge article-admin__badge--{% if isModerationAllowed %}visible{% else %}hidden{% endif %}"><span class="icon icon-{% if isModerationAllowed %}check{% else %}close{% endif %}"></span> {% if isModerationAllowed %}{{ _('Not blocked') }}{% else %}{{ _('Blocked by system') }}{% endif %}</span>
    {% if authorHidden %}<span class="article-admin__badge article-admin__badge--hidden" title="{{ _('Removing the moderation block will not publish an article hidden by its author.') }}"><span class="icon icon-user"></span> {{ _('Hidden by author') }}</span>{% endif %}
    <span class="article-admin__badge article-admin__badge--comments-{% if commentsOpen %}open{% else %}locked{% endif %}"><span class="icon icon-{% if commentsOpen %}comment--text{% else %}close{% endif %}"></span> {% if commentsOpen %}{{ _('Comments open') }}{% else %}{{ _('Comments locked') }}{% endif %}</span>
  </div>
  {% if canSetVisibility or canSetComments %}
  <div class="article-admin__quick-actions">
    {% if canSetVisibility %}<button type="button" class="article-admin__text-button" data-article-operation="visibility" data-did="{{ did }}" data-revision="{{ item.revision }}" data-value="{% if isModerationAllowed %}hidden{% else %}visible{% endif %}">{% if isModerationAllowed %}{{ _('Block article') }}{% else %}{{ _('Remove moderation block') }}{% endif %}</button>{% endif %}
    {% if canSetComments %}<button type="button" class="article-admin__text-button" data-article-operation="comments" data-did="{{ did }}" data-revision="{{ item.revision }}" data-value="{% if commentsOpen %}locked{% else %}open{% endif %}">{% if commentsOpen %}{{ _('Lock comments') }}{% else %}{{ _('Open comments') }}{% endif %}</button>{% endif %}
  </div>
  {% endif %}
{% endmacro %}

{% macro article_actions(item, did, surface) %}
  {% set placements = item.placements|default([]) %}
  {% set allDomains = '*' in placements %}
  {% set currentDomainPlaced = allDomains or handler.domain._id in placements %}
  {% set canSetPlacement = item.canSetPlacement|default(true) %}
  {% set canEdit = item.canEdit|default(canManageGlobal) %}
  <div class="article-admin__actions nojs--hide">
    <button
      type="button"
      id="article-actions-{{ surface }}-{{ did }}-trigger"
      class="article-admin__actions-trigger"
      aria-label="{{ _('Actions for {0}').format(item.title) }}"
      aria-haspopup="menu"
      aria-expanded="false"
      aria-controls="article-actions-{{ surface }}-{{ did }}"
      title="{{ _('More actions') }}"
      data-article-actions-trigger
      data-dropdown-target="#article-actions-{{ surface }}-{{ did }}"
      data-dropdown-pos="bottom right"
      data-dropdown-open-on="click"
      data-dropdown-custom-class="article-admin__actions-dropdown"
    ><span class="icon icon-expand_more"></span></button>
    <ol
      id="article-actions-{{ surface }}-{{ did }}"
      class="dropdown-target menu article-admin__actions-menu"
      role="menu"
      data-article-actions-menu
      data-article-actions-for="article-actions-{{ surface }}-{{ did }}-trigger"
    >
      <li class="menu__item"><a class="menu__link" role="menuitem" href="{{ url('blog_detail', did=did) }}"><span class="icon icon-preview"></span> {{ _('Preview article') }}</a></li>
      {% if canEdit %}<li class="menu__item"><a class="menu__link" role="menuitem" href="{{ url('blog_edit', did=did) }}"><span class="icon icon-edit"></span> {{ _('Edit article') }}</a></li>{% endif %}
      <li class="menu__item"><a class="menu__link" role="menuitem" href="{{ url('blog_main', uid=item.owner) }}"><span class="icon icon-user"></span> {{ _('Open author blog') }}</a></li>
      <li class="menu__item"><button type="button" class="menu__link article-admin__menu-button" role="menuitem" data-copy-article-link="{{ url('blog_detail', did=did) }}"><span class="icon icon-copy"></span> {{ _('Copy article link') }}</button></li>
      {% if canSetPlacement %}
        {% if managerScope == 'domain' %}
          <li class="menu__item"><button type="button" class="menu__link article-admin__menu-button" role="menuitem" data-article-operation="placement" data-did="{{ did }}" data-revision="{{ item.revision }}" data-domain-id="{{ handler.domain._id }}" data-value="{% if currentDomainPlaced %}false{% else %}true{% endif %}"{% if allDomains %} disabled aria-disabled="true" aria-label="{{ _('Featured in all domains; only a system administrator can change this placement') }}"{% endif %}><span class="icon icon-flag"></span> {% if allDomains %}{{ _('Featured in all domains') }}{% elif currentDomainPlaced %}{{ _('Remove from current domain') }}{% else %}{{ _('Feature in current domain') }}{% endif %}</button></li>
        {% else %}
          <li class="menu__item"><button type="button" class="menu__link article-admin__menu-button" role="menuitem" data-open-placement data-did="{{ did }}" data-revision="{{ item.revision }}" data-article-title="{{ item.title }}"><span class="icon icon-flag"></span> {{ _('Manage featured domains') }}</button></li>
        {% endif %}
      {% endif %}
    </ol>
  </div>
{% endmacro %}

<section class="section article-admin__results" data-fragment-id="article-main-admin-results" data-article-results>
  <div class="article-admin__results-head">
    <div>
      <h2 class="section__title">{{ _('Articles') }}</h2>
      <p class="article-admin__results-count">{{ _('{0} articles found').format(articleTotal) }}</p>
    </div>
    {% if qs %}<span class="article-admin__badge"><span class="icon icon-filter"></span> {{ _('Filters applied') }}</span>{% endif %}
  </div>
  <div class="article-admin__bulk" data-article-bulk-toolbar>
    <div class="article-admin__bulk-main">
      <span class="article-admin__selection-count" data-selection-count aria-live="polite">{{ _('{0} selected').format(0) }}</span>
      <label class="sr-only" for="article-bulk-command">{{ _('Bulk action') }}</label>
      <select id="article-bulk-command" class="select" data-batch-command disabled>
        <option value="">{{ _('Choose a bulk action') }}</option>
        {% if canManageGlobal %}
          <option value="visibility:visible">{{ _('Remove moderation block') }}</option>
          <option value="visibility:hidden">{{ _('Block article') }}</option>
          <option value="comments:open">{{ _('Open comments') }}</option>
          <option value="comments:locked">{{ _('Lock comments') }}</option>
        {% endif %}
        {% if managerScope == 'domain' %}
          <option value="placement:current:add">{{ _('Feature in current domain') }}</option>
          <option value="placement:current:remove">{{ _('Remove from current domain') }}</option>
        {% else %}
          <option value="placement:choose:add">{{ _('Feature in selected domains') }}</option>
          <option value="placement:choose:remove">{{ _('Remove from selected domains') }}</option>
        {% endif %}
      </select>
      <button type="button" class="primary button" data-apply-batch disabled>{{ _('Apply') }}</button>
      <button type="button" class="button" data-clear-selection disabled>{{ _('Clear selection') }}</button>
    </div>
    <span class="article-admin__meta-label">{{ _('Up to 100 articles per batch') }}</span>
  </div>
  <div class="article-admin__feedback" data-operation-feedback role="status" aria-live="polite" tabindex="-1"></div>

  {% if articleItems.length %}
  <div class="section__body no-padding article-admin__desktop-table">
    <table class="data-table article-admin__table">
      <colgroup>
        <col class="article-admin__col--select">
        <col class="article-admin__col--article">
        <col class="article-admin__col--author">
        <col class="article-admin__col--reach">
        <col class="article-admin__col--status">
        <col class="article-admin__col--actions">
      </colgroup>
      <thead><tr>
        <th scope="col"><input type="checkbox" data-select-page aria-label="{{ _('Select all articles on this page') }}"></th>
        <th scope="col">{{ _('Article') }}</th>
        <th scope="col">{{ _('Author and classification') }}</th>
        <th scope="col">{{ _('Reach') }}</th>
        <th scope="col">{{ _('Status and placement') }}</th>
        <th scope="col"><span class="sr-only">{{ _('Actions') }}</span></th>
      </tr></thead>
      <tbody>
      {% for item in articleItems %}
        {% set did = item.did|default(item._id) %}
        {% set placements = item.placements|default([]) %}
        {% set allDomains = '*' in placements %}
        {% set canSelect = item.canSetVisibility|default(canManageGlobal) or item.canSetComments|default(canManageGlobal) or (item.canSetPlacement|default(true) and not (managerScope == 'domain' and allDomains)) %}
        <tr class="article-admin__row" data-article-row data-did="{{ did }}">
          <td class="article-admin__select"><input type="checkbox" data-select-article value="{{ did }}" aria-label="{{ _('Select {0}').format(item.title) }}"{% if not canSelect %} disabled{% endif %}></td>
          <td>
            <a class="article-admin__article-title" href="{{ url('blog_detail', did=did) }}">{{ item.title }}</a>
            <code class="article-admin__article-id">{{ did }}</code>
            {% if item.excerpt %}<span class="article-admin__excerpt">{{ item.excerpt }}</span>{% endif %}
            <div class="article-admin__row-feedback" data-row-feedback></div>
          </td>
          <td><div class="article-admin__meta">
            <span>{{ user.render_inline(udict[item.owner], badge=false) }}</span>
            {% if item.category and item.category != 'none' %}<span><span class="article-admin__meta-label">{{ _('Category') }}:</span> {{ item.category }}</span>{% endif %}
            {% if item.courseRef %}<span class="article-admin__badge article-admin__badge--course"><span class="icon icon-book"></span> {{ _('Course article') }}</span>{% endif %}
          </div></td>
          <td><div class="article-admin__meta">
            <span>{{ _('{0} views').format(item.views|default(0)) }}</span>
            <span>{{ _('{0} comments').format(item.nReply|default(0)) }}</span>
            <span><span class="article-admin__meta-label">{{ _('Edited') }}:</span> {{ datetimeSpan(item.contentUpdatedAt|default(item.updateAt)|default(item._id))|safe }}{% if item.contentUpdatedAtEstimated %} <span class="article-admin__badge" title="{{ _('This time is estimated from legacy data and may include comment activity.') }}">{{ _('Estimated') }}</span>{% endif %}</span>
            {% if item.activityAt %}<span><span class="article-admin__meta-label">{{ _('Active') }}:</span> {{ datetimeSpan(item.activityAt)|safe }}</span>{% endif %}
          </div></td>
          <td>
            {{ state_for(item, did) }}
            <div class="article-admin__meta-label article-admin__placements-label">{{ _('Featured domains') }}</div>
            {{ placements_for(item) }}
          </td>
          <td>{{ article_actions(item, did, 'desktop') }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>

  <div class="article-admin__mobile-list">
    {% for item in articleItems %}
      {% set did = item.did|default(item._id) %}
      {% set placements = item.placements|default([]) %}
      {% set allDomains = '*' in placements %}
      {% set canSelect = item.canSetVisibility|default(canManageGlobal) or item.canSetComments|default(canManageGlobal) or (item.canSetPlacement|default(true) and not (managerScope == 'domain' and allDomains)) %}
      <article class="article-admin__card article-admin__row" data-article-row data-did="{{ did }}">
        <div class="article-admin__card-head">
          <input class="article-admin__select" type="checkbox" data-select-article value="{{ did }}" aria-label="{{ _('Select {0}').format(item.title) }}"{% if not canSelect %} disabled{% endif %}>
          <div class="article-admin__card-title"><a class="article-admin__article-title" href="{{ url('blog_detail', did=did) }}">{{ item.title }}</a><code class="article-admin__article-id">{{ did }}</code></div>
          {{ article_actions(item, did, 'mobile') }}
        </div>
        {% if item.excerpt %}<span class="article-admin__excerpt">{{ item.excerpt }}</span>{% endif %}
        <div class="article-admin__card-grid">
          <div class="article-admin__meta">
            <strong>{{ _('Author and classification') }}</strong>
            <span>{{ user.render_inline(udict[item.owner], badge=false) }}</span>
            {% if item.category and item.category != 'none' %}<span>{{ item.category }}</span>{% endif %}
            {% if item.courseRef %}<span class="article-admin__badge article-admin__badge--course"><span class="icon icon-book"></span> {{ _('Course article') }}</span>{% endif %}
          </div>
          <div class="article-admin__meta">
            <strong>{{ _('Reach') }}</strong>
            <span>{{ _('{0} views').format(item.views|default(0)) }} · {{ _('{0} comments').format(item.nReply|default(0)) }}</span>
            <span><span class="article-admin__meta-label">{{ _('Edited') }}:</span> {{ datetimeSpan(item.contentUpdatedAt|default(item.updateAt)|default(item._id))|safe }}{% if item.contentUpdatedAtEstimated %} <span class="article-admin__badge" title="{{ _('This time is estimated from legacy data and may include comment activity.') }}">{{ _('Estimated') }}</span>{% endif %}</span>
          </div>
          <div class="article-admin__meta">
            <strong>{{ _('Status') }}</strong>
            {{ state_for(item, did) }}
          </div>
          <div class="article-admin__meta">
            <strong>{{ _('Featured domains') }}</strong>
            {{ placements_for(item) }}
          </div>
        </div>
        <div class="article-admin__row-feedback" data-row-feedback></div>
      </article>
    {% endfor %}
  </div>
  {% else %}
  <div class="article-admin__empty">
    <span class="icon icon-search"></span>
    <h3>{{ _('No articles match these filters') }}</h3>
    <p>{{ _('Try clearing one or more filters. No article data has been changed.') }}</p>
    <a class="button" href="{{ url('article_main_admin') }}">{{ _('Clear filters') }}</a>
  </div>
  {% endif %}

  {% if currentPage and pageCount %}{{ paginator.render(currentPage, pageCount, add_qs=qs) }}{% endif %}
</section>