{% import "components/nothing.html" as nothing with context %}
{% import "components/user.html" as user with context %}
{% import "components/paginator.html" as paginator with context %}
{% extends "layout/basic.html" %}
{% block content %}
<div class="row bparticle-list-page">
  <div class="medium-9 columns">
    <div class="section">
      <div class="section__header ui-toolbar ui-toolbar--flush bparticle-list-page__header">
        <h1 class="section__title">{{ _('Article') }}</h1>
        <div class="ui-actions bparticle-list-page__tools">
          {% if handler.user.hasPriv(PRIV.PRIV_EDIT_SYSTEM) or handler.user.hasPerm(perm.PERM_EDIT_DOMAIN) %}
            <a class="compact button" href="{{ url('article_main_admin') }}"><span class="icon icon-settings"></span> {{ _('Open article operations') }}</a>
          {% endif %}
          <form method="get" class="filter-form ui-cluster bparticle-list-page__filters">
            <input type="text" class="inline compact textbox" name="q" value="{{ q }}" aria-label="{{ _('Search articles...') }}" placeholder="{{ _('Search articles...') }}">
            <select class="inline compact select" name="category" aria-label="{{ _('Category') }}">
              <option value=""{% if not category %} selected{% endif %}>{{ _('All') }}</option>
              {% for item in categories %}<option value="{{ item }}"{% if category == item %} selected{% endif %}>{{ item }}</option>{% endfor %}
            </select>
            <button type="submit" class="compact button">{{ _('Search') }}</button>
          </form>
        </div>
      </div>
      {% if not ddocs.length %}
        {{ nothing.render('No article yet...') }}
      {% else %}
        <ol class="section__list discussion__list">
          {% for ddoc in ddocs %}
          <li class="section__list__item discussion__item highlight">
            <div class="media">
              <div class="media__left"><div class="discussion__replies numbox">
                <div class="numbox__num large">{{ datetimeSpan(ddoc._id, false, 'D')|safe }}</div>
                <div class="numbox__text">{{ datetimeSpan(ddoc._id, false, 'YYYY-M')|safe }}</div>
              </div></div>
              <div class="media__body top">
                <h1 class="discussion__title"><a href="{{ url('blog_detail', did=ddoc._id) }}" data-emoji-enabled>{{ ddoc.title }}</a></h1>
                <ul class="supplementary list">
                  <li>{{ _('{0} views').format(ddoc.views) }}</li>
                  <li>{{ user.render_inline(udict[ddoc.owner]) }}</li>
                  <li>{{ datetimeSpan(ddoc.updateAt)|safe }}</li>
                </ul>
              </div>
            </div>
          </li>
          {% endfor %}
        </ol>
        {% if page and dpcount %}{{ paginator.render(page, dpcount, add_qs=qs) }}{% endif %}
      {% endif %}
    </div>
  </div>
  <div class="medium-3 columns"><div data-sticky="large">{% include "partials/article_menu.html" %}</div></div>
</div>
{% endblock %}