{% extends "templates/one-column.html" %}
{% block title %}Ubuntu Blog{% endblock %}

{% block extra_metatags %}
  <link rel="alternate" type="application/rss+xml"  href="/blog/feed" title="Ubuntu.com's Blog RSS feed">
{% endblock %}

{% block content%}

{% if current_page and current_page == 1 and featured_articles %}
  {% include "blog/featured-articles.html" %}
{% endif %}

  <section class="p-strip is-shallow" id="posts-list">
    {% with topic="" %}{% include "blog/filters.html" %}{% endwith %}
    <div class="row u-equal-height u-clearfix">
    {% for article in articles %}
      {% if loop.index in [1,2] %}
        {% with summary_visible=True %}{% include "blog/blog-card.html" %}{% endwith %}
      {% elif loop.index == 3 %}
        <div class="col-4 col-4 col-medium-2">
          {% include 'blog/newsletter-form.html' %}
        </div>
      </div>
      <div class="row u-equal-height u-clearfix">
        {% include 'blog/blog-card.html' %}
      {% elif (loop.index +1) % 3 == 0 and loop.index > 3 %}
        {% include 'blog/blog-card.html' %}
        </div>
        <div class="row u-equal-height u-clearfix">
      {% else %}
        {% include 'blog/blog-card.html' %}
      {% endif %}
    {% endfor %}
    </div>
  </section>

  {% if current_page and current_page == 1 and upcoming %}
    <section class="p-strip--light">
      <div class="u-fixed-width">
        <h4>Events and webinars</h4>
      </div>

      <div class="row u-equal-height u-clearfix">
        {% for article in upcoming %}
          {% include 'blog/blog-card-upcoming.html' %}
        {% endfor %}
      </div>

      <div class="u-fixed-width">
        <p><a href="/blog/upcoming">See more&nbsp;&rsaquo;</a></p>
      </div>
    </section>
  {% endif %}

  <section class="p-strip is-shallow">
    {% with %}
      {% set total_pages = total_pages %}
      {% set current_page = current_page %}
      {% include "shared/_pagination.html" %}
    {% endwith %}
  </section>

{% endblock content %}