{% load static %}
{% if show_releases_section %}
{% if distribution_installable %}
<section class="sub-downloads fade-in" aria-labelledby="sub-dl-heading">
  <div class="sub-downloads-header">
    <h2 class="sub-downloads-title" id="sub-dl-heading">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
        <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/>
      </svg>
      Downloads
    </h2>
    {% if downloads_section_link %}
    <a href="{{ downloads_section_link.url }}" class="sub-downloads-corner-link link-arrow" target="_blank" rel="noopener noreferrer">{{ downloads_section_link.text }}</a>
    {% endif %}
  </div>

  <div class="sub-downloads-channel">
    {% if featured_version.is_featured_stable %}
    <span class="release-channel-label release-channel-label--stable">
      <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
        <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
      </svg>
      Stable
    </span>
    {% endif %}
    {% if featured_install_cells %}
    <div class="sub-downloads-grid">
      {% for cell in featured_install_cells %}
      <div class="sub-dl-item">
        <div class="sub-dl-icon-wrap">
          {% if cell.icon %}
          <img src="{% static cell.icon %}" alt="" width="32" height="32" class="platform-icon sub-dl-icon" aria-hidden="true" />
          {% else %}
          <span class="sub-dl-source-mark" aria-hidden="true">
            <svg class="sub-dl-source-svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.85" stroke-linecap="round">
              <polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>
            </svg>
          </span>
          {% endif %}
        </div>
        <span class="sub-dl-platform">{{ cell.label }}</span>
        <span class="download-version">{{ featured_version.version }}</span>
        <a href="{{ cell.url }}" class="btn-primary btn--sm"{% if cell.external %} target="_blank" rel="noopener noreferrer"{% endif %}>{% if cell.label == "Source code" %}Source{% else %}Download{% endif %}</a>
      </div>
      {% endfor %}
    </div>
    {% endif %}
  </div>

  {% if featured_version.package_resource_url %}
  <p class="sub-install-extra-resource">
    <a href="{{ featured_version.package_resource_url }}" target="_blank" rel="noopener noreferrer">Package resource</a>
  </p>
  {% endif %}

  {% if featured_version.release_notes %}
  <p class="sub-release-notes">{{ featured_version.release_notes }}</p>
  {% endif %}

  {% if show_older_versions_link %}
  <p class="sub-older-versions-inner">
    <a href="{{ versions_archive_url }}" class="link-arrow">Older releases</a>
  </p>
  {% endif %}
</section>

{% elif distribution_package %}
<section class="sub-downloads sub-downloads--package fade-in" aria-labelledby="sub-resources-heading">
  <div class="sub-downloads-header">
    <h2 class="sub-downloads-title" id="sub-resources-heading">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
        <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/>
        <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>
      </svg>
      Resources
    </h2>
    {% if downloads_section_link %}
    <a href="{{ downloads_section_link.url }}" class="sub-downloads-corner-link link-arrow" target="_blank" rel="noopener noreferrer">{{ downloads_section_link.text }}</a>
    {% endif %}
  </div>
  <ul class="pkg-version-list" role="list">
    {% for ver in package_versions %}
    <li class="pkg-version-row">
      <div class="pkg-version-meta">
        <span class="download-version">{{ ver.version }}</span>
        {% if ver.is_featured_stable %}
        <span class="release-channel-label release-channel-label--stable pkg-stable-inline">
          <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
            <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
          </svg>
          Stable
        </span>
        {% endif %}
      </div>
      <div class="pkg-version-actions">
        {% if ver.package_resource_url %}
        <a href="{{ ver.package_resource_url }}" class="btn-primary btn--sm" target="_blank" rel="noopener noreferrer">{{ package_resource_button_text }}</a>
        {% endif %}
        {% if ver.resolved_source_code_url %}
        <a href="{{ ver.resolved_source_code_url }}" class="btn-ghost btn--sm"{% if ver.source_code_url %} target="_blank" rel="noopener noreferrer"{% endif %}>{{ package_source_button_text }}</a>
        {% endif %}
      </div>
      {% if ver.release_notes %}
      <p class="pkg-version-notes">{{ ver.release_notes }}</p>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
</section>
{% endif %}
{% endif %}