{% extends 'layout.html' %}
{% block title %}Packages - {{ super() }}{% endblock %}
{% block content %}
<div id="packages">
  {% for version_row in versions | batch(3) %}
  <div class="row package-row">
    {% for version in version_row %}
    <div class="col-md-4">
      <div class="d-flex">
        <div class="flex-shrink-0 mr-3" style="width: 72px;">
          <a href="{{ url_for('frontend.package', name=version.package.name) }}">
            <img src="{{ url_for('nas.data', path=version.icons['72'].path) }}" alt="Icon">
          </a>
        </div>
        <div class="flex-grow-1">
          <h5>{{ version.displaynames['enu'].displayname }}
            <small class="text-muted">v{{ version.version_string }}</small>
          </h5>
          <div class="ellipsis package-description">
            <p>{{ version.builds[0].descriptions['enu'].description }}</p>
          </div>
        </div>
      </div>
    </div>
    {% endfor %}
  </div>
  {% endfor %}
</div>
{% endblock %}