{% extends "base.html" %}
{% set body_class = "color-no-search" %}
{% block content %}
<section class="hero" data-search-root>
  <h1>CVE PoC Hub</h1>
  <div class="pill-row tight">
    <span class="pill">Linked PoCs</span>
    <span class="pill">MITRE CVE pages</span>
    <span class="pill">Vendor / product filters</span>
    <span class="pill">Supports negative terms (e.g. <strong>-windows</strong>)</span>
  </div>
  <form class="searchForm" action="#">
    <input type="text" class="search" placeholder="Search CVE, vendor, product, or keyword" autocomplete="off">
  </form>
  <div class="search-results" data-results style="display:none">
    <div class="header">
      <h2>Results</h2>
    </div>
    <div class="noResults">No results yet.</div>
    <div class="results-table hide">
      <table class="results">
        <thead>
          <tr>
            <td width="18%">CVE</td>
            <td>Description / PoC links</td>
          </tr>
        </thead>
        <tbody class="results"></tbody>
      </table>
    </div>
  </div>
</section>

<section class="section" data-trending-section>
  <h2>Recently updated Proof-of-Concepts</h2>
  <div class="table-wrap" data-trending>
    <table>
      <thead><tr><th>Stars</th><th>Updated</th><th>Name</th><th>Description</th></tr></thead>
      <tbody id="trending-body">
        {% for row in trending %}
        <tr>
          <td>{{ row.stars }}⭐</td>
          <td>{{ row.updated }}</td>
          <td><a href="{{ row.url }}" target="_blank">{{ row.name }}</a></td>
          <td class="mono">{{ row.desc }}</td>
        </tr>
        {% else %}
        <tr><td colspan="4">No recent PoCs.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}
{% block extra_scripts %}
<script src="/logic.js"></script>
{% endblock %}