{% for cve in cves %}
  {% if landing and loop.index0 == 0 %}
  {% elif loop.index0 < cves | length %}<hr class="p-rule" />{% endif %}
  <div id="card--{{ cve.id }}">
    <div class="row">
      <div class="col-6 col-medium-4">
        <div class="cve-card-header">
          <h2 class="p-heading--5">
            <a href="/security/{{ cve.id }}">{{ cve.id }}</a>
          </h2>
          <span id="priority-icon">
            {% if cve.priority == 'unknown' %}
              <i class="p-icon--placeholder"></i>
            {% elif cve.priority == 'negligible' %}
              <i class="p-icon--negligible-priority"></i>
            {% elif cve.priority == 'low' %}
              <i class="p-icon--low-priority"></i>
            {% elif cve.priority == 'medium' %}
              <i class="p-icon--medium-priority"></i>
            {% elif cve.priority == 'high' %}
              <i class="p-icon--high-priority"></i>
            {% elif cve.priority == 'critical' %}
              <i class="p-icon--critical-priority"></i>
            {% else %}
              <i class="p-icon--placeholder"></i>
            {% endif %}
            <span>{{ cve.priority.split() | first | capitalize }} priority</span>
          </span>
        </div>
      </div>
      {% if cve.summarized_status %}
        {% set status = cve.summarized_status %}
        <div class="col-3 cve-summary col-medium-2" {% if status.icon %}style="padding-top: 0.4rem;"{% endif %}>
            {% if status.icon %}
              <i class="p-icon--{{ status.icon }}"></i> {{ status.name }}
            {% else %}
              <p style="padding-top: 0.5rem;">
                  {% if status.name == "Some fixed" %}
                    Some fixes available <span class="u-text--muted">{{ status.fixed_count }} of {{ status.fixable_count }}</span>
                  {% else %}
                    {{ status.name }}
                  {% endif %}
              </p>
            {% endif %}
        </div>
      {% endif %}
    </div>
    <div class="row p-section--shallow">
      <div class="col-6 col-medium-4">
        <p>{{ cve.description|truncate(235) }}</p>
      </div>
      <div class="cve-summary col-3 col-medium-2">
        <p class="p-text--small-caps u-text--muted u-no-margin--top">{{ cve.packages | length }} affected package{% if cve.packages | length > 1 %}s{% endif %}</p>
        <p class="u-text--muted">
          {% for package in cve.packages %}
            {% if cve.packages | length > 6 %}
              {% if loop.index < 5 %}
                {{ package.name }},
              {% elif loop.index == 5 %}
                {{ package.name }}...
              {% endif %}
            {% else %}
              {% if loop.last %}
                {{ package.name }}
              {% else %}
                {{ package.name }},
              {% endif %}
            {% endif %}
          {% endfor %}
        </p>
      </div>
    </div>
    <div class="row p-section detailed-table u-hide">      
      {% if landing != true and cve.packages | length > 0 %}
        {% include 'security/cves/_cve-table.html' %}
      {% endif %}
    </div>
  </div>
{% endfor %}