{% extends "layout/basic.html" %}
{% block content %}
{{ set(UiContext, 'requestUrl', url('article_main_admin') + (('?' + qs) if qs else '')) }}
{{ set(UiContext, 'articleManagerScope', managerScope|default('system')) }}
{{ set(UiContext, 'articleManagerDomain', handler.domain._id) }}
<main class="row article-admin" data-article-admin-root>
  <div class="medium-12 columns">
    <section class="section">
      <div class="section__body article-admin__intro">
        <div class="article-admin__intro-copy">
          <h1>{% if managerScope == 'domain' %}{{ _('Article Operations') }}{% else %}{{ _('Global Article Library') }}{% endif %}</h1>
          <p>{% if managerScope == 'domain' %}{{ _('Manage which articles are featured in the current domain. Global visibility and comments are controlled by system administrators.') }}{% else %}{{ _('Search and govern every article across the site. Domain placement is independent from global visibility and comment access.') }}{% endif %}</p>
          <span class="article-admin__scope"><span class="icon icon-{% if managerScope == 'domain' %}flag{% else %}global{% endif %}"></span>
            {% if managerScope == 'domain' %}{{ _('Current domain') }}: {{ handler.domain._id }}{% else %}{{ _('System-wide scope') }}{% endif %}
          </span>
        </div>
        <a href="{{ url('article_main') }}" class="button"><span class="icon icon-link--external"></span> {{ _('View article plaza') }}</a>
      </div>
    </section>

    <form method="get" class="section article-admin__filters" data-article-filter-form>
      <div class="section__header"><h2 class="section__title">{{ _('Find articles') }}</h2></div>
      <div class="section__body">
        <div class="article-admin__filter-grid">
          <label class="article-admin__field article-admin__field--wide">
            <span class="article-admin__field-label">{{ _('Title or article ID') }}</span>
            <input name="q" class="textbox" value="{{ q|default(filterQ)|default('') }}" placeholder="{{ _('Search by exact ID or words in the title') }}" autocomplete="off">
          </label>
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Author') }}</span>
            <input name="owner" class="textbox" value="{{ owner|default(filterOwner)|default(filterUidOrName)|default('') }}" placeholder="{{ _('Username or UID') }}" autocomplete="off">
          </label>
          {% if canManageGlobal %}
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Moderation visibility') }}</span>
            <select class="select" name="visibility">
              <option value="">{{ _('All moderation states') }}</option>
              <option value="visible"{% if visibility == 'visible' %} selected{% endif %}>{{ _('Not blocked') }}</option>
              <option value="hidden"{% if visibility == 'hidden' %} selected{% endif %}>{{ _('Blocked by system') }}</option>
            </select>
          </label>
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Comments') }}</span>
            <select class="select" name="comments">
              <option value="">{{ _('All comment states') }}</option>
              <option value="open"{% if comments == 'open' %} selected{% endif %}>{{ _('Comments open') }}</option>
              <option value="locked"{% if comments == 'locked' %} selected{% endif %}>{{ _('Comments locked') }}</option>
            </select>
          </label>
          {% endif %}
          {% if managerScope != 'domain' %}
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Featured domain') }}</span>
            <select class="select" name="placementDomainId">
              <option value="">{{ _('All domain placements') }}</option>
              {% for domainOption in domainOptions|default(domains) %}
                {% set optionId = domainOption.id|default(domainOption._id)|default(domainOption) %}
                {% set optionName = domainOption.name|default(optionId) %}
                <option value="{{ optionId }}"{% if placementDomainId == optionId or filterDomainName == optionId %} selected{% endif %}>{{ optionName }}{% if optionName != optionId %} ({{ optionId }}){% endif %}</option>
              {% endfor %}
            </select>
          </label>
          {% endif %}
          <label class="article-admin__field">
            <span class="article-admin__field-label">{% if managerScope == 'domain' %}{{ _('Current domain placement') }}{% else %}{{ _('Featured status') }}{% endif %}</span>
            <select class="select" name="featured">
              <option value="">{{ _('All placement states') }}</option>
              <option value="true"{% if featured == true %} selected{% endif %}>{% if managerScope == 'domain' %}{{ _('Featured in current domain') }}{% else %}{{ _('Featured') }}{% endif %}</option>
              <option value="false"{% if featured == false %} selected{% endif %}>{% if managerScope == 'domain' %}{{ _('Not featured in current domain') }}{% else %}{{ _('Not featured') }}{% endif %}</option>
            </select>
          </label>
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Category') }}</span>
            <select class="select" name="category">
              <option value="">{{ _('All categories') }}</option>
              {% for categoryOption in categories %}
                {% set categoryValue = categoryOption.id|default(categoryOption.name)|default(categoryOption) %}
                {% set categoryName = categoryOption.name|default(categoryValue) %}
                <option value="{{ categoryValue }}"{% if category == categoryValue %} selected{% endif %}>{{ categoryName }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Course') }}</span>
            <select class="select" name="courseId">
              <option value="">{{ _('All course links') }}</option>
              {% for courseOption in courses %}
                {% set courseValue = courseOption.docId|default(courseOption._id)|default(courseOption) %}
                {% set courseName = courseOption.title|default(courseValue) %}
                <option value="{{ courseValue }}"{% if courseId == courseValue %} selected{% endif %}>{{ courseName }}</option>
              {% endfor %}
            </select>
          </label>
          <label class="article-admin__field">
            <span class="article-admin__field-label">{{ _('Sort') }}</span>
            <select class="select" name="sort">
              <option value="created-desc"{% if sort == 'created-desc' %} selected{% endif %}>{{ _('Newest created') }}</option>
              <option value="created-asc"{% if sort == 'created-asc' %} selected{% endif %}>{{ _('Oldest created') }}</option>
              <option value="content-updated-desc"{% if sort == 'content-updated-desc' %} selected{% endif %}>{{ _('Recently edited') }}</option>
              <option value="activity-desc"{% if sort == 'activity-desc' %} selected{% endif %}>{{ _('Recently active') }}</option>
              <option value="views-desc"{% if sort == 'views-desc' %} selected{% endif %}>{{ _('Most viewed') }}</option>
              <option value="replies-desc"{% if sort == 'replies-desc' %} selected{% endif %}>{{ _('Most discussed') }}</option>
            </select>
          </label>
        </div>
        <details class="article-admin__advanced"{% if createdFrom or createdTo or contentUpdatedFrom or contentUpdatedTo or activityFrom or activityTo %} open{% endif %}>
          <summary>{{ _('More filters') }}</summary>
          <div class="article-admin__filter-grid">
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Created from') }}</span>
              <input type="date" name="createdFrom" class="textbox" value="{{ createdFrom|default('') }}">
            </label>
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Created to') }}</span>
              <input type="date" name="createdTo" class="textbox" value="{{ createdTo|default('') }}">
            </label>
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Content updated from') }}</span>
              <input type="date" name="contentUpdatedFrom" class="textbox" value="{{ contentUpdatedFrom|default('') }}">
            </label>
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Content updated to') }}</span>
              <input type="date" name="contentUpdatedTo" class="textbox" value="{{ contentUpdatedTo|default('') }}">
            </label>
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Activity from') }}</span>
              <input type="date" name="activityFrom" class="textbox" value="{{ activityFrom|default('') }}">
            </label>
            <label class="article-admin__field">
              <span class="article-admin__field-label">{{ _('Activity to') }}</span>
              <input type="date" name="activityTo" class="textbox" value="{{ activityTo|default('') }}">
            </label>
          </div>
        </details>
        <div class="article-admin__filter-actions">
          <a href="{{ url('article_main_admin') }}" class="button">{{ _('Clear filters') }}</a>
          <button type="submit" class="primary button"><span class="icon icon-search"></span> {{ _('Apply filters') }}</button>
        </div>
      </div>
    </form>

    {% include "partials/article_main_admin.html" %}
  </div>
</main>
{% endblock %}