{% extends 'layout.html' %}
{% block title %}{{ header_version.displaynames['enu'].displayname }} Package - {{ super() }}{% endblock %}
{% block content %}
<div class="row">
  <div class="d-flex">
    <div class="flex-shrink-0 mr-3">
      {% set _icon = header_version.icons.get("256") or header_version.icons["72"] %}
      <img src="{{ url_for('nas.data', path=_icon.path) }}" alt="Icon"
           style="{% if "256" in header_version.icons %}width:128px;{% endif %}height:auto;{% if not package.has_active_builds %} filter: grayscale(60%);{% endif %}">
    </div>
    <div class="flex-grow-1">
      <h1>{{ header_version.displaynames['enu'].displayname }}
        <small class="text-muted">v{{ header_version.version_string }}</small>
        {% if not package.has_active_builds %}
          <span class="badge badge-secondary ml-1">Archived</span>
        {% endif %}
      </h1>

      {% if selected_arch|default(None) %}
      <div class="alert alert-info py-2" role="alert">
        Showing builds for <strong>{{ selected_arch }}</strong> (including universal builds).
      </div>
      {% endif %}

      {% if not package.has_active_builds %}
      <div class="alert alert-secondary py-2" role="alert">
        <i class="bi bi-archive mr-2"></i>
        This package is no longer in the active catalog and is not actively maintained.
      </div>
      {% endif %}

      {# Active downloads badge — only shown when package has meaningful recent downloads #}
      {% if package.download_counts %}
        {% set n = package.download_counts.recent_download_count %}
        {% if n >= 100000 %}
          <p>
            <span class="badge badge-dark badge-pill">100k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 50000 %}
          <p>
            <span class="badge badge-primary badge-pill">50k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 25000 %}
          <p>
            <span class="badge badge-primary badge-pill">25k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 10000 %}
          <p>
            <span class="badge badge-info badge-pill">10k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 5000 %}
          <p>
            <span class="badge badge-success badge-pill">5k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 2500 %}
          <p>
            <span class="badge badge-success badge-pill">2.5k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% elif n >= 1000 %}
          <p>
            <span class="badge badge-secondary badge-pill">1k+ downloads</span>
            <small class="text-muted ml-1">in the last 90 days</small>
          </p>
        {% endif %}
      {% endif %}

      <p>{{ descriptions.get(header_version.id, '') }}</p>
      <div class="package-screenshots">
        {% for screenshot in package.screenshots %}
        <img class="package-screenshot" src="{{ url_for('nas.data', path=screenshot.path) }}" alt="Screenshot">&nbsp;
        {% endfor %}
      </div>
      {# When filtered, display_versions holds only versions with a matching
         build and version_build_groups holds only the matching builds per
         version; otherwise fall back to the full history. #}
      {% for version in (display_versions if display_versions is not none else package.versions)|reverse %}
      {% set build_groups = version_build_groups[version.id] if version_build_groups is not none else version.builds_per_dsm %}
      <dl>
        <dt>Version {{ version.version_string | safe }}{% if version.report_url %} <span class="badge badge-danger">beta</span>{% endif %}</dt>
        <dd>{{ version.builds[0].changelog | safe }}</dd>
        <dt>Date</dt>
        <dd>{{ version.insert_date.replace(microsecond=0) }}</dd>
        <dt>Architectures</dt>
        <dd>
        {% for (dsm_version, builds) in build_groups.items() %}
          {% if dsm_version == '1' %}
            SRM {{ dsm_version }}.x:
          {% else %}
            DSM {{ dsm_version }}.x:
          {% endif %}
          {% for build in builds %}
            {% if build.active %}
              {% for arch in build.architectures %}
              <a href="{{ url_for('nas.data', path=build.path) }}"><span class="badge badge-success">{{ build.firmware_min.version }}{% if build.firmware_max %}-{{ build.firmware_max.version }}{% endif %} {{ arch.code }}</span></a>
              {% endfor %}
            {% else %}
              {% for arch in build.architectures %}
              <a href="{{ url_for('nas.data', path=build.path) }}"><span class="badge badge-secondary" data-toggle="tooltip" title="Inactive: Manual installation only. This Package might be under development and have pending issues.">{{ build.firmware_min.version }}{% if build.firmware_max %}-{{ build.firmware_max.version }}{% endif %} {{ arch.code }}</span></a>
              {% endfor %}
            {% endif %}
          {% endfor %}
          <br>
        {% endfor %}
        </dd>
      </dl>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}

{% block script %}
<script>
  $(function () {
    $('[data-toggle="tooltip"]').tooltip();
  });
</script>
{% endblock %}