<!-- <div class="divider text-center" data-content="Summary"></div> -->
  <section id="#summary"></section>
  <details class="accordion" open>
    <summary class="accordion-header">
        <h3>
          <i class="icon icon-arrow-right mr-1"></i>
          Executive Summary
        </h3>
    </summary>
    <div class="accordion-body columns col-gapless">
    <div class="column col-12">
        <p>This report was generated by ShiftLeft from the Dependency Scan invocation on {{ scanTime }}. The scan used the ShiftLeft vulnerability database to audit the application dependencies for known vulnerabilities and exploits.
        </p>
        {% if metrics.total %}
        <p>
        Below is a summary of the issues identified:
        </p>
        <div class="container">
          <div class="columns col-12">
            <div class="column col-5">
              <table class="table" id="severity-table">
                <thead>
                <tr>
                  <th>Severity</th>
                  <th>Count</th>
                </tr>
                </thead>
                <tbody>
                {% for sev in ["critical", "high", "medium", "low", "unspecified", "total"] -%}
                <tr>
                  <td><span class="bg-{{ sev|auto_colourize }} chip">{{ sev|upper }}</span></td>
                  <td>{{ metrics.get(sev)|default('NA') }}</td>
                </tr>
                {%- endfor %}
                </tbody>
              </table>
            </div>
            <div class="column col-6">
              <canvas id="severity-chart" width="300" height="300"></canvas>
            </div>
          </div>
        </div>
        {% endif %}
      {% if isError %}
      <p>&nbsp;</p>
        <p><i class="icon icon-flag icon-2x text-warning"></i>&nbsp; ShiftLeft recommends immediate remediation for the vulnerable dependencies before using this application in a live environment.</p><p>This would mostly involve updating the version numbers to a fixed version and performing the required functional and smoke tests. On rare occasions where a fix is not available, consider <i>either delaying the deployment or identifying a suitable well-supported alternative package</i>.</p>
      {% else %}
      <p>&nbsp;</p>
      <p><i class="icon icon-check icon-2x text-success"></i>&nbsp; Based on this report, the application is certified as ready for deployment to test and production environments. Please refer to the SAST and container scan reports (if available) for additional context.</p>
      {% endif %}
    </div>
  </div>
  </details>
