{% extends "base.html" %}

{% block title %}Older releases — {% if sub_product %}{{ sub_product.name }} — {% endif %}{{ main_product.name }}{% endblock %}
{% block meta_description %}Archived releases{% if sub_product %} for {{ sub_product.name }}{% else %} for {{ main_product.name }}{% endif %}.{% endblock %}

{% block content %}

<section class="page-hero" aria-labelledby="versions-heading">
  <div class="page-hero-blobs" aria-hidden="true">
    <div class="blob blob--1"></div>
    <div class="blob blob--2"></div>
  </div>
  <div class="container">
    <nav class="breadcrumb" aria-label="Breadcrumb">
      <ol class="breadcrumb-list" role="list">
        <li><a href="{% url 'pages:home' %}">Home</a></li>
        <li aria-hidden="true" class="breadcrumb-sep">›</li>
        <li><a href="{% url 'products:overview' %}">Products</a></li>
        <li aria-hidden="true" class="breadcrumb-sep">›</li>
        <li><a href="{{ main_product.get_absolute_url }}">{{ main_product.name }}</a></li>
        {% if sub_product %}
        <li aria-hidden="true" class="breadcrumb-sep">›</li>
        <li><a href="{{ sub_product.get_absolute_url }}">{{ sub_product.name }}</a></li>
        {% endif %}
        <li aria-hidden="true" class="breadcrumb-sep">›</li>
        <li aria-current="page">Older releases</li>
      </ol>
    </nav>
    <div class="page-hero-content">
      <div class="section-badge">{% if sub_product %}{{ sub_product.name }}{% else %}{{ main_product.name }}{% endif %}</div>
      <h1 class="page-hero-title" id="versions-heading">Older releases</h1>
      <p class="page-hero-subtitle">Archived versions of this {% if sub_product %}module{% else %}product{% endif %}.</p>
    </div>
  </div>
</section>

<section class="section versions-archive-section">
  <div class="container">
    {% include "products/_versions_archive_body.html" %}
  </div>
</section>

{% endblock %}
