{% extends "base.html" %}
{% from "_article_rows.html" import media, meta, row %}
{% block content %}
  <section class="feed-shell">
    <header class="page-heading">
      <h1>Новости снаряжения</h1>
      {% if q %}<p>Результаты поиска: «{{ q }}»</p>{% endif %}
    </header>
    {% if articles %}
      {% if page == 1 and not q %}
        {% set lead = articles[0] %}
        <article class="lead-story">
          <a class="lead-media" href="{{ article_path(lead) }}">{{ media(lead, true) }}</a>
          <div class="lead-copy">
            {{ meta(lead) }}
            <h2><a href="{{ article_path(lead) }}">{{ lead.title }}</a></h2>
            <p>{{ lead.lead or lead.body|excerpt(340) }}</p>
            <a class="read-link" href="{{ article_path(lead) }}">Читать новость <span aria-hidden="true">→</span></a>
          </div>
        </article>
        <div class="feed-list">
          {% for article in articles[1:] %}{{ row(article) }}{% endfor %}
        </div>
      {% else %}
        <div class="feed-list feed-list-top">
          {% for article in articles %}{{ row(article) }}{% endfor %}
        </div>
      {% endif %}
      {% include "_pagination.html" %}
    {% else %}
      <div class="empty-state"><h2>Ничего не найдено</h2><p>Попробуйте изменить запрос или вернуться к ленте.</p><a href="/">Вернуться в ленту</a></div>
    {% endif %}
  </section>
{% endblock %}